/* CSS Document */
html,body{
	height:100%;
}
body{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	background-repeat:repeat-x;
	background-attachment:fixed;
	
}
body.green{
	background-image:url(images/bg_greengradient2.jpg);
	background-color:#4C7B1C;
}
body.red{
	background-image:url(images/bg_redgradient2.jpg);
	background-color:#7B1F1C;
}
body.blue{
	background-image:url(images/bg_bluegradient2.jpg);
	background-color:#246499;

}
body.white{
	background-image:url(images/bg_whitegradient.jpg);
	background-color:#B0B0B0;
	overflow:visible;
	color:#333333;
}
body.black{
	background-image:url(images/bg_blackgradient.jpg);
	background-color:#000000;
	overflow:visible;
}
body.red2{
	background-image:url(images/bg_redgradient2.jpg);
	background-color:#7B1F1C;
	overflow:visible;
}

body.black2{
	background-image:url(images/bg_blackgradient.jpg);
	background-color:#000000;
}
#flashcontent {
	height: 100%;
}
#bodyarea{

	display:none;
	min-height:100%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	margin:25px;

}
#bodyarea.greenbubbles{
	/*background-image:url(images/bg_greenbubbles.jpg);*/
}
#bodyarea.redbubbles{
	/*background-image:url(images/bg_redbubbles.jpg);*/
}
#bodyarea.bluebubbles{
	/*background-image:url(images/bg_bluebubbles.jpg);*/
}
#bodyarea.blackbubbles{
	/*background-image:url(images/bg_blackbubbles.jpg);*/
}
#bodyarea.whitebubbles{
	/*background-image:url(images/bg_whitebubbles.jpg);*/
}
#allcontent{
	width:100%;
	float:left;
}
a{
	color:#ffffff;
	text-decoration:underline;
}
a:hover{
	color:#ffffff;
	text-decoration:none;
}
h1{
	font-weight:normal;
	font-size:3em;
	padding:0;
	margin:0;
}
p{
	font-size:1.4em;
	line-height:1.3em;
}
img{
	border:none;
}
li{
	font-size:1.4em;
	line-height:1.3em;

}
.largetext1{
	font-size:2.4em;
	line-height:1.3em;
}
.largetext2{
	font-size:1.8em;
	line-height:1.2em;
}
.largetext3{
	font-size:1.6em;
	line-height:1.2em;
}
.smalltext{
	font-size:1em;
}

a.featured{
	font-size:1.2em;
	line-height:1.2em;
	background-image:url(images/link_disc.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	text-decoration:none;
}
a.disclink{
	background-image:url(images/link_disc.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
}
body.white a.disclink{
	background-image:url(images/link_disc2.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	color:#333;
}
#newsstory a.disclink{
	background-image:url(images/link_disc2.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	color:#333;
}

#header{
}
#logo{

}
#tagline{
	float:right;
	margin-top:14px;
}
#navigation{
	margin:0;
	height:50px;
	padding-top:25px;
}
#navigation ul{
	margin:0;
	padding:0;
}
#navigation li{
	font-size:1em;
	display:inline;
	list-style-type:none;
}
#navigation a {
	float:left;
	text-align: center;
	padding: 10px 25px;
	background-position: center;
	background-repeat: no-repeat;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
