/*The Big Reset.  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea {
    margin: 0; padding: 0; border: 0;
}

h1, h2, h3, h4, h5, h6, p {    margin: 0 0 1em 0;}

h1{font-size: 200%;}
h2{font-size: 170%;}
h3{font-size: 140%;}
h4{font-size: 120%;}
h5{font-size: 100%;}
h6{font-size: 90%;}
input, textarea {border: 1px solid #cccccc;}

ul{list-style:none;}

body {
  font: 82%/100% Arial, Helvetica, sans-serif; /*Setting our body font with a % helps keep it consistent and scalable*/
	background: #323131 url(../images/main_bg.gif) 0 0 repeat-x;
}

a{color:#00ADEF;}



*{
	behavior: url(/_resources/includes/iepngfix.htc);
}


/*--------------------------------------------------------------------------------*/
/*-----------------------------    Structure    ----------------------------------*/
/*--------------------------------------------------------------------------------*/

#container{
  margin: 0em auto;
	width: 530px;
	height:600px;
	position:relative;
	top:50px;
}

#header{
	float:left;
	width:530px;
	background: url(/_resources/images/header.png) 0 0 no-repeat;
}

#logo{
	float:left;
	position:relative;
	top:-15px;
	left:30px;
	width:43px;
	height:64px;
	background: transparent url(/_resources/images/newlogo.png) 0 0 no-repeat;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’/_resources/images/newlogo.png’);*/
}

#mainmenu{
	float:right;
	margin:7px 7px 0 0;
	width:320px;
	height:26px;
	display:inline;
	text-indent:-9999em;
}


#mainmenu a, #mainmenu ul{display:block; height:26px;}

#mainmenu li{
	display:block;
	float:left;
	width:80px;
	background: url(/_resources/images/menu.gif) 0 0 no-repeat;
	height:26px;
}

#mainmenu .base{background-position: 0 0;}
#mainmenu .work{background-position: -80px 0;}
#mainmenu .tsg{background-position: -160px 0;}
#mainmenu .talk{background-position: -240px 0;}

#mainmenu .base:hover{background-position: 0 -26px;}
#mainmenu .work:hover{background-position: -80px -26px;}
#mainmenu .tsg:hover{background-position: -160px -26px;}
#mainmenu .talk:hover{background-position: -240px -26px;}

#maincontent{
	float:left;
	width:530px;
	background: url(/_resources/images/body.gif) 0 0 repeat-y;
	margin-top:-30px;
}


#basehead{
	clear:left;
	margin:10px 0 0 11px;
	width:505px;
	height:150px;
	border:1px solid #323131;
	background: url(/_resources/images/baseheader.png) 0 0 no-repeat;
}

#leftcolumn{
	float:left;
	width:160px;
	margin:0 0 0 10px;
	_margin-left:5px;
}

#leftcolumn h2{	font-size:80%;}

#clientlogin{
	color:#FFF;
	padding-left:10px;
	margin-top:10px;
	width:150px;
	height:107px;
	border:1px solid #2e2e2e;
	background: url(/_resources/images/client_bg.gif) 0 0 repeat-x;
}

#clientlogin h2{
	margin-top:5px;
	margin-bottom:0;
}

legend{text-indent:-9999em;}

* html fieldset{
	position:relative;
	margin:-25px 0 0 0;
	height:auto;
}

#clientlogin label{
	float:left;
	margin-bottom:3px;
	font-size:60%;
}

#clientlogin button{
	float:right;
	display:block;
	margin:3px 8px 0 0;
	_margin-right:3px;
	width:23px;
	height:14px;
	background: url(/_resources/images/go_btn.gif) 0 0 no-repeat;
	border:0;
	text-indent:-9999em;
	_position:relative;
}

.field{
	float:left;
	width:105px;
	height:14px;
	border:1px solid #383838;
	background-color:#000;
	color:#CCC;
	padding:2px;
	font-size:60%;
}

.title{font-weight:bold;}

#news{
	float:left;
	margin-top:10px;
	padding:10px 0 10px 10px;
	width:150px;
	border:1px solid #2e2e2e;
	font-size:80%;
	background-color:#191919;
	color:#FFF;
	
}

#news ul{
	margin-bottom:10px;
	line-height:10px;
	width:140px;
}

#main{
	float:left;
	margin:10px 0 0 10px;
	_margin-left:5px;
	background: url(/_resources/images/lgdarkshadow.gif) 0 bottom repeat-x;
	color:#FFF;
	width:333px;
	padding:0 0 15px 5px;
	/*min-height:361px;*/
}

#main p{
	float:left;
	font-size:80%;
	_font-size:76%;
	color:#999999;
	padding:0 0 15px 0;
	border-bottom:1px solid #666;
}

#main .projects{
	/*width:168px;*/
	width:160px;
	float:left;
	font-size:80%;
	margin:0 0 15px 5px;
	_margin-left:2px;
	line-height:10px;
}

#main .projects img{
	float:left;
	width:158px;
	height:80px;
	margin:0 0 7px 0;
	position:relative;
	top:0;
}

#main .projects ul{
	clear:left;
	width:140px;
}

.projects li{margin-bottom:2px;}

#main .projects h2{
	font-size:110%;
	height:26px;
	background: url(/_resources/images/smdarkshadow.gif) 0 0 repeat-x;
	margin-top:5px;
	margin-left:-5px;
	padding:5px;
	margin-bottom:0;
}

#portfolio .projects{
	float:left;
	width:167px;
	font-size:80%;
	margin-bottom:15px;
	line-height:10px;
}

#portfolio .projects ul{
	float:right;
	position:relative;
	right:13px;
}

.projects a img{
	border:none;
}
.date{color:#FFFF66;}

.title{	font-weight:bold;}

.description{	color:#CCC;}



.title{	font-weight:bold;color:#FFF;}

#footer{
	clear:left;
	height:13px;
	background: url(/_resources/images/footer.png) 0 0 no-repeat;
}

#copyright{
	text-align:center;
	color:#777;
	font-size:60%;
	font-weight:bold;
}

#innerhead{
	clear:left;
	margin:10px 0 0 11px;
	width:505px;
	height:72px;
	border:1px solid #323131;
	background: url(/_resources/images/smheader.jpg) 0 0 no-repeat;
}

#portfolio{
	float:left;
	margin:10px 0 0 12px;
}

.floatitbaby{
	float:left;
}

#aboutus,#contact{
	width:505px; 
	margin:20px 0 0 13px;
	font-size:80%;
	color:#FFF;
	line-height:15px;
}


#contact p{
	clear:left;
	width:505px;
}

#contact label{
	float:left;
	width:100px;
}

#contact textarea{
	height:200px;
	width:300px;
	background-color:#000;
	color:#FFFFFF;
	border:1px solid #2e2e2e;
}



.dark{
	background-color:#000;
	color:#FFFFFF;
	border:1px solid #2e2e2e;
	width:200px;
}


/*---------------------------------------Reusables------------------------------*/  /*Some utility/dirty hack styles*/
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.left {float: left; margin-right: 5px;}
.right {float: right; margin-left: 5px;}
.hide {position: absolute; left: -9999em;}


/*these next two are set with more specificity to ensure they'll override other styles.  */
body #wrapper .noborderplease {border:none;}
body #wrapper .borderplease {border-width: 1px; border-style: solid;}