/* CSS Document */
	* {
		padding:0;
		margin:0;
	}
	body {
		background-image:url(template/background.jpg); /* Professional Services / Main */
		background-repeat:repeat-x;
		background-position:top center;
	}
	#wrapper { 
		margin-left: auto;
		margin-right: auto;
		width: 940px;		
		min-height:100%;
		height: auto !important;
		height:100%;
	}
	#header {
		position:relative;
		float:left;
		width:400px;
		height:118px;		
	}
	#menu {
		text-align:right;
		float:right;
		top:80px;		
		position:relative;
		width:540px;
		height:38px;
		font-family:Arial;
		font-size:12px;
		color:#ADADAE;
	}
	#photos {
		clear:both;
		position:relative;
		padding-top:15px;		
		height:318px;
		width:940px;	
	}
		#photosliderwrapper {
			position:relative;
			width:940px;
			height:37px;
			margin-left: auto;
			margin-right: auto;
			top:-38px;		
		}
	#photocontentgap {
		position:relative;
		width:940px;
		height:15px;	
		z-index:80;
		background-image:url(template/background_photogap.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#content {
		position:relative;
		width:940px;
		min-height:300px;
		z-index:81;
		background-color:#1F1F21;
		background-image:url(template/background_maincontent.jpg);
		background-position:top left;
		background-repeat:no-repeat;

	}
	.servicebox {
		position:relative;
		width:300px;
		height:200px;
/*		margin-bottom:20px;*/
	}
	.picturebackground {
		width:300px;
		height:203px;
		padding-top:37px;
		z-index:40;		
	}
	.newsbox {
		background-image: url(template/subheaderbox.png);
		background-position:top left;
       	background-repeat:no-repeat;
		width:300px;
		height:40px;
		float:left;
		padding-left:5px;
		padding-top:8px;
		font-family:Arial;
		color: #ffffff;
		font-size:20px;
		font-weight:normal;
	}
	.blogbox {
		background-image: url(template/subheaderbox.png);
		background-position:top left;
       	background-repeat:no-repeat;
		width:300px;
		height:40px;
		float:left;
		padding-left:5px;
		padding-top:8px;
		font-family:Arial;
		color: #ffffff;
		font-size:20px;
		font-weight:normal;
	}
	.blogcontainer {
		clear:both;
		width:300px;		
		font-family:Arial;
		font-size:14px;
		color:white;
		
	}
	.blogdate {
		float:left;
		width:46px;		
	}
		.blogmonth {			
			background-color:#EE1A26;
			height:20px;
			font-family:Arial;
			font-size:11px;
			color:#ffffff;
			width:46px;
			display:block;			
			text-align:center;
		}
		.blogday {			
			background-color:#3B3B3D;
			height:24px;
			font-family:Arial;
			font-size:20px;
			font-weight:bold;
			color:#ffffff;
			width:46px;
			display:block;
			text-align:center;
			padding-top:5px;						
		}

	.blogdesc {
		float:right;
		width:240px;
		min-height:50px;
		margin-bottom:20px;
		line-height:20px;
	}
	.bloglink {
		color:#ff0000;
		font-size:14px;
		text-decoration:none;
		background-image:url(template/readmorearrow.jpg);
		background-position: top right;
		background-repeat:no-repeat;
		padding-right:10px;
		line-height:20px;		
	}
	
	#newsstory ul {		
		list-style-type:none;
		margin:0;
		padding:0;		
	}	
	#newsstory li {
		list-style-type:none;
		background-image:url(template/newsicon.jpg);
		background-position: 0px 2px;
		background-repeat:no-repeat;
		padding-left: 20px; 
		font-family:Arial;
		font-size:14px;
		color:white;
		margin-bottom:10px;
		line-height:20px;
	}
	#newsstory li A {
		color:#ff0000;
		font-size:14px;
		text-decoration:none;
		background-image:url(template/readmorearrow.jpg);
		background-position: top right;
		background-repeat:no-repeat;
		padding-right:10px;
		
	}
	#followuswrapper { 		
		clear:both;
		width: 100%;	
	}
		#followus {
			margin-top:4px;
			position:relative;
			width:940px;
			height:37px;
			margin-left: auto;
			margin-right: auto;		
		}
	#footerwrapper {
		z-index:100; 
		height:95px;		
		clear:both;
		width: 100%;
		background-image:url(template/footerbackground.jpg);
		background-repeat:repeat-x;
		background-position:top left;	
		background-color: #000000;		
	}
	#footer {
		background-image:url(template/footerbackground.jpg);
		background-repeat:repeat-x;
		background-position:top left;
		background-color: #000000;
		z-index:101; 	
		position:relative;
		width:940px;
		height:95px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer .logo {
		margin-top:1px;	
		position:relative;
		float:right;
		width:238px;
		height:92px;
	}
	#footer .menu {
		position:relative;
		float:left;
		padding-top:40px;
		padding-bottom:-40px;
		width:700px;
		height:57px;
		font-family:Arial;
		font-size:11px;
		color: #ADADAE;	
	}	
	#footer A {
		font-family:Arial;
		font-size:11px;
		color: #ADADAE;
		text-decoration:none;	
	}	
	#footer A:hover {
		font-family:Arial;
		font-size:11px;
		color: #ADADAE;
		text-decoration:none;	
	}	
	#footer A:visited {
		font-family:Arial;
		font-size:11px;
		color: #ADADAE;
		text-decoration:none;	
	}	


	#col1 {
		padding-top:15px;
		position:relative;
		float:left;
		width:300px;
		min-height:300px;
		margin-right:20px;
		font-family: Arial;
		font-weight: normal;
		font-size:14px;
		color: #ffffff;
		line-height:20px;
	}
	
	#col1 .redh1 {
		font-family:Arial;
		font-size:20px;
		color: #ED1C24;
		font-weight:normal;
		padding-bottom:20px;	
	}
	#col1 h1 {
		width:300px;
       	height:37px;
       	background-image: url(template/subheaderbox.png);
       	background-repeat:no-repeat;
       	color:#FFF;
       	font-weight:bold;
		padding-left:5px;
		padding-top:8px;
		font-family:Arial;
		font-size:20px;
	    font-weight:normal;	   	
	}
	#col1 .testimonialblock {
		background-image:url(template/testimonialblock.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		width:280px;
		height:22px;
	}
	#col1 .testimonialblockcontent {
		background-color:#38383A;
		width:280px;
		padding: 30px 10px 10px 10px;
		margin-bottom:15px;
	}
	#col1 .redtext {
		font-family:Arial;
		font-size:14px;
		color: #ED1C24;		
	}
	#col2 {
		padding-top:15px;
		float:left;
		width:300px;
		min-height:300px;		
		margin-right:20px;			
		font-family: Arial;
		font-weight: normal;
		font-size:14px;
		color: #ffffff;
		line-height:20px;
		
	}
	#col3 {
		padding-top:15px;
		float:right;
		width:300px;
		min-height:300px;
		font-family: Arial;
		font-weight: normal;
		font-size:14px;
		color: #ffffff;
		line-height:20px;
		
	}
	#col23joined {
		padding-top:15px;
		float:left;
		width:620px;
		min-height:300px;		
		font-family: Arial;
		font-weight: normal;
		font-size:14px;
		color: #ffffff;
		line-height:20px;
		
	}


