/* CSS Document */
#large_left_col_container{
	float:left;
	width:200px;
	_width:240px;
	border:0px;
	margin-left:105px;
	_margin-left:53px;
	color:#FFFFFF;
	clear:both;
	margin-top:0px;
	padding-top:0px;
}
#left_col_container{
	float:left;
	width:168px;
	padding:0px;
	border:0px;
	color:#FFFFFF;
	clear:both;
}
#left_col_container_portfolio{
	float:left;
	width:148px;
	_width:148px;
	padding:0px;
	margin-right:22px;
	_margin-right:20px;
	border:0px;
	color:#4D8072;
}
.left_col_portfolio{
	float:left;
	width:148px;
	_width:148px;
	padding-top:1px;
	_padding-top:2px;
	margin:0px;
	color:#4D8072;
	clear:both;
}
#left_lable_col{
	float:left;
	width:10px;
	height:auto;
	padding:0px;
}
.left_lable_lable{
	float:left;
	width:10px;
	margin-bottom:15px;
	padding-top:6px;
}
#person_left_col{
	float:left;
	width:300px;
	_width:300px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}
#large_left_col{
	float:left;
	width:330px;
	_width:335px;
	padding:0px;
	color:#FFFFFF;
	clear:both;
	overflow:visible;
}
#left_col{
	float:left;
	width:168px;
	_width:168px;
	padding-top:1px;
	_padding-top:2px;
	margin:0px;
	color:#FFFFFF;
	clear:both;
	overflow:visible;
	font-family:Tahoma;
	z-index:10;
}
#left_select_col{
	float:left;
	width:147px;
	_width:140px;
	font-size:10px;
	padding-left:5px;
	_padding-left:0px;
	height:auto;
	z-index:8;
}
#large_left_col_below{
	float:left;
	width:291px;
	_width:290px;
	padding:10px;
	margin-top:25px;
	_margin-top:5px;
	margin-left:5px;
	_margin-left:3px;
	background-color:#EFEFEF;
	color:#000000;
	clear:both;
}
#left_col_below{
	float:left;
	width:148px;
	_width:149px;
	padding:10px;
	_padding:9px;
	background-color:#EFEFEF;
	color:#000000;
	clear:both;
}
#port_menu{
	position:relative;
	float:left;
	width:168px;
	_width:149px;
	padding:10px;
	background-color:#EFEFEF;
	color:#000000;
	z-index:50;
}
#left_col_below_portfolio{
	float:left;
	width:148px;
	_width:149px;
	padding:10px;
	_padding:9.5px;
	margin-top:88px;
	_margin-top:89px;
	background-color:#EFEFEF;
	color:#000000;
	clear:both;
}
#right_col_below{
	float:left;
	width:150px;
	padding:10px;
	background-color:#EFEFEF;
	color:#000000;
	clear:both;
}
#main_col{
	float:left;
	width:367px;
	_width:367px;
	padding-left:20px;
	_padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:45px;
	margin-right:0px;
}
#main_col_game{
	float:left;
	width:650px;
	_width:650px;
	padding-left:20px;
	_padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:45px;
	margin-right:0px;
}
#news_col{
	float:left;
	width:460px;
	_width:460px;
	padding-left:20px;
	_padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:25px;
	margin-right:0px;
}
#games_col{
	float:left;
	width:485px;
	_width:485px;
	padding-left:20px;
	_padding-left:20px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:25px;
	margin-right:0px;
}
#desqtop_col{
	float:left;
	width:460px;
	_width:460px;
	padding-left:0px;
	_padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:0px;
	_margin-left:0px;
	margin-right:0px;
}
#main_col_portfolio{
	float:left;
	width:430px;
	_width:430px;
	padding-left:20px;
	_padding-left:0px;
	margin-left:45px;
	_margin-left:45px;
	padding-right:30px;
	margin-right:0px;
	_margin-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	color:#FFFFFF;
}
#main_col_about{
	float:left;
	width:330px;
	width:310px;
	padding-left:60px;
	_padding-left:0px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:97px;
	_margin-left:80px;
}
#person_main_col{
	float:left;
	width:220px;
	_width:260px;
	padding-left:20px;
	_padding-left:25px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:45px;
}
#form_main_col{
	float:left;
	width:420px;
	padding-left:20px;
	_padding-left:25px;
	padding-right:0px;
	padding-bottom:10px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#444444;
	margin-left:45px;
	_margin-left:45px;
	margin-right:0px;
}
#person_right_col{
	float:left;
	width:170px;
	_width:160px;
	margin-left:120px;
	_margin-left:30px;
	margin-bottom:20px;
	text-align:left;
	_text-align:left;
	color:#404040;	
}
#large_right_col{
	float:right;
	margin-right:34px;
	_margin-right:17px;
	width:186px;
	_width:180px;
	text-align:left;
	_text-align:left;
	color:#404040;	
}
#right_col{
	float:left;
	width:90px;
	_width:105px;
	text-align:right;
	_text-align:right;
}
#green_sub_title{
	background-color:#15D101;
	width:176px;
	color:#FFFFFF;
	margin-top:10px;
	padding:5px;
	text-align:center;
	font-weight:bold;
}
.content_stub{
	float:left;
	width:400px;
	_width:370px;
	margin-bottom:13px;
}
.news_stub{
	float:left;
	width:450px;
	_width:400px;
	margin-bottom:13px;
}
.stub_option_first{
	float:left;
	width:auto;
	display:block;
	padding-left:0px;
	padding-right:8px;
	color:#FFFFFF;
	font-weight:bold;
}
.stub_option{
	float:left;
	width:80px;
	display:block;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border-color:#5FB0C5;
	border-left-style:solid;
	border-left-width:1px;	
	border-right-style:solid;
	border-right-width:1px;	
	font-weight:bold;
}
.stub_option_last{
	float:left;
	width:auto;
	min-width:60px;
	display:block;
	padding-left:10px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border-color:#5FB0C5;
	border-left-style:solid;
	border-left-width:1px;	
	font-weight:bold;
}
.vertline{
	width:10px;

}
.image_container_with_margin{
	float:left;
	width:67px;
	height:67px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0em;
}
.image_container_with_margin2{
	float:left;
	width:118px;
	height:131px;
	margin-left:3px;
	margin-bottom:5px;
	padding:0em;
	text-align:center;
}
.image_container{
	float:left;
	width:67px;
	margin:0em;
	padding:0em;
	clear:both;
}
.portfolio_image_container{
	float:left;
	width:67px;
	height:67px;
	padding:30px;
}
.portfolio_search_title{
	width:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.portfolio_main_title{
	width:auto;
	float:left;
	height:10px;
	margin-left:30px;
	padding-top:17px;
}
.portfolio_search_title_main{
	width:250px;
	float:left;
	margin:0px;
	padding:0px;
}
.portfolio_text_stub{
	float:left;
	width:350px;
}
.caseport_text_stub{
	float:left;
	width:280px;
	_width:270px;
	padding-left:0px;
	padding-top:27px;
}
.casestudy{
	float:left;
	width:499px;
	_width:479px;
	padding-right:21px;
	_padding-right:20px;
	height:auto;
	background-color:#247488;
}
.casestudy_spacer{
	float:left;
	width:499px;
	_width:489px;
	padding-right:21px;
	_padding-right:5px;
	height:50px;
	background-color:#247488;
}
.casestudy_spacer_less{
	float:left;
	width:499px;
	_width:489px;
	padding-right:21px;
	_padding-right:5px;
	height:10px;
	background-color:#247488;
}
.casestudy_bottom_line{
	float:left;
	width:455px;
	_width:445px;
	margin-left:30px;
	_margin-left:15px;
	margin-right:21px;
	_margin-right:5px;
	height:auto;
	text-align:center;
	background-color:#247488;
	border-bottom-color:#5FB0C4;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.casestudy_image_container{
	float:left;
	width:166px;
	margin-right:10px;
	_margin-right:10px;
	clear:both;
}
.casestudy_image{
	float:left;
	width:137px;
	height:137px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:19px;
}
.casestudy_text_stub{
	float:left;
	width:230px;
	_width:200px;
	padding-left:0px;
	padding-top:0px;
	padding-left:81px;
	_padding-left:0px;
}
.image_container{
	float:left;
	width:67px;
	height:67px;
	margin:0em;
	padding:0em;
}
.large_image_container{
	float:left;
	width:97px;
	height:97px;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:10px;
}
.casestudy_large_image_container{
	float:left;
	width:197px;
	height:197px;
	margin:0em;
	padding-left:30px;
	padding-right:30px;
	_padding-right:20px;
	padding-top:0px;
	padding-bottom:24px;
}
.blurb_container{
	float:left;
	width:300px;
	_width:270px;
	padding-left:10px;
}
.news_blurb_container{
	float:left;
	width:360px;
	_width:340px;
	padding-left:10px;
}
#main_col_news{
	float:left;
	width:400px;
	_width:400px;
	background-color:#FFFFFF;
	color:#444444;
	padding-left:65px;
	_padding-left:65px;

}
.main_news_container{
	float:left;
	width:240px;
	_width:240px;
	padding-left:70px;
	_padding-left:23px;
	margin-top:-3px;
}
.latest_news_container{
	float:left;
	width:230px;
	_width:240px;
	padding-left:70px;
	_padding-left:23px;
	margin-top:-3px;
}
.news_image_container{
	float:left;
	width:97px;
	height:97px;
	padding:0px;
	margin:0px;
}
.details_col{
	width:335px;
	padding:10px;
	background-color:#9F9FEF;
	color:#000000;
}
.person{
	float:left;
	width:auto;
	height:auto;
	padding-bottom:5px;
	margin:0px;
	clear:none;
}
.large_person{
	float:left;
	width:auto;
	margin-right:20px;
	_margin-right:15px;
	padding:0px;
}


<!-- CONTACT FORM -->
#contact_form{
	float:left;
	padding-top:0px; 
	width:380px;
}
#form_container{
	float:left;
	padding-top:0px; 
	width:400px;
}
.half_form{
	margin-left:0px;
	float:left;
	width:150px;	
}
.full_form{
	float:left;
	width:300px;
	clear:both;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin-left: 0;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 410px; 
}

option{width:auto; max-width:auto;}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


a{text-decoration:none; clear:none; margin:0em; padding:0em;}

img{border:none; padding:0px;}

#embed_div{
	width:500px;
	height:50px;
}
#emblable{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 50px; 
	margin-top: 10px; /* set top margin same as form input - textarea etc. elements */
	margin-left: -5px;
	text-align: right; 
	font-size:11px;
}

#embed_code{
	width:342px;
	height:15px;
	font-size:11px;
}
#embedForm{
	width:500px;
	height:50px;
}
#gameText{
	width:320px;	
}
.embinstruction{
	margin-left:12px;
	margin-top:-7px;
}