/* COLORS 

lightest blue (img border) #acbccf
light blue (bg)	#aebdd0
medium blue (text) #3c4668
dark blue (bg) #1c2747

dark red (links) #681532

*/




/* GLOBAL */

body {
	background: url('images/bg.gif') top left repeat-x #1c2747;
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18px */
	color: #1c2747;
}


a:link {
	color: #681532;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
}


p, ul, ol {
	font-size: 0.75em;
}


h3 {
	font-size: 1.125em;
	color: #1c2747;
	margin: 0;
	padding: 0 0 5px;
}	


h4 {
	clear: both;
	font-size: 1em;
	color: #681532;
	margin: 0;
	padding: 10px 0 0 0;
}	

.clear {
	clear: both;
}


/* LAYOUT */

#wrapper {
	width: 892px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}	

#header {
	float: left;
	display: inline;
	width: 892px;
	height: 152px;
	margin: 0;
	padding: 0;
	background: url('images/bg_wrap.gif') top left repeat-x #fff;
}	

#header img {
	float: left;
	display: inline;
	width: 188px;
	height: 103px;
	margin: 30px 0 0 20px;
}

#topnav {
	float: right;
	display: inline;
	width: 500px;
	margin: 70px 20px 0 0;
	padding: 0;
}

#topnav ul {
	float: right;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topnav ul li {
	display: inline;
	height: 18px;
	margin: 0;
	padding: 5px 8px 5px 5px;
	border-right: 1px solid #ccc;
}

#topnav ul li.last {
	border-width: 0;
}


#topnav ul li a {
	color: #681532;
	font-weight: bold;
	text-decoration: none;
}


#topnav ul li a.select {
	color: #1c2747;
}



#topnav ul li a:hover {
	color: #667b9d;
}





/* HOME  */

#home_content {
	clear: both;
	width: 892px;
	background: #fff;
	margin: 0;
	padding: 0;
}


#middle {
	clear: both;
	height: 261px;
	margin: 0;
	padding: 0;
}

#midleft img {
	float: left;
	display: inline;
	width: 368px;
	height: 261px;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #acbccf;
}

#midright {
	float: right;
	display: inline;
	width: 522px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}

#midright h2 {
	width: 522px;
	height: 46px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 1em;
}

#midright h2 span {
	background: url('images/hdr_home.gif') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}



#intro {
	height: 204px;
	padding: 0 20px;
	background: #fff;	
}

#intro p {
	color: #3c4668;
	font-weight: bold;
}



#bottom {
	clear: both;
	height: 285px;
	margin: 0;
	padding: 0;
}

#btmleft {
	float: left;
	display: inline;
}

#btmleft .testimonial {
	width: 330px;
	height: 265px;
	margin: 0;
	padding: 20px 20px;
	background: url('images/bg_home_left.gif') top left repeat-x #aebdd0;	
}


.testimonial p {
	font-weight: bold;
	margin: 0;
	padding-left: 18px;
}

.testimonial p.quote {
	background: url('images/quote.gif') top left no-repeat;
	margin-top: 10px;
	font-size: 0.875em;
	line-height: 1.5em;
}

.testimonial p.source {
	margin-bottom: 10px;
	text-align: right;
	font-style: italic;
}




#btmright {
	float: right;
	display: inline;
}


#features {
	width: 522px;
	height: 305px;
	margin: 0;
	padding: 0;
	background: url('images/bg_home_features.gif') top left repeat-x #c8d3e0;	
}

#feature1, #feature2 {
	width: 230px;
	background: #d9e0e9;
}

#feature1 {
	float: left;
	display: inline;
	margin: 20px 10px 10px 20px;
}

#feature1,#feature2 {
	height: 260px;
}

#feature1 h3, #feature2 h3 {
	width: 230px;
	height: 26px;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#feature1 h3 span, #feature2 h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
}

#feature1 h3 span {
	background: url('images/hdr_home_news.gif') no-repeat;
}

#feature2 h3 span {
	background: url('images/hdr_home_cs.gif') no-repeat;
}

