/*

JC DESIGN Main Stylesheet v 1.0
Author: Jonathan Chacko
Created: August 2006
Last Modified: August 2006

*/

/* ------------------ GLOBAL ------------------ */
body {
	background:#fff url(images/bg.jpg) bottom center repeat-x;
	margin:0;
	padding:0;
	border-top:#777 7px solid;
	height:100%;
		
	}
html {
	margin:0;
	padding:0;
}		
img {
	border:none;
	display:block;
	}
hr {
	background:none center;
	height:1px;
	width:20%;
	margin:auto;
	color:#FFFFCC;
	}	
	
h4 {
	background:#777 bottom left;
	color:#CCC;
	font:14px Geneva, Arial, Helvetica, sans-serif;
	display:inline;
	}	
p {
	background:none;
	margin:0;
	padding:0;
	}
.home {
	font:14px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:35px;
	text-align:center;
	font-stretch:expanded;
	font-weight:200;
	}	

/* ------------------ CONTAINER ------------------ */
#container {
	background:#fff top center;
	margin:5% auto 0 auto;
	padding:0px;
	height:600px;
	width:790px;
	position:relative;
	/*border:#CCC thin solid;*/
	}
.title {
	background:none top center;
	color:#464646;
	font:20px  Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	text-align:right;
	margin:28px 20px 0 0;
	z-index:2;
	}
	
/* ------------------ HEADER ------------------ */
#logo {
	background:transparent url(images/logo1.gif) top left no-repeat;
	position:absolute;
	height:52px;
	width:62px;
	margin:0 auto;
	display:block;
	border-right:#ccc thin solid;
	border-bottom:#ccc thin solid;
	}


/* ------------------ CONTENT ------------------ */
div#contentbox {
	background:transparent center;
	width:671px;
	height:360px;
	border:#CCC thin solid;
	position:absolute;
	margin:0 auto;
	left:84px;
	top:52px;
	text-align:left;
	padding:0 0 0 11px;
	}
div#innercontent {
	position:relative;
	top:15px;
	margin:0 auto;
	background:none center;
	vertical-align:middle;
	}	
	
/* ------------------ NAVBAR ------------------- */
div#navbar {
	background:transparent top right no-repeat;
	position:absolute;
	width:62px;
	height:548px;
	margin:0 auto;
	padding:0;
	top:52px;
	left:0px;
	border-right:#ccc thin solid;
	}
	
div#navbar ul {
	list-style:none;
	margin:2px auto;
	padding:0;
	}
	
div#navbar ul li {
	background:#fff bottom center no-repeat;
	text-align:center;
	color:#666;
	font:14px/80% Geneva, Arial, Helvetica, sans-serif;
	margin:2px 0;
	padding:0;
	}

div#navbar ul li a {
	background:transparent;
	display:block;
	padding:6px 0;
	text-decoration:none;
	margin:0;
	color:#888;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	
	div#navbar ul li#home a {
		display:block;
		height:32px;
		width:52px;
		}
		
	div#navbar ul li#work a {
		display:block;
		height:32px;
		width:52px;
		}
		
	div#navbar ul li#contact a {
		display:block;
		height:32px;
		width:52px;
		}
		
		
	div#navbar ul li a:hover, a:link{
		background:transparent url(images/navbar2.gif) top no-repeat;
		color:#999;
		text-decoration:none;
		}
		
	div#navbar ul li a:link {
		background:transparent  top no-repeat;
		color:#000;
		text-decoration:none;
		}	
	
	div#navbar ul li a:active {
		background:transparent url(images/navbar2.gif) top no-repeat;
		color:#000;
		}
	div#navbar a.current {
		background:url(images/navbar2.gif) no-repeat top center;
		font-variant:small-caps;
		font-weight:500;
		}