@charset "utf-8";
/* CSS Document */

/** global styles **/
body {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0 0 0 0;
	}


img, div, table{ behavior: url(/Portals/_default/Skins/anvilmedia/iepngfix.htc) }
 

#bodywrapper{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	background: #e77c21 url(images/background.jpg) top center  repeat-x;
}
	
	#bodywrapper.content{
		background: #e77c21 url(images/background-content-1.jpg) top center  repeat-x;
	}

#sitewrapper {
	margin-left:auto;
	margin-right:auto;
	width:955px;
	text-align:left;
	position:relative;
	padding-top:320px; /* this is an arbitary value based on the height of #header */
	background: #ee9531 url(images/bg_contenthome.jpg) no-repeat top left;
	
}

	.home #sitewrapper{
		background: #ee9531 url(images/bg_contenthome.jpg) no-repeat top left;
	}

	.content #sitewrapper{
		background:none;
	}
	
	.ourwork #sitewrapper{
		background: #ee9531 url(images/bg-content-portfolio.jpg) no-repeat top left !important;
	}


#header {
	position:absolute;
	top:0px;
	width:955px;
	padding-top: 58px;
	height:265px;

}

#homelink {
	position:absolute;
	left:50px;
	top:90px;	
	width:200px;
	height:200px;
	background: url(images/logo.png) top left no-repeat;
	behavior: url(/Portals/_default/Skins/anvilmedia/iepngfix.htc);
	

}
#homelink a {
	display:block;
	width:204px;
	height:200px;

	position:absolute;
	left:50px;
	top:90px;	
	width:200px;
	height:200px;

}

#imageholder{
	width: 955px;
	height: 265px;
	z-index: 1;
	
}

	.content .twocol #imageholder, .ourwork #imageholder{
		/*background: url(images/bg_samplestage.jpg) top left no-repeat;*/
	}

	 .content .onecol #imageholder{
	
	}

#stage{
	width: 835px;
	height: 163px;
	padding: 0px 60px 10px 60px;
	color: #FFFFFF !important; 
	
}

	.ourwork #stage{
		z-index:100;
		width: 660px;
	}
	
	.ourwork #stage p{
		padding-bottom: 3px;
	}
	
	.ourwork #stage ol, .ourwork #stage ul{
		margin-bottom: 3px;
		margin-top: 3px;
	}
	

#footer {
	background: #e77c21 url(images/bg_footer.jpg) top left no-repeat;
	height: 70px;
	padding-top: 40px;
	
}
	
	#footer ul{

	}
	
	.content #footer{
		background: #e77c21 url(images/bg-footer-content.jpg) top left no-repeat;
	}
	

/* General Style*/


h1, h2, h3, h4, p, ul, ol, em, table{
	font-family:Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4{	
	font-weight: bold;
	color: #004990;
}
	#stage h1{
		font-size: 20px;
		color:white;
	}

h2{
	font-size: 18px;	
}

h3{
	font-size: 16px;
}

h4{
	font-size: 14px;
}

p, ul, ol, em, table{
	line-height: 1.4em;
	font-size: 12px;
}

#content ul, #content ol{
	font-size:12px;
	padding-left: 60px;
	padding-right: 60px;
	margin-left:0px;
	margin:0;

}

#content ul, #content ol {
	padding-left: 55px;
	padding-bottom: 10px;
	
}

#content ul li, #content ol li{
	margin-left: 0px;
	padding-left: 5px;
/*	list-style-type: none;
	background: url(images/bg/bullet_arrow.gif) top left no-repea*/t;
}

a:link{
	text-decoration: none;
	color:#006699;

}

a:hover{
	text-decoration:underline;
	color:#006699;
}



/** column structure **/
#colwrapper {
	
}

.cols{
	padding-bottom: 20px;
	background:white;
	
}

	.home #cols, .ourwork #cols{
	background:none;
	
}



#cols{
	background: white url(images/heading/heading-blank.jpg) top left no-repeat;	
}