/* Follow Us - Slider */
	#FollowUssliderWrap {
		margin: 0;
		width: 300px;
		z-index:95;
		position:relative;
		clear:both;
	}
	#FollowUsslider {
		z-index:96;
		position: absolute;
		background-image:url(template/followus.jpg);
		background-repeat:no-repeat;
		background-position: top;
		background-color: #38383A;
		width: 300px;
		height: 132px;
		margin-top: 0px;
	}
	#FollowUsslider img {
		border: 0;
	}
	#FollowUssliderContent {
		margin: 45px 0 0 0px;
		position: absolute;
		text-align:left;
		color:#ffffff;
		font-weight:bold;
		font-family: Arial;
		font-size:12px;
		padding: 10px;
		line-height:20px;
	}
	#FollowUssliderContent A{
		color:#ffffff;
		font-weight:bold;
		font-family: Arial;
		font-size:12px;
		line-height:20px;
		text-decoration:none;
	}
	#FollowUssliderContent A:visited{
		color:#ffffff;
		font-weight:bold;
		font-family: Arial;
		font-size:12px;
		line-height:20px;
		text-decoration:none;
	}
	#FollowUssliderContent A:hover{
		color:#ffffff;
		font-weight:bold;
		font-family: Arial;
		font-size:12px;
		line-height:20px;
		text-decoration:none;
	}

	
	#FollowUsopenCloseWrap {
		position:absolute;
		margin: 0px 0 0 0px;
		font-size:12px;
		font-weight:bold;
	}

