/* These are only used by html templates now so that Mostra have dynamic background control for new cms pages */
.creative_about_us {
	background:url("../images/bgs/creative_about_us.jpg");
}

.creative_our_services {
	background:url("../images/bgs/creative_our_services.jpg");
}

.creative_gallery {
	background:url("../images/bgs/creative_gallery.jpg");
}

.creative_our_clients {
	background:url("../images/bgs/creative_our_clients.jpg");
}

.creative_the_team {
	background:url("../images/bgs/creative_the_team.jpg");
}


.creative_our_news {
	background:url("../images/bgs/creative_our_news.jpg");
}

.creative_contact_us {
	background:url("../images/bgs/creative_contact_us.jpg");
}

.creative_landing {
	background:url("../images/bgs/creative_landing.jpg") ;
}




#main_container {
	margin:0px;
}
#site_container {
	/*width:1025px;*/
    width:995px;
	height:700px;
	margin:0px auto;
	display:block;
	float:left
}

#bg_holder {
	/*width:1024px;*/
    width:994px;
	height:768px;
	margin:0px;
	display:block;
	
}

#main_panel {
	float:right;
	width:825px;
	height:770px;
	position:relative;
}

#header {
	width:100%;
	margin-top:85px;
	font-size:11px;
	letter-spacing:1px;
	font-weight: normal;	
}
#header dd {
margin-right:4px;
border-bottom: 2px solid #0f0f0f;
white-space:nowrap;
}
#header dd a, #header dd a:active, #header dd a:link, #header dd a:visited {
width:97px;
display: block;
text-align: right;
margin-top: 0px;
font-weight: normal;
color: #FFFFFF;
background:url("../images/creative-menu-button.png") left top no-repeat;
padding: 0px 0px 0px 18px;
border-bottom: 1px solid #0f0f0f;
}
html>body #header dd a, #header dd a:active, #header dd a:link, #header dd a:visited {
width:80px;
}

#header dd a:hover {	
/*background:url("../images/creative-menu-button4.png") left top no-repeat;*/
background:url("../images/creative-menu-button2.png") left top no-repeat;
}
#header dd a.selected {	
background:url("../images/creative-menu-button2.png") left top no-repeat;
}

#header dd.highlight  {
margin-right:0px;
}

#header dd.highlight a {
width:78px;
color:#c5475a;
border-right: 0px solid #c5475a;
padding: 0px 3px 0px 18px;
}



#home {
width: 95px;
height: 79px;
display:block;
clear:left;
float:right;
border: 0px solid #ff0000;
margin: 5px 23px 5px 0px;
}

#home img {
border: none;
}

#home a {
width: 95px;
height: 79px;
display:block;

background:url("../images/home_key.gif") left top no-repeat;
border: none;
}

#home a:hover {

background:url("../images/home_keyUp.gif") left top no-repeat;
}



#content {
    
	margin-top:0px;
	width:100%;
	float:left;	
	border: 0px solid #ff0000;
	height:535px;
}
#content .img_bottom_right {
    position: absolute;    
    display: block; 
    float:right;
    right: 0px;
    bottom:0px;
    margin-bottom: 45px;
    border: 0px solid green;
}




#content .left {
	/*width:350px;*/
	width:360px;
	float:left;
	border: 0px solid #ff0000;
}

#content .right {
	/*width:469px;*/
	width:459px;
	float:left;
	border: 0px solid #ff0000;
}


#content .right .client_col {
	width:160px;
	float:left;
	color:#ffffff;
	margin:63px 0px 0px 30px;
	border: 0px solid #ff0000;
}
html>body #content .right .client_col 
{
    margin:63px 0px 0px 50px;
}

.client_col a:hover {
color:#ffffff;
}

#content .right img.img_pad {
	margin:65px 0px 0px 60px;
	border: 0px solid #ff0000;
}


#content .news_item {
	width:690px;
	margin:0px;
	padding:4px 0px 12px 0px;
	border: 0px solid #ffffff;
}

#content .news_item p {
	width:680px;
	margin:0px;
	padding: 0px;
	padding-right:10px;    
}


#content .news_item h2 {
    margin:0px;
	padding: 0px;
	margin-bottom:0px;
}
#content .news_item h2 a {
	font-size:105%;
	margin:0px;
	padding: 0px;
}

#content .news_item a {
    color:#ffffff;
}
    
#content .news_item a:hover {
    color:#D44029;
}

#content .news_item a.read_news {
	display:block;
	float:right;
}

