html {
	height:100%;
}

body {
	padding: 0;
	margin: 0;
	height:100%; 
}


h1, h2, h3, p, ol, ul, li {
	padding: 0;
	margin: 0;
	font-size: 15px;
}
h1, li {
	font-family: museo-slab, museo slab;
	font-weight: 500;
	font-size: 18px;
	color: #cccccc;
}

h2 {
	font-family: museo-slab, museo slab;
	font-weight: 500;
	font-size: 18px;
	color: #ffffff;
}

h3 {
	font-family: museo-slab, museo slab;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #ffffff;
}

.heading3 {
	font-family: museo-slab, museo slab;
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	padding-bottom: 0px;
	color: #ffffff;
}

.thinner_slab {
	font-family: museo-slab, museo slab;
	font-weight: 100;
	font-size: 15px;
	line-height:18px;
	color: #dd4ae6;
	vertical-align: -15%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #e1e1e1;
	padding-bottom: 6px;
}

.text_larger {
	font-family: museo-slab, museo slab;
	font-weight: 100;
	font-size: 13px;
	line-height: 18px;
	padding-left:2px;
	color: #ececec;
}
.text_larger_arial {
	font-size: 12px;
	line-height: 16px;
	color: #e1e1e1;
}

.space_before_text {
	padding-top: 4px;
}

.rule_on_black {
	margin-top: 4px;
	padding-top: 6px;
	width: 250px;
	padding-right: 4px;
	border-top: 1px solid #898989;
}
.rule_on_blue {
	margin-top: 4px;
	padding-top: 6px;
	padding-right: 4px;
	border-top: 1px solid #d4f3ef;
}
.rule_on_yellow {
	margin-top: 4px;
	padding-top: 6px;
	padding-right: 4px;
	border-top: 1px solid #c9be84;
}


ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #e1e1e1;
	outline: none;
}
a:link, a:visited {
	color: #e1e1e1;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

:focus {
	-moz-outline-style: none;
}

#loading_gif {
	position: absolute;
	left: 645px;
	top: 440px;
	width: 50px;
	height: 50px;
}
#webby {
	position: absolute;
	left: 871px;
	top: 598px;
/*	top: 540px;   */
	width: 200px;
	height: 223px;
	overflow: hidden;
}

/* * * * * * * * * * * * * */


#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 845px;
}

/* * * * * * *     SWAP OUT THIS 100% VERTICAL BACKGROUND IMAGE VIA A STYLE BACKGROUND IN THE PAGE HEAD  * * * * * * */
#container_vertical {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	min-height: 100%;
	background-image: url(images/background_vertical_test.png);
	background-repeat: repeat-y;
	background-position:  388px 0px;
}



#backgroundcolor {
	background-image: URL(images/background_horiz_test.png);
	background-repeat: repeat-x; 
}


/* * * * * * *     PRIMARY NAV      * * * * * * */

#nav_area {
	position: absolute;
	left:85px;
	top: 0px;
	height: 100px;
	width: 290px;
}

.mainNav ul {
	list-style: none;
	width: 290px;
}

.mainNav li {
	text-transform: uppercase;
	height: 24px;
	width: 190px;
	color: #aaaaaa;
	font-size: 18px;
	padding-left: 16px;
	padding-top: 4px;
	background-image: url(images/arrow_nav_gray.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.mainNav li a, .mainNav li a:link {
	color: #dddddd;
	width: 190px;
	text-decoration: none;
	text-align: left;
	font-size: 18px;
}

.mainNav li a:hover {
	color: #aaaaaa;
}


/* * * * * * *     SECONDARY NAV      * * * * * * */

#subnav_area {
	position: absolute;
	left:84px;
	top: 620px;
	width: 290px;
}

#subnav_area_R {
	position: absolute;
	width: 290px;
	left: 648px;
	top: 257px;
}

#subnav_area_exp {
	position: absolute;
	left:84px;
	top: 615px;
	width: 290px;
}

