/* Main CSS Document */



/* Colors

#C0C0C0: Grey - body bgcolor

#4540AD: Purple - a

#000000: Black - a:hover, body

#FEC602: Yellow - a:hover nav

#A0A0A1: Grey - copyright

#D4D4D5: Grey - home border

#CFCFCF: Grey - index_copy_gray

#888888: Grey - index_copy_white

*/



/* This is to keep page from shifting to left on load in safari and firefox*/



html { min-height: 100%; margin-bottom: 1px; }



html { overflow: -moz-scrollbars-vertical !important; }



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	background-color: #c0c0c0;

	line-height: 1.5em;

	}



img { 

	border: 0px; 

	margin: 0px; 

	padding: 0px; 

	}

	 

a {

	text-decoration: underline;

	color: #4540AD;

	}

	

a:hover {

	color: #000000;

	}

		

a.sitemap {

	color: #A0A0A1;

	}



h3 {

	font-size: 1.1em;

	}

.back_to_top, .back_to_top_last {
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	padding-right: 8px;
	}
	
.back_to_top_last {
	margin-bottom: 600px;
	}
	
.back_to_top a, .back_to_top_last a {
	text-decoration: none;
	}

	
.top_opera {
	display: none;
	}
	

#content_wrapper, #content_wrapper_index {

	margin: 0 auto;

	width: 999px;

	background-color: #ffffff;

	}



#content_wrapper_index {

	width: 1000px;

	}	


#index_1, #index_logo, #index_topnav, #index_copy_gray {

	margin-right: 525px;

	}



#index_1 {

	width: 475px;

	height: 117px;

	}



#index_flash {

	float: right;

	width: 525px;

	height: 550px;

	}



#index_logo {

	width: 475px;

	height: 315px;

	background-image: url(../images/index_logo.jpg);

	}



#index_topnav {

	width: 475px;

	height: 22px;

	background-image: url(../images/index_topnav.jpg);

	}



#index_copy_gray {

	width: 475px;

	height: 96px;

	background-image: url(../images/index_copy_gray.jpg);

	}



#index_copy_gray div, #index_copy_white {

	line-height: 1.3em;

	text-align: justify;

	}



#index_copy_gray div {

	color: #CFCFCF;

	padding: 10px 10px 10px 105px;

	}



#index_copy_white {

	color: #888888;

	padding: 0px 105px 10px 105px;

	border-top: 1px solid #D4D4D5;

	}



#header, #header_blank {

	width: 612px;

	height: 140px;

	background-repeat: no-repeat;

	}



#header {

	background-image: url(../images/header.jpg);

	}

	

#header_blank {

	background-image: url(../images/header_blank.jpg);

	}

	

.sub_right {

	position: absolute;

	z-index: 99;

	}



#sub_right_2, #sub_right_3, #sub_right_4, #sub_right_5 {

	clear: right;

	float: right;

	margin-left: 25px;

	} 



#sub_right_1 {

	float: right;

	width: 387px;

	height: 329px;

	}

	

#sub_right_2 {

	width: 336px;

	height: 70px;

	}

	

#sub_right_3 {

	width: 295px;

	height: 61px;

	}



#sub_right_4 {

	width: 259px;

	height: 60px;

	}



#sub_right_5 {

	width: 226px;

	height: 79px;

	}



#sub_right_blank {

	float: right;

	width: 387px;

	height: 165px;

	}

	

#topnav, #topnav_blank {

	width: 612px;

	height: 25px;

	background-repeat: no-repeat;

	}

	

#topnav {

	background-image: url(../images/sub_topnav.jpg);

	}

	

#topnav_blank {

	background-image: url(../images/sub_topnav_blank.jpg);

	}

	

#nav {

	margin-left: 35px;

	width: 577px;

	height: 25px;

	}



#index_nav {

	margin-left: 30px;

	width: 440px;

	height: 22px;

	}



#nav a, #index_nav a {

	color: #ffffff;

	text-decoration: none;

	}

	

#nav a:hover, #index_nav a:hover {

	color: #FEC602;

	}

	

#nav a.current {

	color: #FEC602;

	}

	

#body_main {

	background-image: url(../images/sub_body_text.jpg);

	background-repeat: repeat-x;
	margin-bottom: 60px;

	}

	

#body_text {

	padding: 50px 230px 25px 35px;

	}



#body_img_1 {

	clear: right;

	float: left;

	}
	
	
.body_images {

	clear: both;

	float: left;

	}


.body_paragraph_container {

	clear: left;
	
	}
	
	
img.click, img.click_people, img.click_teen_people, img.click2 {

	vertical-align: top;

	position: relative;

	left: -205px;

	}

	

img.click {

	top: 107px;

	}

img.click2 {
	
	top: 77px;
	
	}
	

img.click_people {

	top: 246px;

	}

	

img.click_teen_people {

	top: 156px;

	}

	

img.body_left {

	margin: 30px 20px 0px 35px;

	}

	
	
img.body_img {

	margin: 0px 20px 0px 0px;

	}
	
	
	
.body_img_text_margin {

	margin-left: 220px;

	}



#services_list {

	padding: 6px 0px 26px 25px;

	}

	

#client_list {

	position: relative;

	left: -42px;

	}

	

#client_list td {

	vertical-align: top;

	}



.extra_pad_p_top {

	padding-top: 2px;

	}



.no_bullets {

	list-style-type: none;

	list-style-position: outside;

	/* For IE 6 */

	list-style-image: none;

	}



.bold {

	font-weight: bold;

	}

	

#flash_portfolio_body {

 	width: 999px;

	height: 600px;

	}

	

#footer {

	clear: both;

	width: 999px;

	text-align: center;

	padding: 10px 0px 6px 0px;

	color: #A0A0A1;

	}

	

/* Begin Highslide CSS */

.highslide {

	cursor: url(../images/zoomin.cur), pointer;

    outline: none;
    text-decoration: none;

	}



.highslide-active-anchor img {

	visibility: visible;

	}



.highslide img {

	border: 0px;

	}



.highslide:hover img {

	border: 0px;

	}



.highslide-wrapper {

	background: white;

	}



.highslide-image {

    border: 2px solid white;

	}



.highslide-image-blur {

}



.highslide-caption {

    display: none;

    border: 2px solid white;

    border-top: none;

    padding: 5px;

	padding-bottom: 0px;

    background-color: white;

	}



.highslide-caption table {

	margin: 0px auto;

	}

	

.highslide-caption_close {

	font-size: 10px;

	color: #A0A0A1;

	font-style: italic;

	}

	

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: bold;

    text-decoration: none;

	padding: 2px;

	border: 1px solid black;

    background-color: white;

    padding-left: 22px;

    background-image: url(../images/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

	}



a.highslide-credits, a.highslide-credits i {

	display: none;

	}



a.highslide-credits:hover, a.highslide-credits:hover i {

	display: none;

	}



a.highslide-full-expand {

	background: url(../images/fullexpand.gif) no-repeat;

	display: block;

	margin: 0 10px 10px 0;

	width: 34px;

	height: 34px;

	}



/* These must always be last */

.highslide-display-block {

    display: block;

	}

	

.highslide-display-none {

    display: none;

	}