/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
1
*/

* 
{
	margin: 0;
	padding: 0;
}

body 
{
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background-color: #222;
	padding-left:10px;
	padding-top:20px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img 
{ 
	border: none;
}
#mainDiv
{
	margin:0 auto;
	padding:0px 0px 8px 8px;
	width:1074px;
	border:10px solid #111;
	background-color:#111;
}
#menu 
{
    width: 159px;
	height:500px;
	float:left;
	background-color:#444;
	border:0px solid #bbb;
	border-right:0px;

}
#menu ul 
{
	list-style: none;
	margin: 0 0 12px 0;
}
#menu .container
{
	padding:0px 0px 0px 0px;
}
#menu ul li.section-title
{
	border-bottom:0px solid #666666;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
	padding:6px 10px 6px 10px;
	letter-spacing:1px;
	text-align: left;
	background-color: #333;
}
#menu ul li
{
	border-bottom:1px dotted #666666;
}
#menu ul li a
{
	display:block;
	padding:6px 10px 6px 10px;
	text-decoration:none;
	text-align:left;
	color:#ddd;
}
#menu ul li a:hover
{
	background-color:#888;
	
}
#sideBorder
{
	float:left;
	width:10px;
	background-color:#777;
	height:500px;
}
#logoDiv
{
	top:0px;
	left:0px;
	width:1065px;
	height:35px;
	background-color:#444;
	padding:0px;
	margin-bottom:6px;
	margin-top:6px;
	padding:0px;
	
}

#footerDiv
{
	height:35px;
	background-color:#444;
	left:0px;
	width:1065px;
	margin-top:6px;
	padding:0px;
	text-align:right;
	font-size:9px;
	color:#888;
}
#footerDiv p
{
	padding:9px 6px 0px 6px;
}
#footerDiv a
{
	text-decoration:none;
	color:#aaa;
}
#footerDiv a:hover
{
	color:#ccc;
}
#content 
{
	height:500px;
	float:left;
	width:900px;
    margin: 0px 0px 0px 6px;
	border:0px solid #bbb;
	border-left:0px;
	background-color:#fff;
	padding:0px;

}
#content .container 
{
    padding: 5px 5px 25px 5px;
	padding:0px;
	background-color:#fff;
	height:500px;
}
#content .container img
{
	margin: 10px 0px 0px 10px;
}

#content p 
{ 
	width: 400px; 
	margin-bottom: 9px; 
}

p 
{
    margin: 0px 0px 9px 0px;
}

h1
{
	font-size: 32px;
}

h2
{
	font-size: 24px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 12px;
}

#img-container
{
	margin: 0px;
	padding: 0px;
}
#img-container .pics
{
	margin: 0px;
	padding: 0px;
	height: 460px;
	width:750px;
}
#img-container .nav
{
	margin: 0px;
	padding: 5px 20px 10px 0px;
	width:900px;
	text-align:right;
	float:right;
	width:150px;
	border:1px solid #eee;
	border-right:0px;
	background-color:#fff;
}
#img-container .nav a
{
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	color:#888;
	padding-bottom:3px;
}
#img-container .nav a:hover
{
	text-decoration:none;
	border-bottom:1px solid #ccc;
	color:#222;
}
#img-container p
{ 
	width:750px;
	margin:0px;
	margin-top:5px;
	padding: 5px 0px 0px 10px;
	color: #888;
	border-top:1px solid #eee;
	
}
#img-container .imageBox
{
	width:750px;
	float:left;
	padding:0px;
	margin:0px;
}
div.infoBox
{
	margin:0px 0px 0px 20px;
	height:440px;
	width:200px;
	padding:10px;
	border:1px solid #888;
	overflow:scroll;
	background-image:url(http://www.jaysonward.com/images/trans_white_85.png);
	background-position:top left;
	background-repeat:repeat;
	color:#555;
}
div.infoBox h2
{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #444;
	margin:5px 0px 5px 0px;
	padding-bottom:4px;
}
div.infoBox li
{
	line-height:18px;
}
div.infoBox a
{
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	display:block;
}
div.infoBox a:hover
{
	text-decoration:none;
	color:#555;
	padding-bottom:3px;
	border-bottom:1px soild #ccc;
}
#once
{
	clear: left;
}
.clearer
{
	clear:both;
}