/* Name of Company Goes Here 
 * (c) Name of Company Goes Here -- www.websitehere.org
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    padding: 0px;
    background: #1c1c1c url(/pics/index/background.gif) repeat-x;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #333; 
    margin: 0px; }
    
img { border: 0;margin:0 }
	
div { border: 0; }
    
a:link{ 
   color:#bf8416;
   text-decoration: none;
   }

a:visited{
   color:#bf8416;
   text-decoration:none;
   }

a:hover{
   color:#bf8416;
   text-decoration:underline;
   }

a:visited:hover{
    color:#bf8416;
    text-decoration:underline;
    }
    
div.spacer {
    clear: both; }

/* FONT IN TABLES */    
body td {
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #333;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   font: bold 14px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   padding: 0px 0px 0px 0px;
   letter-spacing: .2em;
   margin: 0px 0px 10px 0px;
	clear:none;
   }

h2 { 
   font: bold 12px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
   color: #fff;
   padding: 0px 0px 0px 0px;
   letter-spacing: .2em;
   margin: 10px 0px 0px 0px;
   color: #bf8416;
   }
   
h3 { 
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   color: #bf8416;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   letter-spacing: .1em;}
   
h4 { 
   font: bold 14px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
   color: #515151;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 20px 0px;
   letter-spacing: .1em;
   }
   
/* PARAGRAPH TAG */

p {
   margin: 0px 0px 0px 0px;
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   line-height: 17px;
   color: #b9b5a8;
   }
   
.pictures {	
    float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	margin: 0px;}

/* HOLDS CONTENT ON THE PAGE */
#container { 
    width: 998px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: 0px;
    color: #333;
    }
    
#contentholder { 
    width: 998px;
    padding: 0px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #716b5a;
    }
    
/* LIST */
#navcontainer { 
    padding: 0px;
    height: 72px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .02em;
    margin: 0px;
    color: #716b5a;
    background: #000;}

#navcontainer a {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #bf8416;
    }

#navcontainer a:link, #navcontainer a:visited {
    color: #716b5a;
    text-decoration: none;}

#navcontainer a:hover {
    color: #bf8416;
    text-decoration: underline;}
    
#leftbar { 
	float: left;
    width: 72px;
    height: 400px;
    padding: 0px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #716b5a;
    background: url(/pics/index/left_shadow.gif) no-repeat;}
    
#centercontainer { 
    padding: 0px;
    border-bottom: 1px solid #fff;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #fff;
    background: #746c59 url(/pics/index/orange_bar.gif) repeat-x;
}
    
#rightbar { 
	float: right;
    width: 134px;
    height: 400px;
    padding: 0px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #716b5a;
    background: url(/pics/index/right_shadow.gif) no-repeat;}

    
#subnavcontainer { 
    padding: 3px;
    height: 12px;
    border: 0px solid #fff;
    font: normal 10px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .1em;
    margin: 0px;
    color: #fff;
    }

#subnavcontainer2 {
	float:left;
    border-bottom: 1px solid #fff;
    font: normal 10px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .1em;
    margin: 0px;
    color: #fff;
	background: #746c59 url(/pics/index/orange_bar.gif) repeat-x;
	width:790px;
}

#dynamicmenu {
	position: relative;
	left: 50px;
	}
	
#subnavcontainer a {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: 0px dashed #CCC;
    font: normal 10px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #fff;
    }

#subnavcontainer a:link, #navcontainer a:visited {
    color: #fff;
    text-decoration: none;}

#subnavcontainer a:hover {
    color: #000;
    text-decoration: underline;}
    
#photo { 
	float: left;
	width: 360px;
    padding: 0px;
    height: 360px;
    border: 0px solid #fff;
    font: bold 10px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #000;
    background: #333;
    }

#graybox { 
	float: right;
    width: 432px;
    height: 360px;
    padding: 0px;
    border: 0px dashed #CCC;
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    color: #716b5a;
    background: #716b5a;}
    
#largephoto { 
	float: left;
    width: 576px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: 0px;
    }
    
