/**
* 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: #fff;
	padding:10px;
  margin-bottom: 10px;
}

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

a:link { text-decoration: none; color: #808080; }
a:active { text-decoration: none; color: #808080; }
a:visited { text-decoration: none; color: #808080; }
a:hover { text-decoration: none; color: #000; }

a img 
{ 
	border: none;
}
#mainDiv
{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:940px;
	height: 622px;
	border-top:1px solid #ccc;
		border-left:1px solid #ccc;
				border-right:1px solid #ccc;
	background-color:#fff;
		text-align:left;
}
#menu 
{
    width: 159px;
	height:620px;
	float:left;
	background-color:#fff;
	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
{
	width: 100px;
	border-bottom: 1px solid #ccc;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
	padding:6px 10px 0px 10px;
	letter-spacing:1px;
	text-align: left;
	background-color: #fff;
}
#menu ul li
{
	color: #eee;
	font:16px;
		letter-spacing:0.2px;
		width: 100px;
	border-bottom:1px dotted #666666;
		padding:6px 10px 2px 10px;
	text-decoration:none;
	text-align:left;
}

 


#sideBorder
{
	float:left;
	width:150px;
	background-color:#fff;
	height:620px;
}
#logoDiv
{
		text-align:right;
	top:0px;
	left:0px;
	width:940px;
	height:35px;
	background-color:#444;
	padding:0px;
	margin-bottom:6px;
	margin-top:6px;
	padding:0px;
	
}

#footerDiv
{
	height:15px;
	background-color:#fff;
	left:0px;
	width:100%;
		border-top:1px solid #ccc;
	margin-top:1px;
	padding:0px;
	text-align:right;
	font-size:9px;
	color:#808080;
}
#footerDiv p
{
	padding:1px 6px 0px 6px;
}
#footerDiv a
{
	text-decoration:none;
	color:#808080;
}
#footerDiv a:hover
{
	color:#ccc;
}
#content 
{
	height:620px;
	float:left;
	width:750px;
    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:560px;
}
#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 0px 0px 40px;
}
#img-container .pics
{
	margin: 0px;
	padding: 0px;
	height: 560px;
	width:660px;
}
#img-container .nav
{
	margin: 0px;
	padding: 35px 5px 10px 0px;
	width:750px;
	text-align:right;
	float:right;
	width:115px;

	background-color:#fff;
}
#img-container .nav a
{
	text-decoration:none;

	color:#888;
	padding-bottom:3px;
}
#img-container .nav a:hover
{
	text-decoration:none;

	color:#222;
}
#img-container p
{ 

	margin-left:0px;
	margin-top:5px;
	padding: 0px 0px 0px 10px;
	color: #888;

  text-align:left;
}
#img-container .imageBox
{

	float:left;
	padding:0px;
	margin:0px;
}


	 
div.infoBox
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0px 0px 20px;
	height:540px;
	width:500px;
	padding:10px 10px 10px 60px;
	border:0px solid #888;
	overflow:auto;

	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 a:hover
{
	text-decoration:none;
	color:#555;
	padding-bottom:3px;
	border-bottom:0px soild #ccc;
}
#once
{
	clear: left;
}
.clearer
{
	clear:both;
}