body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	background: white url("/lib/images/top-grad.png") left 46px repeat-x;
}
img { border: 0; }
h2 { color: #4878a8; margin: 2em 0 0 0; }
a { color: #6799c8; }
a:hover { text-decoration: none;}

.tinytext {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 100px;
}

.floatleft {
	float: left;
	margin: 2px;
}

#header { background: black; text-align: left; border-bottom: 1px solid white; margin-bottom: 18px; }
#header a { display: block; width: 965px; margin: 0 auto; padding-left: 75px; }

#box {
}
#container {
	text-align: left;
	width: 965px;
	margin: 0 auto;
	/*padding-bottom: 20px;*/
}
#footer {
	margin-top: 20px;
	background: black;
	height: 23px;
	clear: both;
	
}
#footer p {
	margin: 0 auto;
	text-align: left;
	color: white;
	padding-top: 5px;
	padding-left: 50px;
	padding-right: 1em;
	width: 890px;
	font-size:12px;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer span.right {
	float: right;
	color: #666666;
	font-size: .9em;
	padding-right:3px;
}
#footer span.left {
	display: block;
	width: 102px;
	text-align: right;
	white-space: nowrap;
}
#footer span.right a { color: #666666; }
#footer span a:hover { color: white; }

#left {
	float: left;
	text-align: right;
	width: 165px;
	/* padding-top: 278px; */
	padding-top: 15px; 
}
#left .title {
	margin-bottom: 16px;
}
#left .menu {
	padding-right: 10px;
	line-height: 1.5em;
	font-size: .9em;
}
#left .menu img {
	/*padding: 15px; */
	margin-top: 10px; 
}
#left .menu a {
	color: black;
	text-decoration: none;
}
#left .menu a.active { font-weight: bold; }


.content {
	border-left: 1px solid black;
	margin-left: 10px;
	padding: 10px; 
	float: left;
	width: 760px;
}


.content #logo_bar {
	background: black;
	height: 21px;
	clear: both;
}
.content #logo_bar .logo {
	float: right;
	margin-top: 2px;
	margin-right: 20px;
}
.content #logo_bar .dots {
	margin-top: 5px;
	margin-left: 5px;
}
p {
	font-size: 14px;
	color: #666;
}
/*.content #top { height: 334px; } */

#below_quote {
	margin-left: 205px;
	text-align: justify;
	clear: both;
}
#quote_insite {
	float: right;
}

/**
 * Home page styles
 */
#home #logo_bar { border-top: 1px solid #7f7f7f; height: 20px; }
#home #logo_bar .dots { margin-top: 4px; }
#home #top {
	margin: 0;
	padding: 25px 0 0;
	height: 274px;
}

#home .title {
	padding-top: 15px;
}

#agency .title {
	padding-top: 15px;
}

/**
 * Agency styles
 */
#expertise #top {
	padding-top: 60px;
	height: 274px;
}
#expertise #top .left, #expertise #top .right {
	width: 47%;
	font-size: 24px;
	color: #4878a8;
	line-height: 2em;
}
#expertise #top .left {
	float: left;
	text-align: right;
}
#expertise #top .right {
	float: right;
	text-align: left;
}

/**
 * Success styles
 */
#success #top {
	padding-top: 25px;
	height: 256px;
	width: 761px;
}

/**
 * Case Study styles
 */
#case_study #top h1 {
	margin: 0;
	padding-top: 30px;
	font-size: 1.5em;
	color: #6799c8;
}
#case_study #top h2 {
	margin: 0;
	padding: 0;
	color: #a7a9ac;
	text-transform: uppercase;
	font-size: 1.2em;
}
#case_study dl {
	font-size: 1.2em;
	margin-bottom: 2em;
}
#case_study dt {
	letter-spacing: -1px;
	color: #6799c8;
	font-weight: bold;
	float: left;
	width: 90px;
}
#case_study dd {
	margin-left: 90px;
}

/* Showcases ------------------------------------- */

