@charset "UTF-8";
/* CSS Document */

/* common */

body
{
	background: #212123;
	margin: 0px auto;
	margin-top: 40px;
}

#main_container
{
	margin: 0px auto;
	width: 955px;
	height: 532px;
}

/* home */

#left_side_red
{
	width: 370px;
	height: 495px;
	border: 0px solid #fff;
	
	background: url(images/home/home-left_red.gif) no-repeat;
	float: left;
}

#left_side_adv
{
	width: 370px;
	height: 495px;
	border: 0px solid #fff;
	
	background: url(images/home/home-left_black.gif) no-repeat;
	float: left;
}

#right_side
{
	float: right;
	width: 585px;
}

/* home - left side text */

.break
{
	height: 20px;
	width: 10px;
}

.break_2
{
	height: 32px;
	width: 10px;
}

/* home - controls space from top of text section */

.homeBreak
{
	height: 120px;
	width: 100px;
}

.homeBreak2
{
	height: 35px;
	width: 100px;
}

#content_container
{
	font-family:  Helvetica, Arial, Verdana,  sans-serif;
	color: #FFFFFF;
	font-size: 13px;	
	
	margin-right: 15px;
	margin-left: 18px;
	border-bottom: 1px solid #fff;
	margin-top: 15px;
	padding-bottom: 29px;
	text-align: left;
}

#content_container .content
{
	
}

#content_container .content_left
{
	border: 0px solid #cc6600;
	width: 90px;
	float: left;
	margin-top: -3px;
	text-align: left;
}

.clear
{
	float: none;
	clear: both;
}

.content_right1
{
	border: 1px solid #cc6600;
	width: 244px;
	
	font-size: 11px;
	
}

#content_container .content_right
{
	border: 0px solid #cc6600;
	width: 114px;
	margin: 0px;
	float: right;
	font-size: 11px;
	text-align: left;
}

#content_container .content_right_2
{
	border: 0px solid #cc6600;
	width: 133px;
	margin-right: 0px;
	float: right;
	font-size: 11px;
	text-align: left;
}

#content_container .content_right_full
{
	padding: 0px;
	border: 0px solid #cc6600;
	width: 247px;
	margin: 0px;
	float: right;
	font-size: 11px;
	text-align: left;
}

#content_container .content_right_full-intro
{
	padding: 0px;
	border: 0px solid #cc6600;
	width: 247px;
	margin: 0px;
	float: right;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.main_image
{
	float: left;
	position: relative;
	width: 370px;
}

img
{
	border: 0px solid;
}

/* section */

#section_text
{
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	margin-top: 20px;
	width: 360px;
	border: 0px solid #000;
	margin-left: 20px;
	position: relative;
	z-index: 1000;
	left: 50px;
	top: 110px;
	line-height: 1.4em;
	text-decoration: none;
}

#section_text-awards
{
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	margin-top: 20px;
	width: 360px;
	border: 0px solid #000;
	margin-left: 20px;
	position: relative;
	z-index: 1000;
	left: 50px;
	top: 50px;
	line-height: 1.4em;
	text-decoration: none;
}

.section_sub
{
	font-size: 15px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	width: 400px;
	border: 0px solid #000;
	margin-bottom: 14px;
	text-decoration: none;
}

.section_text-small
{
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	z-index: 950;
	position: relative;
	margin-left: 12px;
	line-height: 1.4em;
	text-decoration: none;
}

.section_text-more
{
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	z-index: 950;
	position: relative;
	margin-left: 12px;
	line-height: 1.4em;
	text-decoration: none;
}

.section_text-more a
{
	color: #888;
	font-size: 09px;
	font-family: Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}

.section_text-more a:hover
{
	color: #222;
	font-size: 09px;
	font-family: Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}

#section_form
{
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	width: 360px;
	border: 0px solid #000;
	margin-left: 20px;
	position: relative;
	z-index: 1000;
	left: 50px;
	top: 50px;
	line-height: 1.4em;
	text-decoration: none;
}

#section_form .text_sub
{
	font-size: 15px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	width: 400px;
	border: 0px solid #000;
	margin-bottom: 14px;
	text-decoration: none;
}

#section_form .text_small
{
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	color: #fbf7e6;
	z-index: 950;
	position: relative;
	margin-left: 12px;
	line-height: 1.4em;
	text-decoration: none;
}

/* section more button*/

.more
{
	left: 4px;
	margin: -4px;
	line-height: 0em;
	position: relative;
	top: 0px;
	width: 16px;
	height: 16px;
}

.more a:hover
{
	left: 4px;
	margin: -4px;
	line-height: 0em;
	position: relative;
	top: 0px;
	width: 16px;
	height: 16px;
	background: url(images/navigation/more-bug_gray.png) no-repeat;
}

/* section main graphic*/

#section-main_id
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-id.jpg) no-repeat;
	float: left;
}	

#section-main_br
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-br.jpg) no-repeat;
	float: left;
}	

#section-main_pr
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-pr.jpg) no-repeat;
	float: left;
}	

#section-main_adv
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	background: url(images/section/section-main_lft-adv.jpg) no-repeat;
	float: left;
}

