/* CSS Document */
/*

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;
	margin:0 auto;
	}
hr {
	background:none center;
	height:1px;
	width:20%;
	margin:auto;
	color:#FFFFCC;
	}	
h2 {
	background:none top center;
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-variant:small-caps;
	text-align:center;
	font-weight:600;
	}
h4 {
	background:#777 bottom left;
	color:#CCC;
	font:14px Geneva, Arial, Helvetica, sans-serif;
	display:inline;
	text-decoration:none;
	text-align:center;
	}
h5 {
	background:none top center;
	color:#fff;
	font:12px Georgia, "Times New Roman", Times, serif;
	display:inline;
	font-variant:small-caps;
	font-style:oblique;
	}		
p {
	background:none;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:center;
	color:#666;
	}
.home {
	font:14px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:35px;
	text-align:center;
	font-stretch:expanded;
	font-weight:200;
	}
a {
	text-decoration:none;
	}		
a.linkopacity img {
	filter:alpha(opacity=20);
	-moz-opacity: 0.2; 
	opacity: 0.2;
	-khtml-opacity: 0.2;
	}
a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	-khtml-opacity: 1.0; 
	}
	
/* ------------------ 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:#fff center;
	width:671px;
	height:360px;
	border:#CCC thin solid;
	position:absolute;
	margin:0 auto;
	left:84px;
	top:52px;
	text-align:left;
	padding:0px;
	}
div#innercontent {
	position:relative;
	top:0px;
	margin:0 auto;
	background:none center;
	vertical-align:middle;
	}
div#caption {
	background:#777 top center;
	position:absolute;
	left:84px;
	top:422px;
	height:14px;
	width:671px;
	border:#ccc thin solid;
	text-align:right;
	}
div#galleryline {
	background:none top center;
	position:relative;
	left:0px;
	height:110px;
	top:0px;
	width:671px;
	border:none;
	margin:5px auto;
	}
	
div#designline{
	background:#999 top center;
	position:absolute;
	top:450px;
	left:84px;
	height:110px;
	width:671px;
	}	
	
/* ------------------ 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 #work1 ul li a{
		font:6px Georgia, "Times New Roman", Times, serif;
		color:#464646;
		font-weight:600;
		}		
		
	div#navbar ul li#contact a {
		display:block;
		height:32px;
		width:52px;
		}
		
		
	div#navbar ul li a:hover{
		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;
		}
	
	div#nav1 ol {
		list-style:none;
		background:none;
		margin:0;
		padding:0;
		}
	div#nav1 ol li {
		list-style:none;
		background:none;
		margin:0;
		padding:0;
		}
	
	div#nav1 ol li a{
		background:none top center;
		color:#000;
		font:10px Arial, Helvetica, sans-serif;
		}
	div#nav1 ol li a:hover, a.current1 {
		background:#666 top center no-repeat;
		color:#FFF;
		font-variant:small-caps;
		}
	div#nav1 a.current1 {
		background:#666 top center no-repeat;
		color:#fff;
		font-variant:small-caps;
		}