#navigation a:hover{
	color:#333333;
}
body.white #navigation a {
	float:left;
	text-align: center;
	padding: 10px 25px;
	background-position: center;
	background-repeat: no-repeat;
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
body.white #navigation a:hover{
	color:#ccc;
}
#navigation a.home_active{
	background-image:url(images/nav_selected_green.gif);
	color:#78B817;
}
#navigation a.about_active{
	background-image:url(images/nav_selected_green.gif);
	color:#78B817;
}
#navigation a.portfolio_active{
	background-image:url(images/nav_selected_red.gif);
	color:#BB1724;
}
#navigation a.clients_active{
	background-image:url(images/nav_selected_red.gif);
	color:#BB1724;
}
#navigation a.contact_active{
	background-image:url(images/nav_selected_blue.gif);
	color:#1092DC;
}
#navigation a.lab_active{
	background-image:url(images/nav_selected_black.gif);
	color:#000000;
}
#footer{
	float:left;
	margin-top:40px;

}
#footer p{
	font-size:1em;
}
body.white #footer a{
	color:#333;
}
#content{
	width:100%;
	padding-left:0;
	padding-right:0;
	margin-top:20px;
}
#content_left{
	float:left;
	width:500px;
}
#content_left_alt{
	max-width:800px;
	width: expression(this.width > 800 ? 800: true);
}
#content_right{
/*position: absolute;
top: -470px;
position: relative;
float: left;*/
	margin-left:550px;
	margin-top:0px;
	padding-top:0px;
	width:530px;
}
#content_right p{
	font-size:1em;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
}
#content_right a{
	background-image:url(images/link_disc.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
}
#content_right img{
	margin:8px 0 8px 0;
	border:none;
}
#content_right a.largeimage_link{
	cursor:pointer;
	background-image:none;
	padding:0;
}
#featured_news{
	margin:8px 0 8px 0;
	font-size:1.8em;
	width:300px;
	height:87px;
	background-repeat:no-repeat;
	padding:10px;
	padding-right:270px;
	text-decoration:none;
}
#featured_project{
	margin:0px 0 2px 0;
	font-size:1.8em;
	width:240px;
	height:87px;
	background-repeat:no-repeat;
	padding:10px;
	padding-right:270px;
}
#content_right a.imagelink{
	background-image:none;
	padding-left:0;
}
.home_content_box{

	font-size:1.4em;
	background-color:#152302;
	padding:8px;
	margin-bottom:10px;
}
#home_content_box2_container{
}
.home_content_box2{
	float:left;
	font-size:1.4em;
	background-color:#152302;
	width:158px;
	padding:8px;
	margin-right:2px;

}
.people_box{
	font-size:1.4em;
	background-color:#152302;
	padding:8px;
}
#people img{
	margin:0;
}

.portfolio_projects_box{
	font-size:1.4em;
	padding:8px;
	background-color:#2A0408;
}
/* Portfolio tabs */
#portfolio_tabs{
	width:100%;
	margin:0;
	padding:0;
}
#portfolio_tabs td{
	font-size:1.2em;
}
#portfolio_tabs a {
	padding:0;
	background-image:none;
	text-align: center;
	color:#ffffff;
	text-decoration:none;
}
#portfolio_tabs a:hover {
	text-decoration:underline;
}
#portfolio_tabs div.inactive_tab{
	padding:8px;
	background-color:#5B0B11;
	width:90%;
	font-weight:bold;
}
#portfolio_tabs div.active_tab{
	padding:8px;
	background-color:#2A0408;
	width:90%;
	font-weight:bold;
}
#clientlogo_box{
	margin-top:20px;
	margin-right:25px;
	padding:5px;
	background-color:#2A0408;
}
.clientlogo{
	margin:3px;
}
#contact_map_box{
	font-size:1.4em;
	background-color:#1A1B34;
	padding:8px;
}
#contact_map_box img{
	margin:0px;
	padding-bottom:4px;
}
#contact_map_box a.mapimage{
	padding:0;
	background-image:none;
}
#lab_blog_box{
	font-size:1.4em;
	background-color:#333333;
	margin-top:10px;
	padding:8px;
}
#games_box{
	font-size:1.4em;
	background-color:#640C13;
	margin-top:10px;
	padding:8px;
}
#lab_blog_box p{
	margin-bottom:8px;
}
#lab_blog_box .date{
	font-size:0.8em;
	margin-bottom:0;
}
#lab_blog_box .heading{
	font-weight:bold;
	line-height:1.6em;

}
#lab_blog_box hr{
	height:1px;
	color:#666;
	margin-bottom:8px;
}
#lab_blog_box .anchor{
	padding:0;
	background-image:none;
}
#lab_blog_box .backlink{
	padding:0;
	background-image:none;
	font-size:0.8em;
	margin-bottom:0;
	
}
#portfolio_media_box{
	float:left;
	font-size:1.4em;
	margin-top:10px;
	padding:8px;
	padding-left:0;
	margin-right:2px;
 
}
#portfolio_media_box a{
	background-image:none;
	padding-left:0;
}
#newsstory{
	padding-bottom:25px;
}
#newsstory a{
	background-image:url(images/link_disc.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;

}
#people a{
	background-image:none;
	padding-left:0;
}
#content_right a.videoLink{
	background-image:none;
	padding-left:0;
}
#bio p{
	margin-top:10px;
	margin-bottom:8px;
}
#imageholder{
	padding:0;
	margin-top:8px;
	background-repeat:no-repeat;
}
#imageholder img{
	padding:0;
	margin:0;
}
#imageholder a{
	background-image:none;
	padding-left:0;
}
code{
	background-color:#fff;
	color:#000000;
}
#client_logos{
	padding-right:210px;
}
#client_list{
	width:200px;
	float:right;
}
#client_list p{
	margin-top:0;
}