#section-main_br-rt
{
	width: 400px;
	height: 400px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_rt-br.jpg) no-repeat;
	float: left;
}		

#section-main_pkg
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-pkg.jpg) no-repeat;
	float: left;
}	

#section-main_env
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-env.jpg) no-repeat;
	float: left;
}	

#section-main_web
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/section/section-main_lft-web.jpg) no-repeat;
	float: left;
}

/* whats new - main graphic*/	

#whatsnew-main_00
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-00.jpg) no-repeat;
	float: left;
}

#whatsnew-main_01
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-01.jpg) no-repeat;
	float: left;
}

#whatsnew-main_02
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-02.jpg) no-repeat;
	float: left;
}

#whatsnew-main_03
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-03.jpg) no-repeat;
	float: left;
}

#whatsnew-main_04
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-04.jpg) no-repeat;
	float: left;
}

#whatsnew-main_05
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-05.jpg) no-repeat;
	float: left;
}

#whatsnew-main_06
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-06.jpg) no-repeat;
	float: left;
}

#whatsnew-main_07
{
	width: 455px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/whatsnew/whatsnew-main_lft-07.jpg) no-repeat;
	float: left;
}

#section-right_side
{
	float: right;
	width: 500px;
}

.section-top_right	
{
	width: 500px;
	height: 95px;
	border: 0px solid #000;
}

/* webform - main graphic*/	

#webform_01
{
	width: 955px;
	height: 495px;
	border: 0px solid #000;
	
	background: url(images/webform/webform-baseman-promo-01.jpg) no-repeat;
	float: left;
}

/* navigation */

#footer
{
	width: 955px;
	height: 37px;
	background: url(images/navigation/footer_navbar-cream.gif) no-repeat;
	float: none;
	clear: both;
	text-align: left;
}

.footer_text
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	float: left;
	width: 660px;
	position: relative;
	padding-top: 10px;
	padding-left: 17px;
}

.footer_nav
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	float: right;
	width: 275px;
	
	border: 0px solid;
}

.footer_nav .content
{
	float: left;
	margin-top: 11px;
	padding-right: 15px;
}

.footer_social
{
	float: left;
	
}

.footer_logo
{
	text-align: left;
	margin-left: 14px;
	padding-top: 07px;
	width: 95px;
	height: 16px;
	border: 0px solid;
	float: left;
}

.footer_text a
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}

.footer_text a:hover
{
	color: #888;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}

.footer_text a:active
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}

.footer_nav a
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}

.footer_nav a:hover
{
	color: #888;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}

.footer_nav a:active
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.active
{
	font-weight: bold;
}

.blue
{
	color: #527d98;
	font-weight: bold;
}

#content_container a
{
	top: 4px;
	
	color: #fff;
	text-decoration: none;
}

#content_container a:hover
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

/* image gallery */

#gallery_nav
{
	position: relative;
	top: -430px;
}

#caption
{
	padding:  0px;
	margin:  0px;
	position: relative; 
	z-index: 5000; 
	height: 50px; 
	top: -50px;
	width: 460px;
	padding-left: 17px;
	margin-top: 8px;
	
	font-family: Helvetica;
	font-size:  11px;
}

.client_img
{
	width:  225px;
	height:  10px;
	float:  left;
}
.client_text
{
	width:  225px;
	padding-top: 5px;
	height: 31px;
	float:  left;
	clear:  left;
	padding-left: 0px;
}

.project_img
{
	width:  200px;
	height: 10px;
	float:  right;
}

/* not active yet - begin */

.project_text_link a
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	text-decoration: none;
}

.project_text_link a:hover
{
	color: #888;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	text-decoration: none;
}

.project_text_link a:active
{
	color: #000;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	font-style: oblique;
	text-decoration: none;
}

/* not active yet - end */

.project_text
{
	width:  200px;
	padding-top: 5px;
	height: 31px;
	float:  right;
	clear:  right;
	pading-left: 0px;

}

.bottom_text
{
	position: relative;
	z-index: 5000;
	border: 1px solid;
	width: 555px;
	height: 40px;
}

.transparent {	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.opaque
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#gallery_right  a:hover img
{
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	
}

#gallery_left
{
	background-color: #000000;
	width: 555px;
	height: 400px;
	float: left;
	top: -10px;
}



#gallery_right
{
	width: 400px;
	height: 400px;
	border: 0px solid #cc6600;
	background-color: #000000;
	background: url(images/gallery/common/gallery-right_black.gif);
	float: right;
}

#gallery_pics
{
	height: 400px;
	margin-top: -0px;
	overflow: hidden;
	margin-top: 0px;
	z-index: 10;
	position: relative;
	border: 0px solid #000000;
}

/* gallery arrows */

#prev1, #next1
{
	width: 20px;
	color: #fff;
	border: 0px solid #000;
	float: left;
	margin-left: 4px;
	font-size: 10px;
	z-index: 120;
	position: relative;
	top: 16px;
	
}	

#prev1
{
	margin-left: 20px;
}

#port1
{
	margin: 0px;
	padding: 0px;
	border: 0px solid;
}	

.gallery_info
{
	position: relative;
	z-index: 1000;
	border: 0px solid #000000;
	top: -77px;
	left: 14px;
	color: #000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}