/*
screen.css
last modified:  03/26/2009
last validated: 03/26/2009
created by:     Eric Christopherson ( http://echristo.com/ )


0. Main Page Only
1. Tags
2. Wrap
3. Container
4. Head
5. Content
6. Sidebar
7. Footer
8. Bottom
*/

/*==============================================================*/



/* 0. MAIN PAGE ONLY */

#leftcol{
 width:500px;
 float:left;
 position:relative;	 
 padding-right:20px;
}
	
#rightcol{
 width:254px;
 float:left;
 position:relative;	 
}

#rightcol p {
 padding:5px;
 font-family:Georgia, Serif, Verdana, Arial, Helvetica;
 font-size: 12px;
 color:#333;
 line-height:normal;
}

#rightcol a, #rightcol a:hover{
 font-size:12px;
 font-family:Georgia, Serif, Verdana, Arial, Helvetica;
}

.box{
 margin-bottom:20px;
 background-color:#EAEAEA;
}



/* 1. TAGS */

html, body{
 height: 100%;
 margin:0;
 padding:0; 
 text-align:center; 
}

body{
 font: 16px/1.7em Georgia, Serif, Verdana, Arial, Helvetica;
 font-weight:normal;
 color:#666;
}

* {
 margin:0;
 padding:0;
}

img{
 border:0px;
}



/* 2. WRAP */

#wrap{ 
 width:1100px; 
 background:url(../img/bg.jpg) repeat-y;
 margin-left:auto; 
 margin-right:auto;
} 



/* 3. CONTAINER */

#container {
 width:1024px;
 text-align: left;
 padding: 0;
 margin-left:auto; 
 margin-right:auto; 
}



/* 4. HEAD */

#head {
 float:left;
 width:1024px;
 height:130px;
 background:url(../img/banner.jpg) no-repeat;
}

/*++++ head bits ++++*/
	/* map, faq, contact */
	#head ul {
 	 list-style-type:none;
 	 float:right;
 	 height:39px;
 	 margin-top:7px;
	}

	#head ul li {
 	 display:inline;
 	 padding: 10px 5px 5px 5px;
 	 margin:0;
 	 color:#FFF;
	}

	#head ul li a {
 	 color:#FFF;
 	 font: 14px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
 	 font-weight: bold;
 	 text-decoration:none;
 	 height:39px;
	}

	#head ul li a:hover {
 	 color:#FFF;
	}
/*++++ end head bits ++++*/



/* 5. CONTENT */

#content {
 float:right;
 width:774px;
 margin-top: 20px;
 padding: 0;
}

/*++++ content bits ++++*/
	/* table of contents */
	#anchors{
	 padding-left:5px;
	 font-size:75%;
	 font-family:Georgia, Serif, Verdana, Arial, Helvetica;
	 width:50%;
	 background-color:#EFEFEF;
	 border: 1px solid #CCC;
	 margin-bottom:10px;
	}
	
	#anchors a:hover, #anchors a{
	 font-size:110%;
	 font-family:Georgia, Serif, Verdana, Arial, Helvetica;
	}
	
	/* headings */
	h1 {
	 font: 36px/1.7em  Georgia, Serif, Verdana, Arial, Helvetica;
	 color:#333;
	 border-bottom: 1px solid #CCC;
	}

	h2 {
	 font: 30px/1.3em Georgia, Serif, Verdana, Arial, Helvetica;
	 color: #00566A;
	 margin-top:30px;
	}

	h3 {
	 font: 24px/1.7em Georgia, Serif, Verdana, Arial, Helvetica;
	 color: #8E4623;
	 margin-top:20px;
	 margin-bottom: 0px;
	}

	h4 {
	 font: 20px/1.7em Georgia, Serif, Verdana, Arial, Helvetica;
	 color: #000;
	 margin-top:20px;
	 margin-bottom: -15px;
	}

	h5 {
	 font: 18px/1.7em Georgia, Serif, Verdana, Arial, Helvetica;
	 color:#633;
	 margin-top:30px;
	 margin-bottom:-10px;
	}
	
	/* links */
	a {
	 font: 16px/1.7em Verdana, Arial, Helvetica, sans-serif;
	 color: #00566A;
	 text-decoration: none;
	}

	a:hover {
	 color: #D6855C;
	 font: 16px/1.7em Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* images */
	.imgpadding{
 	 margin:5px;
 	 border: solid #CCC 1px;
	}
	
	.handcursor{
	 cursor:pointer;
	}
	
	/* paragraphs */
	p {
	 margin:0;
	 padding-top:20px;
	}

	.top {
	 text-align: right;
	 padding: 10px 0;
	 margin:0;
	}

	/* ul/li */
	#content ul {
	 list-style-type: square;
	 padding-left: 60px;
	 margin-top: 40px;
	}

	#content li {
	 color: #333;
	 font: 16px/1.7em Georgia, Serif, Verdana, Arial, Helvetica;
	 margin-bottom:5px;
	}
	
	/* web portfolio containers */
	.portfolio{
	 width:728px;
 	 float:left; 
 	 position:relative;
 	 background-image:url(../img/portfolio_bg.jpg);
 	 background-repeat:no-repeat;
	 padding-left:20px;
	 padding-right:25px;
	 margin-bottom:30px;
	}

	.cola{
	 width:308px;
	 float:left;
	 position:relative;
	}

	.colb{
	 width:414px;
	 float:left;
	 position:relative;
	 padding-left:5px;
	}
	
	.colb h1{
	 font-size:14px;
	 font-weight:bold;
	 padding-top:20px;
	}
	
	.colb p, .colb a, .colb a:hover{
	 font-size:12px;
	}
	
	/* submit button */
	.button {
 	 FONT-SIZE: 14px;  
 	 color: #FFF;
 	 WIDTH: 90px;
 	 height:25px;
 	 BORDER: 1px solid #666; 
 	 BACKGROUND-COLOR: #D6855C;
	 cursor:pointer;
	}
	
	INPUT {
	 font-family:Georgia, Serif, Verdana, Arial, Helvetica;
     font-size: 14px;
     color:#333;
	 padding:3px;
	}
	
	/*required text - aka red text*/
	.redtxt {color: #FF0000}

/*++++ end content bits ++++*/



/* 6. SIDEBAR */

#sidebar {
 float: left;
 width: 230px;
 margin:0px;
 padding:20px 0 0px 0;
 background-color:#FFF;
}