#showcase #top {
	padding-top:30px;
	height:304px;
}
#showcase dl, #showcase dt {
	margin:0;
	padding:0;
}
#showcase dl {
	margin-left: 70px;
}
#showcase dt {
	width:110px;
	margin-right:25px;
	margin-bottom: 30px;
	float:left;
}
#showcase dt img {
	/*border:1px solid #666666;*/
	margin-bottom:5px;
}
#showcase dt img.logo {
	float: right;
	border-width: 0;
}
#showcase dd {
	font-weight: bold;
	font-size: 13px;
	padding:0;
	color:#4878a8;
	float:left;						/* here, we float the dd left, and add top margin */
	margin:115px 0 20px -135px; 	/* and move it left to position under the dt */
}
ul.hideme {
	display:none;
}

/**
 * Slideshow
 */

#slideshow {
	float: right;
	margin-top: 30px;
	margin-left: 1em;
	margin-right: 10px;
}
#slideshow img {
}
#slideshow #controls {
	text-align: right;
	clear: left;
	margin-top: 3px;
}
#slideshow #ssl {
	width: 212px;
	overflow: hidden;
}
#slideshow #ssl img {
	/*border: 1px solid black;*/
}
#slideshow ul {
	margin: 2px 0 0 0;
	padding: 0;
	position: absolute;
	list-style: none;
	overflow: hidden;
	max-height: 273px;
	min-height: 273px;
}
#slideshow li {
	margin: 0 0 2px 0;
	padding:0;
	overflow: hidden;
	float: left;
	width: 212px;
	max-width: 212px;
	min-width: 212px;
	height: 273px;
	min-height: 273px;
	max-height: 273px;
}
#slideshow li img, #slideshow li div {
	overflow: hidden;
}

/* slideShowfdic
*/
#slideshowfdic {
	float: right;
	margin-top: 30px;
	margin-left: 1em;
	margin-right: 10px;
}
#slideshowfdic img {
}
#slideshowfdic #controlsfdic {
	text-align: right;
	clear: left;
	margin-top: 3px;
}
#slideshowfdic #sslfdic {
	width: 212px;
	overflow: hidden;
}

#slideshow #sslfdic img {
	/*border: 1px solid black;*/
}
#slideshowfdic ul {
	margin: 2px 0 0 0;
	padding: 0;
	position: absolute;
	list-style: none;
	overflow: hidden;
	max-height: 273px;
	min-height: 273px;
}
#slideshowfdic li {
	margin: 0 0 2px 0;
	padding:0;
	overflow: hidden;
	float: left;
	width: 212px;
	max-width: 212px;
	min-width: 212px;
	height: 273px;
	min-height: 273px;
	max-height: 273px;
}

#slideshowfdic li img, #slideshowfdic li div {
	overflow: hidden;
}

/**
* Contact styles
*/

#contact .title {
	padding-top: 15px;
}

#contact #top {
	padding-top: 14px;
	height: 320px;
}
#contact #top p {
	margin-top: 0;
	font-size: 1.2em;
}
#contact #top strong {
	display: block;
	text-transform: uppercase;
	color: #6799c8;
	font-size: 1.4em;
}
#contact #top a {
	color: #666666;
	text-decoration: none;
}
#contact #top a:hover { text-decoration: underline; }

#contact #top .left, #contact #top .right {
	color: #4878a8;
	line-height: 2em;
}
#contact #top .left {
	float: left;
	padding: 70px 0 0 60px;
	width: 380px;
}
#contact #top .right {
	margin-left: 400px;
}
#contact .address1 {
	float: left;
	width: 185px;
	line-height: normal;
}
#contact .address2 {
	line-height: normal;
	margin-right: 10px;
}
#contact .email {
	line-height: normal;
}
#contact #top .address1 strong, #contact #top .address2 strong {
	font-size: 1em;
}

/**
* Color (blue, orange, green) styles
*/
.blue { color: #4878a8; }
.green { color: #82ae56; }
.orange { color: #ff6633; }
em.blue, em.green, em.orange { text-decoration: underline; }