/* Project Brief - Slider */
	#ProjectBriefsliderWrap {
		margin: 0;
		width: 940px;
		z-index:20;
		outline:0; 
		position:absolute;
	}
	#ProjectBriefslider {
		z-index:19;
		position: absolute;
		background-image:url(template/projectbrief.png);
		background-repeat:no-repeat;
		background-position: top;		
		width: 940px;
		height: 180px;
		margin-top: 0px;
		outline:0; 
	}
	#ProjectBriefslider img {
		border: 0;
		outline:0; 
		z-index:22;
	}
	#ProjectBriefsliderContent {
		z-index:20;
		margin: 52px 10px 10px 20px;
		position: absolute;
		text-align:left;
		/*background-color:#FFFFCC;*/
		color:#ffffff;
		font-family:Arial;
		font-weight:normal;
		font-size:12px;
	}
	#ProjectBriefsliderContent .pbred{
		color:#ff0000;
		font-family:Arial;
		font-weight:normal;
		font-size:12px;
		text-decoration:none;
	}

	#ProjectBriefopenCloseWrap {
		position:absolute;
		margin: 0px 0 0 0px;
		font-size:12px;
		font-weight:bold;		
	}
	
	/*CollapsiblePanel*/
.ContainerPanel
{
	position:absolute;
       width:300px;
	   height:200px;
	   margin-top: -240px;	   
	   z-index:80;
}
.collapsePanelHeader
{
       width:300px;
       height:37px;
       background-image: url(template/subheaderbox.png);
       background-repeat:no-repeat;
       color:#FFF;
       font-weight:bold;
	   z-index:100;
}
.HeaderContent
{
       float:left;
       padding-left:5px;
	   padding-top:8px;
	   font-family:Arial;
	   color: #ffffff;
	   font-size:20px;
	   font-weight:normal;	   
}

.collapsibleContent
{
	background-image:url(template/subheaderbox_fade.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px;
	margin:0;
	height:163px;
	width:280px;
	font-family: Arial;
	font-weight: normal;
	font-size:14px;
	color: #ffffff;
	line-height:20px;	
}
.collapsibleContent A
{
	font-family: Arial;
	font-weight: bold;
	font-size:12px;
	color: #ffffff;
	line-height:20px;	
	text-decoration:none;
}
.collapsibleContent A:visited
{
	font-family: Arial;
	font-weight: bold;
	font-size:12px;
	color: #ffffff;
	line-height:20px;	
	text-decoration:none;
}
.collapsibleContent A:hover
{
	font-family: Arial;
	font-weight: bold;
	font-size:12px;
	color: #ffffff;
	line-height:20px;	
	text-decoration:none;
}

.ArrowExpand
{
       background-image: url(template/subheaderbox_arrowdown.jpg);
   	   background-color: #ffffff;
       width:20px;
       height:24px;
       float:right;
       margin-top:7px;
       margin-right:20px;
}
.ArrowExpand:hover
{
       cursor:hand;
}
.ArrowClose
{
       background-image: url(template/subheaderbox_arrowup.jpg);
	   background-color: #ffffff;
       width:20px;
       height:24px;
       float:right;
       margin-top:7px;
       margin-right:20px;
}
.ArrowClose:hover
{
       cursor:hand;
}


/************************************** NAVIGATION TOP LEVEL *******************************/

#nav {padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:right;}
#nav li a.top_link {display:block; float:left; height:22px; line-height:22px; color:#ADADAE; text-decoration:none; font-size:12px; font-weight:normal; padding:0 0 0 0px; cursor:pointer; vertical-align: middle; border:0px;}
#nav li a.top_link span {float:left; display:block; padding:0 8px 0 8px; height:22px; vertical-align: middle;}
#nav li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav li a.top_linkon {display:block; float:left; height:22px; line-height:22px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0px; cursor:pointer; vertical-align: middle; border:0px;}
#nav li a.top_linkon span {float:left; display:block; padding:0 8px 0 8px; height:22px; vertical-align: middle;}
#nav li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav li:hover a.top_link,
#nav a.top_link:hover {color:#FFFFFF;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span {}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0px; top:39px; background: #FFFFCC; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FAE86B;}
#nav :hover ul.sub li a {display:block; font-size:11px; height:22px; width:200px; line-height:20px; text-indent:13px; color:#666666; text-decoration:none; vertical-align:middle;  border:0px;}
#nav :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav :hover ul.sub li a:hover {background:#EAEAEA; color:#666666; border-color:#fff;  border:0px;}

#nav li b {display:block; font-size:11px; height:22px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #FAE86B; cursor:default;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}