.subNav ul {
	list-style: none;
	width: 290px;
}
.subNav li {
	height: 20px;
	width: 290px;
	color: #888888;
	font-size: 15px;
	padding-top: 2px;
	padding-left: 16px;
	background-image: url(images/arrow_nav_gray.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.subNav li a, .subNav li a:link {
	color: #bbbbbb;
	width: 290px;
	text-decoration: none;
	text-align: left;
	font-size: 15px;
}

.subNav li a:hover {
	color: #888888;
}

/* * * * * * *     TERTIARY NAV      * * * * * * */

.subNav_smaller ul {
	list-style: none;
	width: 290px;
}
.subNav_smaller li {
	height: 17px;
	width: 290px;
	color: #bbbbbb;
	font-size: 12px;
	padding-top: 8px;
	padding-left: 16px;
	background-image: url(images/arrow_nav_white_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.subNav_smaller li a, .subNav_smaller li a:link {
	color: #bbbbbb;
	width: 290px;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
}

.subNav_smaller li a:hover {
	color: #e1e1e1;
}


/* * * * * * *     TEXT HEAD - BEHIND      * * * * * * */

#header_area_L {
	position: absolute;
	left: 82px;
	top: 165px;
	width: 290px;
	height: 90px;
	background-color: #000000;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	KhtmlOpacity: .8;
	opacity: .8;
	zoom: 1;
}

#header_text_L {
	position: absolute;
	left: 80px;
	top: 165px;
	width: 284px;
	height: 80px;
}
#my_role_container {
	position: absolute;
	left: 20px;
	width: 263px;
	height: 80px;
}



#header_area_R {
	position: absolute;
	left: 648px;
	top: 165px;
	width: 290px;
	height: 90px;
	background-color: #000000;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	KhtmlOpacity: .8;
	opacity: .8;
	zoom: 1;
}

#header_text_R {
	position: absolute;
	left: 646px;
	top: 165px;
	width: 290px;
	padding-top: 54px;
	padding-left: 16px;
}


/* * * * * * *     LARGE HEADLINE AREA      * * * * * * */

#headline_graphic {
	position: absolute;
	left: 0px;
	top: 165px;
	width: 1020px;
	height: 475px;
}


/* * * * * * *     TEXT HEAD - FRONT      * * * * * * */

#text_area_L {
	position: absolute;
	left: 82px;
	top: 257px;
	width: 263px;
	height: 340px;
	background-color: #000000;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	KhtmlOpacity: .8;
	opacity: .8;
	zoom: 1;
	padding-left: 16px;
	padding-right: 11px;
}
#text_text_L {
	position: absolute;
	left: 82px;
	top: 257px;
	width: 255px;
	padding-left: 16px;
	padding-top: 12px;
}

#text_text_L_bottom {
	position: absolute;
	left: 82px;
	top: 562px;
	width: 250px;
	padding-left: 16px;
}


#text_area_R {
	position: absolute;
	left: 648px;
	top: 257px;
	width: 263px;
	height: 340px;
	background-color: #000000;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	KhtmlOpacity: .8;
	opacity: .8;
	zoom: 1;
	padding-left: 16px;
	padding-right: 11px;
}
#text_text_R_blocker {
	position: absolute;
	left: 632px;
	top: 257px;
	width: 16px;
	height: 340px;
	background-color: #ffffff;
}

#text_text_R {
	position: absolute;
	left: 648px;
	top: 257px;
	width: 250px;
	padding-left: 16px;
}

#text_text_R_bottom {
	position: absolute;
	left: 648px;
	top: 535px;
	width: 250px;
	padding-left: 16px;
}


/* * * * * * *     MAIN IMAGE      * * * * * * */

#background_reverse_blockers {
	position: absolute;
	left: 66px;
	top: 241px;
	width: 888px;
	height: 372px;
	background-color: #ffffff;
}
#background_reverse_borders {
	position: absolute;
	left: 66px;
	top: 241px;
	width: 856px;
	height: 372px;
	border-left: 16px solid #ffffff;
	border-right: 16px solid #ffffff;

}

.pic_no_border_L {
	position: absolute;
	left: 82px;
	top: 257px;
	width: 550px;
	height: 340px;
}