#content .news_item a.read_news, #content .news_item h2 a {
    color:#D44029;
}

#content .news_item a.read_news:hover, #content .news_item h2 a:hover {
        color:#ffffff; 
}


#inpage_nav {
margin-top: 2px;
margin-right:13px;
}

#inpage_nav dl {
display:block;
float:right;
}
#inpage_nav dd {
margin-right:4px;
border-bottom: 2px solid #0f0f0f;
}
#inpage_nav dd a, #inpage_nav dd a:active, #inpage_nav dd a:link, #inpage_nav dd a:visited {
width:78px;
display: block;
text-align: right;
margin-top: 0px;
font-weight: bold;
color: #D44029;
background:url("../images/creative-menu-button.png") left top no-repeat;
padding: 0px 0px 0px 18px;
border-bottom: 1px solid #0f0f0f;
}
#inpage_nav dd a:hover {	
background:url("../images/creative-menu-button2.png") left top no-repeat;
}
#inpage_nav a.selected {	
background:url("../images/creative-menu-button2.png") left top no-repeat;
}



/* begin: picture gallery bits n bobs */

#picture_gallery {	
	width:421px;
	height:349px;
	float:right;
	margin:5px 15px 0px 0px;
	z-index: 0;
	border: 0px solid #ff0000;
	position:absolute;
    top:309px;
    left:375px;
}
#picture_gallery_ourclients {
	width:421px;
	height:349px;
	float:right;
	margin:5px 15px 0px 0px;
	z-index: 0;
	border: 0px solid #ff0000;
	position:absolute;
    top:254px;
    left:375px;
}


#picture_gallery_overlay { 
    background:url("../images/creative_gallery_frame.png") top right no-repeat;
    width:428px;
	height:355px;		
	z-index:10;
    position:absolute;
    top:310px;
    left:372px;   
}
#picture_gallery_overlay_ourclients { 
    background:url("../images/creative_gallery_frame.png") top right no-repeat;
    width:428px;
	height:355px;		
	z-index:10;
    position:absolute;
    top:255px;
    left:372px;    
}

.imgdetailslge {
 /* position: relative;
  width:428px;
  height:355;*/
}


span.gallery_back {
position: absolute;
bottom: 120px;
right: 280px;
width: 15px;
height: 13px;
z-index: 200;
cursor: pointer;
border: 0px solid #ff0000;
}
span.gallery_back_ourclients {
position: absolute;
bottom: 180px;
right: 280px;
width: 15px;
height: 13px;
z-index: 200;
cursor: pointer;
border: 0px solid #ff0000;
}

span.gallery_next{
position: absolute;
bottom: 120px;
right: 170px;
width: 15px;
height: 13px;
z-index: 300;
cursor: pointer;
}
span.gallery_next_ourclients {
position: absolute;
bottom: 180px;
right: 170px;
width: 15px;
height: 13px;
z-index: 300;
cursor: pointer;
}

/* end : picture gallery bits n bobs */

#gallery_nav {
	margin:60px 0px 0px 0px;

}
#gallery_nav dl {
display: block;
float: right;
list-style-type: none;
padding: 0px;
margin: 0px 10px 0px 0px;
width:435px;
border: 0px solid #ff0000;
}
html>body #gallery_nav dl 
{
    margin: 0px 20px 0px 0px;
}

#gallery_nav dd {
    margin: 0px;
    padding: 0px;
    margin-bottom:7px;
    width:110px;
    display: inline;
    float: left !important;
    text-align: right;
    margin-left: 5px;
    border: 0px solid #ff0000;
}

#gallery_nav dd.shorter {
    border: 0px solid green;
    width:70px;
}

#gallery_nav dd a {
	font-size:80%;
	letter-spacing:0px;	
	padding:0px 3px 0px 0px;
	text-align:right;	
	/*display: table-cell;
	float: right !important;*/
	vertical-align: middle;
	height:5px;
	border-right:solid 1px #ffffff;
	
	
}
#gallery_nav dd a:hover , #gallery_nav dd a.selected {
	border-right:solid 1px #D44029;
	color:#D44029;
}


#footer {
	width:100%;	
}
#footer dl {
	padding-right:24px;
	float:right;
}
#footer dd a {
	border-right:solid 1px #ffffff;
	display:block;
	padding:0px 2px 0px 23px;
	font-weight:bold;
	font-size:90%;
}
#footer dd a:hover {
	border-right:solid 1px #D44029;
}