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

body{
	margin:0; padding:0;
	font-family:"Century Gothic", Arial, Helvetica-Normal;
	color:#FFFFFF;
	font-size:12px;
	background:url(../images/grad_inner.jpg) repeat-x #070e0f left top;
	/*background:url(../images/grad_inner.jpg) repeat-x #ff0000 left top;*/
}
code{
	display:none;
}
h1{
	font-size:16px;
}
h3{
	font-size:14px;
}
a{
	outline:none;
	color:#CCCCCC;
	font-style:italic;
	text-decoration:none;
}
a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
#menu h1{
	margin:0; padding:0;
}
#menu h1 a{
	width:192px;
}
#backgroundMain{
	background:url(../images/rays_inner.jpg) no-repeat center top;
	min-height:530px;
}
#main,#footer #footerContent{
	width:978px;
	margin:0 auto;

}
#menu{
	height:48px;
}
#menu h1{
	background:url(../images/23rdweb.png) no-repeat;
	height:22px; width:194px;
	margin:0; padding:0;
	float:left;
	margin-right:178px;
	margin-top:14px;
	margin-left:14px;
}
#menu span{
	display:none;
}
#menu #menu_home{
	background:url(../images/menu_home.png) no-repeat;
	width:49px;
}
#menu #menu_about{
	background:url(../images/menu_about.png) no-repeat;
	width:74px;
}
#menu #menu_contact{
	background:url(../images/menu_contact.png) no-repeat;
	width:94px;
}
#menu #menu_services{
	background:url(../images/menu_services.png) no-repeat;
	width:71px;
}
#menu #menu_portfolio{
	background:url(../images/menu_portfolio.png) no-repeat;
	width:81px;
}
#menu a{
	margin-top:14px;
	height:22px; display:block; float:left;
	padding-left:20px;
}
#banner{
	height:132px;
	/*border:1px solid red;*/
}
#banner #slogan{
	background:url(../images/23rdweb%20place.png) no-repeat;
	width:277px; height:40px;  margin-top:126px; 
	float:left;
	margin-right:90px;
}
#banner #slogan h1{ display:none; }
#banner #portfolio{
	float:left;
	margin-top:64px;
}

#footer{
	margin-top:10px;
	background:url(../images/footergrad.png) repeat-x;
	height:40px;
	overflow:hidden;
}
#footer,#footer a{
	color:#5e6263;
	font-size:11px;
}
#footerContent{
	padding-top:10px;
}
#footerContent div{
	float:left;
	margin-right:32px;
}
#mainContent{
	width:978px;
	position:relative;
}
#leftMenu{
	position:relative;
	background:url(../images/leftnav.jpg) no-repeat;

	width:213px;
	float:left;
	height:376px;
}
html>body #leftMenu{
	height:auto;
	min-height:376px;
}
#leftMenu, #leftMenu li{
	margin:0;
	padding:0; 	list-style:none;
	display:block;
}
#leftMenu a{
	text-decoration:none;
	line-height:40px;
	color:#8b8b8b;
	font-size:14px;
	margin-left:14px;
	padding-left:14px;
	width:176px;
	height:40px;
	display:block;
	background:url(../images/line.png) no-repeat left bottom;
	font-style:normal;
}
#leftMenu a:hover,#leftMenu #activeSubmenu{
	color:white;
	background-color:#030606;
}
#leftMenu #title{
	padding-top:25px;
	font-weight:bold;
}
#leftMenu #title a{
	color:white;	
	background:none;
}
#content{
	width:690px;
	float:left;

	padding:30px;
	font-size:12px;
	line-height:20px;

}
#content h2{
	font-size:21px;
	color:#ffffff;
	font-weight:normal;
	margin-top:0;
	margin-bottom:18px;
}
#content h2 span{
	display:block;
	color:#989898;
	font-size:13px;
}
.content{
	
}
			#teamPhotos{
				width:320px;
				position:absolute;
				left:620px; top:20px;
			}



.portfolio{
	line-height:16px;
	font-size:12px;
	margin-bottom:20px;
}
.portfolio h3{
	line-height:20px;
	margin:0;
	padding:0;
}
.portfolioImage{
	margin-top:10px;
	padding:4px 5px 5px 3px;
	background:url(../images/pictureframe.png) no-repeat;
	width:507px;
	height:228px;
	overflow:hidden;
}

#allInfoText{
	display:none;
}

.allInfoText{
	height:0px;
	line-height:0px;
	overflow:hidden;
}