.text_background_L {
	position: absolute;
	left: 82px;
	top: 257px;
	width: 550px;
	height: 340px;
	background-color: #18a6ca;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	KhtmlOpacity: .6;
	opacity: .6;
	zoom: 1;
}


.pic_border_R {
	position: absolute;
	left: 388px;
	top: 255px;
	width: 550px;
	border-top: 2px solid #000000;
}
.pic_bottom_border {
	border-bottom: 2px solid #000000;
}

/* * * * * * *     THUMBNAILS HOME     * * * * * * */

#thumb_container_home {
	position: absolute;
	left: 82px;
	top: 605px;
	width: 550px;
}



.home_thumb {
	position: absolute;
	top: 118px;
	width: 86px;
	height: 40px;
	background-color: #ffffff;
}

.home_thumb a:link, a:visited {
	width: 86px;
	height: 40px;
	filter: alpha(opacity=15); 
	-moz-opacity: 0.15;
	KhtmlOpacity: .15;
	opacity: .15;
	zoom: 1;
}

.home_thumb a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}


#thumb_home_1 {
	left: 0px;
}
#thumb_home_2 {
	left: 93px;
}
#thumb_home_3 {
	left: 186px;
}
#thumb_home_4 {
	left: 279px;
}
#thumb_home_5 {
	left: 372px;
}
#thumb_home_6 {
	left: 465px;
}

#thumb_exp_1 {
	left: 0px;
	top: 0px;
}
#thumb_exp_2 {
	left: 93px;
	top: 0px;
}
#thumb_exp_3 {
	left: 186px;
	top: 0px;
}
#thumb_exp_4 {
	left: 279px;
	top: 0px;
}
#thumb_exp_5 {
	left: 372px;
	top: 0px;
}
#thumb_exp_6 {
	left: 465px;
	top: 0px;
}

.thumb_display {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 550px;
	height: 102px;
}

#thumb_display_thumb {
	position: absolute;
	left: 16px;
	top: 8px;
	width: 154px;
	height: 93px;
}

#thumb_display_text_container {
	position: absolute;
	left: 186px;
	width: 344px;
	height: 109px;
}

.thumb_display_text {
}

.dark_gray_text {
	color: #222222;
}


img.button_more { 
	vertical-align: text-top; 
}
.thumb_display_exp {
	position: absolute;
	left: 82px;
	top: 605px;
	width: 550px;
}

#thumb_display_thumb_exp {
	position: absolute;
	left: 16px;
	top: 56px;
	width: 154px;
	height: 93px;
}

#thumb_display_text_container_exp {
	position: absolute;
	left: 82px;
	top: 605px;
	width: 550px;
}






/* * * * * * *     THUMBNAILS CASE STUDY     * * * * * * */

#thumb_container_R {
	position: relative;
	left: 0px;
	top: 2px;
	width: 550px;
	height: 70px;
	background-color: #ffffff;

}
#thumb_container_R_transp {
	position: relative;
	left: 0px;
	top: 2px;
	width: 550px;
	height: 70px;
	background-color: none;

}
.cs_thumb {
	position: absolute;
	top: 14px;
	width: 65px;
	height: 40px;
	background-color: #ffffff;
}

.cs_thumb a:link, a:visited {
	width: 65px;
	height: 40px;
	filter: alpha(opacity=25); 
	-moz-opacity: 0.25;
	KhtmlOpacity: .25;
	opacity: .25;
	zoom: 1;
}

.cs_thumb a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}






.cs_thumbOne {
	position: absolute;
	top: 14px;
	width: 65px;
	height: 40px;
	background-image: url(images/thumbs/thumb_CS_small_one@2x.png);
	background-size: 65px 40px;
	background-repeat: no-repeat;

}

.cs_thumbOne a:link, a:visited {
	width: 65px;
	height: 40px;
	filter: alpha(opacity=15); 
	-moz-opacity: 0.15;
	KhtmlOpacity: .15;
	opacity: .15;
	zoom: 1;
}

.cs_thumbOne a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}