#largephoto2 { 
	float: right;
    width: 504px;
    padding: 0px;
    border: 0px dashed #CCC;
    margin: 0px;
    }

#copyblock {
	float: left;
	width: 185px;
	height: 360px;
	margin: 0px;
	padding: 15px;
	font: normal 12px/20px Arial, Helvetica, Verdana, sans-serif;
	color: #b9b5a8;
	background: #313131;
   }
/*(WHAT VALUES SHOULD BE)*/
html>body #copyblock {width:186px;height:330px;}

   
#copyblock2 {
	float: left;
	width: 216px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	color: #fff;
	border: 0px solid  #fff;
	background: #313131;
   }

.description {
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	color: #fff;
   }

   
  #copyblock3 {
	float: left;
	width: 720px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	color: #fff;
	border: 0px solid  #fff;
	background: #252525;
	/*overflow:auto;*/
   }
  
 #copyblockhome {
	float: left;
	width: 186px;
	/* height: 361px; */
	margin: 0px 0px 0px 0px;
	padding: 15px;
	font: normal 10px Arial, Helvetica, Verdana, sans-serif;
	line-height: 14px;
	color: #fff;
	border: 0px solid  #fff;
	/*background: #313131;*/
	background: #313131;
   }
	/*(WHAT VALUES SHOULD BE)*/
	html>body #copyblockhome {width:186px;/*height:331px;*/}
  
#thumbnails {
	float: left;
	height: 360px;
	width: 72px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid  #fff;
	background: #000;
   }


/* SPECIAL FONT COLORS */
.green {
    font: bold 13px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #390;
    background: #fff;}
    
.orange {
    font: normal 11px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #bf8416;
    }
    
.orangewelcome {
    font: normal 14px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #bf8416;
    letter-spacing: .2em;
    }
    
.red {
    display: block;
    margin-top: 40px;
    font: bold 13px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
    color: #C00;
    background: #fff;}
    
.bodycopy {
	display: block;
	width: 760px;
	margin: 20px 0px 20px 90px;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 24px;
	color: #b9b5a8;
	border: 0px solid  #fff;
   }

.location {
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    color: #999;
    }
    

/* FOOTER */
#footer {
    padding: 10px 0px 0px 20px;
    border: 0px solid  #fff;
    height: 50px;
    color: #b9b5a8;
    clear: both;
    margin-left: 72px;
    background: url(/pics/index/bottom_shadow.gif) no-repeat;}

#footer2 {
    padding: 10px 0px 0px 0px;
    border: 0px solid  #fff;
    height: 50px;
    color: #b9b5a8;
    clear: both;
    margin-left: 72px;
	width:792px;
   }



#main-nav {margin:0;padding:0;width:100%;height:72px;background:#000;float:left;overflow:hidden;}
#main-nav div {margin:0 80px 0 0;padding:0;float:left;}
#main-nav div#logo, #main-nav div#logo img {padding:0;margin:0 15px 0 0;}
#main-nav div#logo {margin: 0px 80px 0px 0px;}
#main-nav img {margin:30px 0;padding:0;}


.project_list {
	float: left;
	display: inline;
	width: 213px;
	background:#252525;
	border: solid 0px #fff;
	margin: 0px 0px 0px 20px;
	padding-bottom: 0px;
}

.project_list ul {
	margin:0px;
	padding:0px;
	list-style:none;
	color:#fff;
	font: normal 11px/normal Arial, sans-serif;
	border: solid 0px #999;
}
.project_list ul li {
	display:block;
	padding:3px 0 9px 0;
	border-bottom: solid 1px #444;
}

.project_list_title { 
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   display: block;
   color: #bf8416;
   padding: 0px;
   margin-left: 20px;
   margin-top: 10px;
   letter-spacing: .1em;}

.header-img {margin: 20px 0 0 0;}
#sans-box #error {
	list-style:none;
	margin: 30px 30px -20px 30px;
	padding:0;
	}
#error li {
	color:#bf8416;
}