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

body {
width:735px;
margin:-1px auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img {border:0;}

h1{
width:735px;
height:210px;
padding:0;
margin:0 0 2px 0;
background:url(../images/header.gif) no-repeat;
/*background-color:#f99e35;*/
}

h2 {
padding:0;
margin:0 0 -12px 0;
}

* > h2 {
margin:0;
}

a, a:link, a:visited, a:active {
color:#FFF;
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}
	
#left-col, #right-col {
width:366px;
height:250px;
margin-bottom:-3px;
}

* > #left-col, #right-col {
margin:0;
}

	#left-col{
	float:left;
	cursor:hand;
	}
	
	#right-col{
	float:right;
	cursor:hand;
	}
	
#bottom-bucket{
width:735px;
background-color:#396f8f;
height:100px;
margin-top:2px;
}
 
#footer{
width:735px;
height:28px;
background:url(../images/footer.gif) no-repeat;
margin-top:2px;
color:#fff;
font-weight:bold;
text-align:center;
padding-top:5px;
/*background-color:#f99e35;*/ }

.alt{
display:none;
}

.clear{
clear:both;
}


/* Subpages */

h1.sub {
width:735px;
height:179px;
padding:0;
margin: 0;
border-bottom:2px solid #f99e35; /* IE 6 hack */
background:url(../images/subpage-header.gif) no-repeat;
}

* > h1.sub {
margin:0 0 2px 0;
border:0;
}

#nav {
width:735px;
margin:0 0 0 0;
padding:0;
}

* > #nav {
margin:0;
}
	
	#nav li{
	float:left;
	height:31px;
	list-style-type:none; }
	
	#home {
	display:block;
	background:url(../images/nav-home.gif) no-repeat;
	width:94px;
	height:31px;
	margin-top:-2px; }
	
	#home-on {
	display:block;
	background:url(../images/nav-home-on.gif) no-repeat;
	width:94px;
	height:31px;
	margin-top:-2px; }
	
	#work {
	display:block;
	background:url(../images/nav-ourwork.gif) no-repeat;
	width:94px;
	height:31px;
	margin-top:-2px; }
	
	#work-on {
	display:block;
	background:url(../images/nav-ourwork-on.gif) no-repeat;
	width:94px;
	height:31px;
	margin-top:-2px; }
	
	#writing {
	display:block;
	background:url(../images/nav-writing.gif) no-repeat;
	width:146px;
	height:31px;
	margin-top:-2px; }
	
	#writing-on {
	display:block;
	background:url(../images/nav-writing-on.gif) no-repeat;
	width:146px;
	height:31px;
	margin-top:-2px; }
	
	#design {
	display:block;
	background:url(../images/nav-design.gif) no-repeat;
	width:143px;
	height:31px;
	margin-top:-2px; }
	
	#design-on {
	display:block;
	background:url(../images/nav-design-on.gif) no-repeat;
	width:143px;
	height:31px;
	margin-top:-2px; }
	
	#portfolio {
	display:block;
	background:url(../images/nav-portfolio.gif) no-repeat;
	width:83px;
	height:31px;
	margin-top:-2px; }
	
	#portfolio-on {
	display:block;
	background:url(../images/nav-portfolio-on.gif) no-repeat;
	width:83px;
	height:31px;
	margin-top:-2px; }
	
	#application {
	display:block;
	background:url(../images/nav-application.gif) no-repeat;
	width:175px;
	height:31px;
	margin-top:-2px; }
	
	#application-on {
	display:block;
	background:url(../images/nav-application-on.gif) no-repeat;
	width:175px;
	height:31px;
	margin-top:-2px; }

#left-sub{
float:left;
width:366px;
height:250px;
background-color:#396f8f; }

	h2.home {
	width:366px;
	height:37px;
	background:url(../images/header-home.gif) no-repeat; }
	
	h2.work {
	width:366px;
	height:37px;
	background:url(../images/header-work.gif) no-repeat; }
	
	h2.writing {
	width:366px;
	height:37px;
	background:url(../images/header-writing.gif) no-repeat; }
	
	h2.design {
	width:366px;
	height:37px;
	background:url(../images/header-design.gif) no-repeat; }
	
	h2.portfolio {
	width:366px;
	height:37px;
	background:url(../images/header-portfolio.gif) no-repeat; }
	
	h2.application {
	width:366px;
	height:37px;
	background:url(../images/header-application.gif) no-repeat; }
	
	#left-sub p, #full-sub p{
	color:#FFF;
	padding:0 10px;
	}
	
#right-sub{
width:366px;
height:250px;
float:right;
overflow:hidden;
background-color:#396f8f;
}
	
#full-sub{
float:left;
width:735px;
height:250px;
background-color:#396f8f;
}