@import url('reset.css');

body{	
	background: 		#365990;
	color:				#274b6c;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		18px;	
}
h1{
	color:				#274b6c;
	font-size:			24px;
	line-height:		14px;
	padding:			10px 0 38px 0;
}
h2{
	color:				#274b6c;
	font-size:			20px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 20px;
}
#container{
	background: 		url(../images/core/content-background.png) top center repeat-y;
	height: 			auto;
	margin: 			0 auto;	
	width: 				1024px;
}


/*****HEADER*****/


#header{
	background: 		url(../images/core/header-background.png) no-repeat;
	height: 			98px;
	margin: 			0 auto;	
	width: 				960px;
}
#logo{
	float: 				left;
  display: inline;
	height: 			30px;
	padding: 			49px 0 0 21px;	
	width: 				384px;
}
#cta{
  float: right;
  display: inline;	
	height: 			28px;
	padding: 			58px 0 0 0;
	width: 				326px;
}


/*****NAVIGATION*****/


#topnav{
	background:			#2f5980;
	height:				52px;	
	margin:				0 0 0 32px;
	width:				960px;
}

#topnav ul li {
  float: left;
  display: inline;
}

#topnav ul li a {
	display: 			block;
	text-indent:		-9999px;
}

#topnav ul li a#nav-home {
	background: 		url(../images/core/topnav-home.png);
	height:				52px;
	width:				192px;
}
#topnav ul li a#nav-profile {
	background: 		url(../images/core/topnav-profile.png);
	height:				52px;
	width:				192px;
}
#topnav ul li a#nav-services {
	background: 		url(../images/core/topnav-services.png);
	height:				52px;
	width:				192px;
}
#topnav ul li a#nav-projects {
	background: 		url(../images/core/topnav-projects.png);
	height:				52px;
	width:				192px;
}
#topnav ul li a#nav-contact {
	background: 		url(../images/core/topnav-contact.png);
	height:				52px;
	width:				192px;
}

#topnav ul li a:hover {
	background-position: 0 -52px !important;
}


/*****BANNER*****/


#banner{
 	background:			url(../images/core/banner-border-top.png) top no-repeat #f6f6f6;
	height:				300px;
	margin:				0 0 0 32px;	
	width:				960px;
}
#banner01{
	height: 			276px;
	width: 				464px;
	overflow:			hidden;
	float:				left;
	display:			inline;
	margin: 			9px 10px 0 11px;
}
#banner02{
	float: 				left;
	display:			inline;
	margin: 			13px 0 0 0;
}
#bannerlarge{
	height:				280px;
	padding:			11px 0 0 11px;
	width:				938px;
}


/*****CONTENT*****/


#content{	
	background:			url(../images/core/content-border-top.png) top no-repeat;
	margin:				0 auto;
	padding: 			15px 11px 0px 11px;
	width:				938px;
	height:				auto;
}
#secondary-content{
	background:			#dde3ec;
	float:				left;
	height:				434px;		
	margin-top:			14px;
	padding-left:		11px;
	width:				212px;
}
#primary-content{
	background:			#dde3ec;
	float: 				left;
	height:				auto;	
	margin-top:			14px;
	width:				714px;
}
#primary-content ul{
	margin:				0 0 0 40px;
	list-style:			circle;
}
#primary-content h1,h3,p{
	margin:				10px 0 10px 20px;
}
.gallery-row{
	margin:				0 0 0 -20px;
}
.gallery-row ul li{
	display:			inline;
	list-style:			none;
}
#contact{	
	background:			#fff;
	height:				250px;
	margin-top:			10px;
	width:				200px;
}
#contact h2{
	padding:			10px;
}
#contact ul li{
	padding:			4px 20px;
	margin:				0 0 0 10px;
}
#contact p{
	line-height:		14px;
	padding:			10px 10px;
}
.contact-telephone{
	background:			url(../images/contact-telephone-icon.png) center left no-repeat;
}
.contact-fax{
	background:			url(../images/contact-fax-icon.png) center left no-repeat;
}
.contact-mobile{
	background:			url(../images/contact-mobile-icon.png) center left no-repeat;
}
.contact-email{
	background:			url(../images/contact-email-icon.png) center left no-repeat;
}


/*****FOOTER*****/


#footer{
	clear: 				both;
	display: 			block;
	height:				150px;
	margin-left:		32px;	
	width:				960px;
}
#affiliates{
	background:			url(../images/core/affiliates-border-top.png) top no-repeat #fff;
	height:				65px;
	padding:			40px 0 0 150px;
	width:				810px;
}
#affiliates ul li{
	display:			inline;
	float: 				left;	
}
#footer-details{
	color:				#000;
	background:			#ffc000;
	height:				46px;
	text-align:			center;	
	width:				960px;
}
#webfirm-logo{
	height:				30px;
	left:				840px;
	position:			relative;	
	top:				-38px;
	width:				89px;	
}