.media #cols{
	background: black;	
}

.cols{
	background: white url(images/heading/heading-blank.jpg) top left no-repeat;	
}

#section56{
	background: white url(images/heading/heading-aboutus.jpg) top left no-repeat;
}

#section57 {
	background: white url(images/heading/heading-services.jpg) top left no-repeat !important;
}

#section58 {
	background: white url(images/heading/heading-clients.jpg) top left no-repeat;
}
#section59{
	background: white url(images/heading/heading-where.jpg) top left no-repeat;
}
#section60 {
	background: white url(images/heading/heading-newsletter.jpg) top left no-repeat;
}
#section61{
		background: white url(images/heading/heading-contact.jpg) top left no-repeat;

}

/*#cols{
	background: white url(images/heading/heading-blank.jpg) top left no-repeat;	
}

#cols.section56{
	background: white url(images/heading/heading-aboutus.jpg) top left no-repeat;
}

#cols.section57 {
	background: white url(images/heading/heading-services.jpg) top left no-repeat !important;
}

#cols.section58 {
	background: white url(images/heading/heading-clients.jpg) top left no-repeat;
}
#cols.section59{
	background: white url(images/heading/heading-where.jpg) top left no-repeat;
}
#cols.section60 {
	background: white url(images/heading/heading-newsletter.jpg) top left no-repeat;
}
#cols.section61{
		background: white url(images/heading/heading-contact.jpg) top left no-repeat;

}*/


/*#cols.generic {
	background:  url(images/heading/heading-blank.jpg) top left no-repeat;
}

#cols.aboutus {
	background: white url(images/heading/heading-aboutus.jpg) top left no-repeat;
}
#cols.services {
	background: white url(images/heading/heading-services.jpg) top left no-repeat;
}
#cols.where {
	background: white url(images/heading/heading-where.jpg) top left no-repeat;
}
#cols.clients {
	background: white url(images/heading/heading-clients.jpg) top left no-repeat !important;
}
#cols.newsletter {
	background: white url(images/heading/heading-newsletter.jpg) top left no-repeat;
}
#cols.contact {
	background: white url(images/heading/heading-contact.jpg) top left no-repeat;
}*/




#innercols {
	width:785px;
	margin-right:8px;
}

#contentcol {
	margin-top: 60px;
	margin-left: 60px;
	width:680px;	
}
	.twocol #contentcol {
	width:670px;
	}

	.ourwork #contentcol{
		margin-top: 40px;
		width: 830px;			
	}
	
	.onecol  #contentcol{
		margin-top: 40px;
		width: 830px;	
	}
	
	.onecol li#nav62{
		display:none;
	}
	
#award{	
	margin-top: 20px;
	background: url(images/bg_awards.jpg) 0px 5px no-repeat;
	height: 90px;
}
	#award p{
		padding:0px;
		margin:0px;
		font-size: 10px;
	}


#leftcol {

}

#rightcol {
	margin-top: 30px;
	background: url(images/bg_rigthnav.gif) top center no-repeat ;
	margin-right: 20px;
	width:180px;
}



/** footer elements **/
#footer a {
	color: #000000;
	text-decoration:none;
}


#footer a:hover {
	text-decoration:underline;
}

#footer ul li {
	padding-left:14px;
	padding-right:15px;
	background-image:url(css/footernavbullet.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	margin:0px;
}

#footer ul li.first {
	padding-left:0px;
	background:none;
}

#footer #slogan {

}





/*Media Panel**/


.mediapaneltop {
	font-size:10px;
	background: white url(images/bg-media-menu-bottom.jpg) top center no-repeat;
	width: 191px;
	padding: 7px 7px 0px 7px;
	margin: 0px 5px 7px 0px;
	height: 250px;

}

.mediapaneltop br{
	display:none;
}

.mediapaneltop h3{
	margin:5px 0px 0px;
	font-size: 12px;
	
}

.mediapaneltop .client{
	font-size: 10px;
	display:block;
	margin:0px;
	margin-bottom:5px;
	
}

