/* Base style
------------------------------------*/
body {
	background: #D4D4A7 url(/images/bkgrd.jpg) repeat-x 50% 0;
	padding: 0;
	margin: 0;
	}

/* Things to hide
------------------------------------*/
#nav li span, #index_nav li span{
	display: none;
	}

.nobg, .nobg a:hover, nobg a, nobg a:link{
	background: none;
	}

/* Container
------------------------------------*/
#container {
	width:958px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background: url(/images/bkgrd.jpg) -321px 0 no-repeat ;
	}
.home #page {
background:url(../images/feature_index.jpg) 260px 0px no-repeat ;
height: 869px;
	}
	.resume #page {
background:url(../images/resume.jpg) 260px 0px no-repeat;
height: 1186px;
	}	
	
.contact #page {
background:url(../images/feature_contact.jpg) 260px 0px no-repeat;
height: 722px;
	}
	
.portfolio #page {
background:url(../images/feature_port.jpg) 275px 0px no-repeat;
height: 740px;
	}
	

	
/*		

.portfolio #topper {
background: url(../images/port_topper.jpg) right no-repeat;
float: right;
width: 300px;
height:67px;
clear: both;
}*/



/* Nav
------------------------------------*/
#nav {
	background: url(/images/nav.gif) no-repeat;
	width: 600px;
	height: 67px;
	padding: 0px;
	margin: 0px;
	position:relative;
	margin-bottom:-2px;
}
	
#nav ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#nav li, #nav li a{
	position:absolute;
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	



#nav li.l1 {width: 69px; height:55px; top: 7px; left:158px;}
#nav li.l1 a{width: 69px; height:55px;}
#nav li.l1 a:hover {background: transparent url(/images/nav.gif) -158px -72px no-repeat;}

#nav li.l2 {width:93px; height:55px; top: 7px; left:244px;}
#nav li.l2 a{width:93px; height:55px;}
#nav li.l2 a:hover {background: transparent url(/images/nav.gif) -244px -72px no-repeat;}

#nav li.l3 {width:80px; height:55px; top: 7px; left:359px;}
#nav li.l3 a{width:80px; height:55px;}
#nav li.l3 a:hover{background: transparent url(/images/nav.gif) -359px -72px no-repeat;}

#nav li.l4 {width:82px; height:55px; top: 7px; left:455px;}
#nav li.l4 a{width:82px; height:55px;}
#nav li.l4 a:hover{background: transparent url(/images/nav.gif) -455px -72px no-repeat;}


/* Latch
------------------------------------*/

.home #nav li.l1 {background: transparent url(/images/nav.gif) -158px -72px no-repeat;}
.portfolio #nav li.l2 {background: transparent url(/images/nav.gif) -244px -72px no-repeat;}
.resume #nav li.l3 {background: transparent url(/images/nav.gif) -359px -72px no-repeat;}
.contact #nav li.l4 {background: transparent url(/images/nav.gif) -455px -72px no-repeat;}

#index_nav {
position: absolute;
top: 121px;
left: 258px;
width: 699px;
height: 144px;
}
#index_nav ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#index_nav li, #index_nav li a{
	position:absolute;
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	#index_nav li.l1 {width: 221px; height:124px; top: 1px; left:2px; }
#index_nav li.l1 a{width: 221px; height:124px;}


#index_nav li.l2 {idth:220px; height:124px; top: 7px; left:244px;}
#index_nav li.l2 a{width:220px; height:124px;}

#index_nav li.l3 {width:223px; height:118px; top: 16px; left:465px;}
#index_nav li.l3 a{width:223px; height:118px;}



/* Features
------------------------------*/
.home #feature {
width: 631px;
float: right;
text-align: right;
display: block;
padding: 0 80px 0 0;
margin: 0;
}
.feat_title {
color:#999999;
font-size:1.4em;
font-weight: bold;
}

#recent_projects {
float:right;
width:200px;
border:2px solid #FFFFFF;
}

#res_col {
width: 490px;
float:right;
padding: 115px 83px 0 0;
}

#res_col h1 {
font-size:1.3em;
color:#666666;
padding: 0 0 5px 0;
}

#res_col ul {
font-size: .9em;
width: 400px;
}

#res_col span{
font-size: .9em;
color: #333333;
line-height: 1em;
}



#feature_sub {
width: 720px;
height: 25px;
background: #888;
display: block;
padding: 20px;
margin: 0;
}

#flash {
width: 460px;
height:370px;
float: right;
}
#info {
width: 305px;
padding: 10px 110px 0 45px;
text-align:justify;
font-size: 1.3em;
float: right;
}
.resume #info {
width: 270px;
padding: 30px 140px 0 50px;
text-align:justify;
font-size: 1.3em;
float: right;
}

.resume #info span {
font-size: .8em;
}

#info a {
text-transform:uppercase;
font-size: .9em;
font-weight:bold;
}

#info span {
font-size: .9em;
color: #666666;
text-align: justify;
line-height:1.1em;
padding: 10px 0 0 0px;
display:block;
}
	
/* Content
------------------------------------*/
#content {
	width: 958px;
	margin: 0;
	padding: 0;
	display:block;
	margin-top:-2px;
	}


#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: right;
	width: 631px;
	margin: 0;
	padding: 40px 80px 10px 0px;
}


.home #main_col {
	float: right;
	width: 600px;
	margin: 0;
	height: 500px;
	padding: 230px 80px 10px 0px;
}

.contact #main_col {
	float: right;
	width: 620px;
	height:500px;
	margin: 0;
	padding: 75px 40px 10px 30px;
}



/* sub_col_linking
------------------------------------*/
#sub_col {
	float: right;
	width: 176px;
	margin: 0 0 0 0;
	padding: 120px 30px 16px 10px;
	
}
#sub_col h2 {
text-transform:uppercase;
color:#666666;
width:100%
}

#sub_col ul{
	list-style: none;
	list-style-type: none;
	display:block;
	margin: 0;
	padding: 0 0 50px 0;
	color: #666666;
}

#sub_col ul li {
	list-style: none;
	list-style-type: none;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;	
	}
	
#sub_col ul li a {
	height: 20px;
	list-style: none;
	list-style-type: none;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	font-size:.9em;
	color: #333333;
	text-decoration:none;
}
#sub_col li a:hover{
color:#000000 ;
}

/*------------------------------------*/

#split_col1 {
	float: left;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

#split_col2 {
	float: right;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #CCCCCC;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	size: 70%;
	}

.highlight {
	background-color: #ffcc99;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

ul {
	padding:0 0 10px 15px;
	}

acronym {
	background-color: #D3D3D3; cursor: help;
	}
	
/* Tables
------------------------------------*/	
	
.tabular {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.tabular2 {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.tabular_highlight {
	background-color: #eee;
	}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}



/* Footer
------------------------------------*/

#footer {
	height: 44px;
	width: 740px;
	background: url(/images/footer.gif) repeat-x;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	bottom: 0px;
	position: fixed;
	background-color: #CCCCCC;
}

#footer span {
	padding: 18px 0px 0px 0px;
	margin: 0;
	display: block;
	Width: 700px;
}

#preplinks {
position: absolute;
width:200px;
height: 64px;
top:719px;
left: 686px;
z-index: 1;
}

/* Forms
------------------------------------*/

.contact input {
background: none;
border:#333333 dashed;
border-width: 0 0 1px 0;
font-size:1.3em;
color:#666666;
}

.contact textarea {
background: none;
border:#333333 dashed 1px;
font-size: 1.3em;
color:#666666;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

.button input {
border: none;
}