#feature1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#feature1 ul li {
	margin: 0;
	padding: 5px 10px 10px;
	line-height: 1.25em;
}

#feature2 {
	float: right;
	display: inline;
	margin: 20px 20px 10px 10px;
}

#feature2 h4 {
	margin: 10px 10px 0;
	padding: 0;
}

#feature2 p {
	margin: 0;
	padding: 5px 10px 10px;
	line-height: 1.4em;
}




/* SECONDARY  */

#content {
	clear: both;
	width: 892px;
	background: #fff;
	margin: 0;
	padding: 0;
}

#content #side {
	float: left;
	display: inline;
	width: 213px;
	margin: 0;
	padding: 0;
}

#content #side img {
	border: 1px solid #acbccf;
	width: 211px;
	height: 152px;
	margin: 0;
	padding: 0;
}


#side h3 {
	font-size: 0.875em;
	margin: 10px 0 0 20px;
	
}

#content #side ul {
	margin: 16px 10px;
	padding: 0 10px;
}

#content #side ul li {
	margin: 0 0 0 10px;
	padding: 5px 0;
	line-height: 1.4em;
}

#content #side p {
	font-weight: bold;
	margin: 0;
	padding-left: 16px;
}

#content #side  p.quote {
	background: url('images/quote.gif') top left no-repeat;
	margin: 20px 20px 10px 10px;
	font-size: 0.75em;
	line-height: 1.6em;
	font-weight: bold;
}

#content #side p.source {
	margin: 0 20px 20px;
	text-align: right;
	font-style: italic;
	font-size: 0.675em;
	line-height: 1.4em;
}






#content #main {
	float: right;
	display: inline;
	width: 679px;
	margin: 0;
	padding: 0;
	background: #fff;
	border-top: 1px solid #fff;
}


#content #main h2 {
	width: 679px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 1em;
}

#content #main h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
}


#content #main h2#work span {
	background: url('images/hdr_work.gif') no-repeat;
}

#content #main h2#services span {
	background: url('images/hdr_services.gif') no-repeat;
}

#content #main h2#clients span {
	background: url('images/hdr_clients.gif') no-repeat;
}

#content #main h2#about span {
	background: url('images/hdr_about.gif') no-repeat;
}

#content #main h2#contact span {
	background: url('images/hdr_contact.gif') no-repeat;
}



#main_content {
	padding: 20px;
}


img.icon {
	float: left;
	width: 66px;
	margin: 14px 10px 0 0;
	padding: 0;
}

.indent {
	margin-left: 76px;
	padding-bottom: 15px;
}

p.breadcrumb {
	background: url('images/sm_arrow.gif') no-repeat;
	margin: 0;
	padding-left: 15px;
}

.partner {
	font-size: 1em;
	font-weight: bold;
}


.team {
	font-size: 0.875em;
	font-weight: bold;
}



/* Portfolio */


.portfolio {
	float: left;
	margin-bottom: 20px;
}

ul.lightbox {
	float: left;
	list-style: none;
	display: inline;
	margin: 10px 0;
	padding:10px 0;
}

ul.lightbox li {
	float: left;
	list-style: none;
	display: inline;
	width: 170px;
	margin: 0;
	padding: 0 10px;
	line-height: 1.25em;
}



ul.lightbox li img {
	border: 1px solid #aebdd0;
	margin: 0 0 5px;
}





/* FOOTER */

#footer {
	clear: both;
	background: #fff;
	margin: 10px 20px 40px;
	padding: 20px 0 40px;
	border-top: 1px solid #bfc9d6;
}

#footer.home {
	border-width: 0;
}


#footer_contact {
	float: left;
	display: inline;
	list-style: none;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	border-right: 1px solid #ccc;
	padding: 0 4px 0 2px;
	font-size: 0.9em;
	font-weight: bold;
}

#footer_contact ul li.last,#btm_nav ul li.last {
	border-width: 0;
}

#btm_nav {
	float: right;
	display: inline;
}