.mediapaneltop .intro{
	font-size: 10px;
	display:block;
	margin:0px;
	margin-bottom:5px;
	
}




.mediapanelbottom {
	font-size:10px;
	background: white url(images/bg-media-menu-bottom.jpg) top center no-repeat;
}


/** Portfolio Heading Style 

div#title.outter {	
	float:left;
	background: url(images/bg_title_left.png) no-repeat top left;	
	padding-top:0px;
	padding-left: 30px;	
	margin:0px;
	behavior: url(iepngfix.htc);
}

div#title .inner {
	background: url(images/bg_title_right.png) no-repeat top right;
	padding: 5px 30px 10px 0px;
	margin:0px;
	width:auto;
	behavior: url(iepngfix.htc);	
}

* HTML div#title .inner {
	background: url(images/bg_title_right.gif) no-repeat top right;	
}

div#title h1.Head{
	display:inline;
	margin:0;
	
} **/



a.readmore:link, a.readmore:hover, a.readmore:visited {	
	color: white;
	display:block;
	padding: 5px 0px;
	background: url(images/bg_readmore.png) no-repeat 0px 0px;
	behavior: url(/Portals/_default/Skins/anvilmedia/iepngfix.htc);
	width: 100px;
	text-align:right;
}

/* Font Customisation*/

h1 .Head{

	color:white;
}

.content h1 .Head{
	font-weight: bold !important;
	color:#004990;
}

/*Media*/


#bodywrapper.media, .media #sitewrapper, .media #footer {
	background: black;
}

.media #sitewrapper {
	text-align:center;
	width: 700px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0 auto;
}

.media #contentcol{	
	margin: 0 auto;
}

h2.title {
	font-size: 10px !important;
	margin-bottom:0px;
	padding-bottom:0px;
}

/** helpers **/

/** use horzlist for any unorderered list that is to be rendered horintally **/
ul.horzlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlist li {
	display:inline;
	float:left;
	list-style-type:none;
}
ul.horzlist a {
	text-decoration:none;
}

ul.horzlist a span{
	visibility:hidden;
}

/** use horzlist for any div elemnent  **/
.leftcol {
	float:left;
	display:inline;
}
.rightcol {
	float:right;
	display:inline;
}

.imgbg {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}	

.clear{
	display:block;
	width: 100%;
	float:left;
	clear:both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	overflow:hidden;
}

.clearfix{display: inline-block;}

.hide{
	display:none;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.ourwork #dnn_TopContentPane{
	z-index: 50;
	position: relative;
	top:-55px;
	
}

.ourwork #dnn_TopContentPane p{
	padding-top: 0px;
	margin-top:0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	
}

a#loaded:link, a#loaded:visited, a#loaded:hover {
	background:transparent url(images/site_by_loaded.gif) no-repeat scroll left top;
	display:block;
	float:right;
	height:30px;
	margin-top: 20px;
	margin-right:10px;
	overflow:hidden;
	text-indent:-999em;
	width:80px;
}


#loadedframe{
	float:right;
	width: 100px;
	height: 50px;
}

a#loadedwebdesign:link, a#loadedwebdesign:hover, a#loadedwebdesign:visited{
	float:right;
	padding-right: 20px;
	font-size: 9px !important;
	color: #FCB457;
	text-decoration: none;
}

/*** Form Master***/

span.required{
	padding: 0px 5px;
	color: #FF0000;
}

.maincontactform td{
	padding: 3px;
}

.maincontactform .SubHead{
	color: #004990;
	font-size: 12px;
}

.maincontactform a.CommandButton{
	margin-top: 5px;
	padding: 5px 0px;
	font-size: 14px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #999999;	
	background: white;	
	width: 110px;
	border: 3px solid #CCCCCC;
}

.maincontactform a.CommandButton:hover{
	
	color: #FF9900;	
	border: 3px solid #FF9900;
	background: #FFCC66;
}