.cs_thumbTwo {
	position: absolute;
	top: 14px;
	width: 65px;
	height: 40px;
	background-image: url(images/thumbs/thumb_CS_small_two@2x.png);
	background-size: 65px 40px;
	background-repeat: no-repeat;

}

.cs_thumbTwo a:link, a:visited {
	width: 65px;
	height: 40px;
	filter: alpha(opacity=15); 
	-moz-opacity: 0.15;
	KhtmlOpacity: .15;
	opacity: .15;
	zoom: 1;
}

.cs_thumbTwo a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}





.cs_thumbThree {
	position: absolute;
	top: 14px;
	width: 65px;
	height: 40px;
	background-image: url(images/thumbs/thumb_CS_small_three@2x.png);
	background-size: 65px 40px;
	background-repeat: no-repeat;

}

.cs_thumbThree a:link, a:visited {
	width: 65px;
	height: 40px;
	filter: alpha(opacity=15); 
	-moz-opacity: 0.15;
	KhtmlOpacity: .15;
	opacity: .15;
	zoom: 1;
}

.cs_thumbThree a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}




.cs_thumbFour {
	position: absolute;
	top: 14px;
	width: 65px;
	height: 40px;
	background-image: url(images/thumbs/thumb_CS_small_four.png);
	background-repeat: no-repeat;

}

.cs_thumbFour a:link, a:visited {
	width: 65px;
	height: 40px;
	filter: alpha(opacity=15); 
	-moz-opacity: 0.15;
	KhtmlOpacity: .15;
	opacity: .15;
	zoom: 1;
}

.cs_thumbFour a:hover {
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
	KhtmlOpacity: 1;
	opacity: 1;
	zoom: 1;
}








#thumb_CS_1a {
	left: 0px;
}
#thumb_CS_2a {
	left: 339px;
}
#thumb_CS_2a_wide {
	left: 412px;
}

#thumb_CS_3a {
	left: 412px;
}
#thumb_CS_3a_wide {
	left: 485px;
}

#thumb_CS_4a {
	left: 485px;
}

#thumb_CS_2b {
	left: 73px;
}


#thumb_CS_3c {
	left: 146px;
}

#thumb_CS_4d {
	left: 219px;
}

.thumb_CS_Caption {
	position: absolute;
	width: 331px;
	height: 68px;
}
#thumb_CS_text {
	position: absolute;
	left: 14px;
	top: 10px;
	width: 302px;
	height: 55px;
}

.thumb_CS_Caption_wide {
	position: absolute;
	width: 404px;
	height: 68px;
}
#thumb_CS_text_wide {
	position: absolute;
	left: 14px;
	top: 10px;
	width: 374px;
	height: 55px;
}
#caption_container_wide {
	position: absolute;
	left: 0px;
	width: 374px;
	height: 55px;
}


#caption_container {
	position: absolute;
	left: 0px;
	width: 302px;
	height: 55px;
}


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


#footer_contact {
	position: absolute;
	left: 386px;
	top: 820px;
	width: 550px;
	text-align: right;
}


/* * * * * * *     CLIENT LIST     * * * * * * */



.contentWrap {
	position: absolute;
	left: 98px;
	top: 260px;
	padding-top: 16px;
	padding-bottom: 3px;
	width: 518px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

.text_list2 li {
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color: #222222;
	letter-spacing: 0.02em;
}

.contentWrap a, .contentWrap a:visited {
	color: #ffffff;
}
.contentWrap a:hover {
	text-transform:underline;	
 }

.content_bullets {
	position:absolute;
	left: 98px;
	top: 260px;
	padding-top: 16px;
	padding-bottom: 3px;
	width: 518px;
	background-color: #ffffff;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	KhtmlOpacity: .5;
	opacity: .5;
}


.column_left {
	width: 518px;
	float: left;
	padding-bottom: 10px;
}

.column_right {
	width: 518px;
	padding-left: 20px;
	float: right;
	border-left: 1px solid #d4f3ef;
	height:305px;
}

.space_below {
  line-height: 20px;
}

.space_below a, .space_below a:visited {
  text-decoration: none;
}