* { margin: 0; padding: 0; }


body { font: 11px Verdana, Arial, Helvetica, sans-serif; color:#413e30; background: #b8d3dc url(../images/bg.jpg) no-repeat top center; margin: 0; padding: 0;
line-height: 1.65em; }

img { border: none; }

p { line-height: 1.65em; padding-top: 1.2em; }

a { color: #305572; text-decoration: none; }

a:hover { color: #4392c9; text-decoration:none;}
a:visited { text-decoration: none; }

div.clear { clear: left; overflow: hidden; height: 1px; }

.heading { font: bold 14px Arial, Helvetica, sans-serif; color:#413e30; }

.heading span {
	font: 11px Arial, Helvetica, sans-serif;
	color:#413e30;
}

.sub-heading {
	font: bold 13px Arial, Helvetica, sans-serif; color:#413e30; line-height:1.5em; }

.details {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#305572;
	text-decoration: none;
}

.page-title {
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#413e30;
	padding-bottom:5px;
	padding-top:20px;
	border-bottom: 4px double #c3d1d4;
	margin-bottom:15px;
}

.sub-title {
	border-top: 4px double #c3d1d4;
	border-bottom: 4px double #c3d1d4;
	margin:15px 0 15px 0;
}

.sub-title h2 {
	padding:10px 0 10px 0;
}

.content-section {
	margin-bottom:30px;
}

.emtext { font: 12px Verdana, Arial, Helvetica, sans-serif; line-height:1.65em;}

/* ------------ header --------------- */

#header {
	width: 810px;
	height: 209px;
	margin: 0 auto;
	position: relative;
	
}

#logo a {
	background: url(../images/logo.png) no-repeat top left;
	width: 435px;
	height: 155px;
	position: absolute;
	text-indent: -900em;
	left: 25px;
	
}

#phone {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#413e30;
	position: absolute;
	text-align:right;
	line-height:2em;
	right:45px;
	top: 33px;
}

#phone span {
	font: bold 30px Arial, Helvetica, sans-serif;
	color:#ef6a03;
	
}

/* ----------  content ---------------- */

#content {
	width: 810px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background: transparent url(../images/content_bg.png) repeat-y;
}


/* ----------  footer ---------------- */

#footer {
	width: 810px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	background: url(../images/footer_bg.png) repeat-y;
	
}

#footer h5 {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #9aaebc;
	position: relative;
	left: 43px;
	top: 8px;
	
}

#footerbase {
	background:url(../images/footer_bbg.png) no-repeat;
	width:810px;
	height:21px;
	position:relative;
	margin: 0 auto;
	clear:both;
}

/* ---------- sub menu ---------------- */

#submenu {
	list-style: none;
	background: url(../images/submenu_bg.png) repeat-x;
	height: 35px;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 38px;
	right:32px;
	
}

#submenu li {
	float:left;
	position: relative;
	text-align: center;
	
}

#submenu li a {
	width: 168px;
	height: 32px;
	display: block;
	padding-top: 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#413e30;
	text-decoration: none;
}

#submenu li a:hover, #submenu li.current a {
	color:#FFFFFF;
}

#submenu li.current a { cursor: default !important;}

/* ---------- submenu icon ---------------- */

#submenu-quote { 
		background:  url(../images/quote.png)  28px 6px no-repeat;
}

#submenu-client { 
		background:  url(../images/client.png)  48px 6px no-repeat;
}

#quote-icon {
	margin-right:-20px;
}

#client-icon {
	margin-right:-20px;
}


/* ---------- menu ---------------- */

#menu {
	list-style: none;
	background: url(../images/menu_bg.png) repeat-x;
	width:744px;
	height:54px;
	padding: 0;
	margin: 0;
	position: absolute;
	right:33px;
	bottom: 0;
}

#menu li {
	float:left;
	position: relative;
	text-align: center;
	
}

#menu li a {
	width: 124px;
	display: block;
	padding-top: 26px;
	font:  15px Arial, Helvetica, sans-serif;
	color:#9aaebc;
	text-decoration: none;
}


#menu li a:hover, #menu li.current a {	
	color:#FFFFFF;
}

#menu li.current a { cursor: default !important;}

#leftnavrc {
	background: url(../images/menu_bgleftrc.png) no-repeat;
	width:33px;
	height:54px;
	position:absolute;
	left:0;
	bottom:0;
}

#rightnavrc {
	background: url(../images/menu_bgrightrc.png) no-repeat;
	width:33px;
	height:54px;
	position:absolute;
	right:0;
	bottom:0;
}

/* ---------- menu icon ---------------- */

#menu-services { 
		background: transparent url(../images/services.png) 10px 17px no-repeat;
		
}
#menu-portfolio { 
		background: transparent url(../images/portfolio.png) 15px 17px no-repeat;
		
}
#menu-about { 
		background: transparent url(../images/about.png) 20px 18px no-repeat;
		
}
#menu-blog { 
		background: transparent url(../images/blog.png) 32px 17px no-repeat;
		
}
#menu-careers {
		background: transparent url(../images/careers.png)  9px 17px no-repeat;
		
}