#sidecolor {
 float: left;
 width: 230px;
 margin:0px;
 padding:20px 0 0px 0;
 background-color:#FFF;
}

/*++++ sidebar bits ++++*/
	/* nav menu */
	/* http://www.dynamicdrive.com/style/csslibrary/item/wire-frame-menu/ */
	.sidenav{
     border: 1px solid #C0C0C0;
     background-color: #EBEBEB;
     border-bottom-width: 0;
     width: 230px; 
    }

    * html .sidenav{ /*IE only rule. Original menu width minus all left/right paddings */
 	 width: 224px;
 	}

	.sidenav ul li{
 	 padding: 0;
 	 margin: 0;
 	 list-style-type: none;
	}

	.sidenav a{
 	 font: 100% Verdana;
 	 padding: 4px 3px;
 	 display: block;
 	 width: 100%; /*Define width for IE6's sake*/
 	 color: #555;
 	 text-decoration: none;
 	 border-bottom: 1px solid #C0C0C0;
	}

	.sidenav a:visited{
 	 color: #555;
	}

	html>body .sidenav a{ /*Non IE rule*/
 	 width: auto;
	}

	.sidenav a:hover{
	font: 100% Verdana;
 	 background-color: #F5F5F5;
 	 color: #CC6633;
	}

	.sidenav  #selected{
 	 background-color:#D6855C;
	 background:url(../img/xx.jpg) repeat-x;
 	 color: #FFF;
	}
/*++++ end sidebar bits ++++*/



/* 7. FOOTER */

#footer {
 clear:both;
 width:1004px;
 height:50px;
 min-height:50px;
 margin-top:0px;
 padding:0px 10px 30px 10px;
 background-image:url(../img/footer.jpg);
 margin-left:auto; 
 margin-right:auto;
 border-top:20px solid #FFF;
 border-bottom:20px solid #FFF;
}

/*++++ footer bits ++++*/
	/* links */
	#footer a {
	 font: 13px/1.7em Verdana, Arial, Helvetica, sans-serif;
	 color:#333;
	 padding-right:10px;
	}

	#footer a:hover {
	 color: #FFF;
	}
	
	/* ul/li */
	#footer ul {
	 list-style-type:none;
	 margin-top:10px;
	}

	#footer ul li {
	 display:inline;
     font: 13px/1.7em Verdana, Arial, Helvetica, sans-serif;
	 color:#333;
	}
	
	/* copyright */
	#footer p.copyright {
	padding-top:5px;
	text-align:center;
	color:#333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	}
/*++++ end footer bits ++++*/



/* 8. BOTTOM */

#bottom {
 clear:both;
 background-image:url(../img/bg_bottom.jpg);
 background-repeat:no-repeat;
 background-color:#FFF;
 margin-left:auto; 
 margin-right:auto;
}