#menu-contact { 
		background: transparent url(../images/contact.png)  5px 20px no-repeat;
}


#services-icon {
	margin-right:-10px;
}

#portfolio-icon {
	margin-right:-26px;
}

#about-icon {
	margin-right:-42px;
}

#blog-icon {
	margin-right:-36px;
}

#careers-icon {
	margin-right:0px;
}

#contact-icon {
	margin-right:-21px;
}

/* ---------- top content ---------------- */

#top-content {
	width:722px;
	position:relative;
	float:left;
	left:44px;
	padding-bottom:65px;
	border-bottom: 4px double #c3d1d4;
	top:0;
	
}


/* ---------- intro ---------------- */

#intro {
	width:290px;
	height:auto;
	left:0;
	top:35px;
	float:left;
	position:relative;
	padding-right:20px;
	overflow:hidden;
	
	
}

#intro h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#413e30;
}

#intro h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color:#413e30;
}



/* ---------- flash---------------- */


#flash {
	width:400px;
	height:250px;
	position:relative;
	float:right;
	right:0;
	top:35px;
	background:#d5e5e9;
	border: 1px solid #c3d1d4;
	overflow:hidden;
	
}


/* ---------- recent projects ---------------- */

#projects-rc {
	width:514px;
	position:relative;
	float:left;
	left:0;
	top:35px;
	background:#d5e5e9;
}

#recent-projects {
	padding:15px 15px 15px 15px;
}


#recent-projects p {
	padding-left:8px;
	padding-bottom:15px;
}
.project-thumb {
	float: left; 
	padding: 0 8px 10px 8px;
	text-align: center;
	font-size: 11px;
	color: #413e30;
}
		
.project-thumb img {
	margin-bottom: 4px;
}

.project-thumb a:link img, .project-thumb a:visited img {
	border: 5px solid #c3d1d4;
}

.project-thumb a:hover img, .project-thumb a:active img {
	border: 5px solid #305572;
}
		
		
/* ---------- container rounded corners ---------------- */

.rtop, .rbottom { display:block; background:#dceef3; }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; background:#d5e5e9; }
.r1{ margin: 0 5px }
.r2{ margin: 0 3px }
.r3{ margin: 0 2px }
.r4{ margin: 0 1px; height: 2px }

/* ---------- mid content ---------------- */

#mid-content { width:722px; position:relative; float:left; left:44px; padding-bottom:65px; border-bottom: 4px double #c3d1d4; }

/* ---------- services list ---------------- */

#services-list {
	width:172px;
	float:right;
	position:relative;
	right:0;
	top:35px;
	padding:15px 15px 15px 15px;
	overflow:hidden;

}

#services-list p {
	padding-bottom:15px;
}

#services-list li {
	list-style: none;
	line-height:2em;
}

#services-list li a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#305572;
	text-decoration: none;
}

#services-list li a:hover, #services-list li.current a, .details a:hover {	
	color:#4392c9;
	text-decoration:none;
}

#services-info {
	padding:0 0 25px 0;
}

/* ---------- more projects ---------------- */

#more-projects {
	float:left;
	position:relative;
	left:0;
	top:35px;
	

}




/* ---------- base content ---------------- */

#base-content {
	width:722px;
	position:relative;
	float:left;
	left:44px;
	top:10px;
	padding-bottom:40px;
}


/* ---------- our results ---------------- */

#our-results {
	float:left;
	width:250px;
	height:auto;
	left:0;
	top:15px;
	position:relative;
	padding-right:20px;
	padding-bottom:15px;
	border-right:1px solid #c3d1d4;
	overflow:hidden;
	
}

/* ---------- get in touch ---------------- */

#action {
	float:left;
	width:180px;
	height:auto;
	left:0;
	top:15px;
	position:relative;
	padding:0 15px 15px 25px;
	overflow:hidden;
}

.phone {
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#413e30;
}

/* ---------- latest blog---------------- */

#blog-rc {
	width:180px;
	position:relative;
	float:right;
	right:0;
	top:15px;
	background:#d5e5e9;
}

#latest-blog {
	padding: 0 15px 15px 15px;
}

/* ---------- about us ---------------- */


#page-content {
	width:480px;
	float:left;
	position:relative;
	padding-top:20px;
	padding-right:15px;
	overflow:hidden;
}



#side {
	width:220px;
	float:right;
	position:relative;
	padding-top:20px;
}

#side-list {
	padding: 0 15px 15px 15px;
}

#side-taglist {
	margin-top:10px;
}

#side-taglist li {
	list-style: none;
	line-height:2em;
	
}

#side-taglist li a {
	font:  bold 12px Arial, Helvetica, sans-serif;
	color:#305572;
	margin-bottom:5px;
	
}


#side-taglist li a:hover, #side-taglist li.current a {	
	color:#4392c9;
}

#side-taglist li.current a { cursor: default !important;  }

#side-rc {
	width:220px;
	position:relative;
	float:right;
	right:0;
	top:15px;
	background:#d5e5e9;
	margin-bottom:30px;
}