/* 	This is an open source XHTML/CSS website template created by Manjeet Singh Sawhney (http://www.manjeetss.com)
	You can use this template, but a reference to my website (www.manjeetss.com) would be appreciated. If you need any help or would like me to develop a website for you then please contact me via my website or e-mail me at manjeetss@gmail.com
*/

body
{
	margin: 0 0 60px 0;
	padding: 0;
	background: #fff;
	font-size: 100%;
	font-family: Helvetica, Arial, Verdana;
	color: #666;
}

img
{
	border: 0;
}

#container
{
	margin: 0 auto;
	width: 800px;
}

#imgcontainer 
{
         display:inline-block;
}

#navbar
{
	width: 800px;
	height: 85px;
	border-bottom: 2px solid #00baff;
}

#navleft
{
	float: left;
	width: 300px;
	height: 100px;
}

#navleft h1
{
	margin: 45px 0 0 15px;
	padding: 0;
	font-size: 170%;
	font-weight: normal;
	color: #00baff;	
}

#navleft a
{
	color: #00baff;
	text-decoration: none;	
}

#navright
{
	float: left;
	width: 500px;
	height: 100px;
}

#navright ul
{
	margin: 55px 15px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	color: #ccc;
}

#navright ul li
{
	display: inline;
	margin: 0 0 0 10px;	
}

a
{
	text-decoration: none;
	color: #00baff;	
}

a:hover
{
	color: #2eff29;
}

#navright ul li a
{
	text-decoration: none;
	color: #999;
	font-weight: bold;	
}

#navright ul li a.active
{
	text-decoration: none;
	color: #00baff;
	font-weight: bold;
}

#navright ul li a:hover
{	
	color: #2eff29;
}

#main
{
	width: 800px;
	line-height: 160%;
	padding: 15px 0 0 0;
	border-bottom: 2px solid #00baff;
}

#main p
{
	margin: 0 15px 15px 15px;	
}

#main h2, h3
{	
	margin: 0 0 15px 0;
	padding: 5px 15px;
	font-size: 120%;
	font-weight: normal;
	color: #00baff;
	border-bottom: 1px solid #E5E5E5;
}

#main img.left
{
	float: left;
	border: 1px solid #CDCDCD;
	padding: 5px;
	margin: 0 15px 5px 15px;
}

#main iframe.left
{
	float: left;
	border: 1px solid #CDCDCD;
	padding: 5px;
	margin: 0 15px 5px 15px;
}

#mainright
{
	float: left;
	width: 485px;
	padding: 0 15px 0 0;	
}

#mainright img.left
{
	float: left;
	border: 1px solid #CDCDCD;
	padding: 5px;
	margin: 0 15px 5px 15px;
}

#mainright img:hover.left
{
	border: 1px solid #2eff29;
}

#mainright img.right
{
	float: right;
	border: 1px solid #cdcdcd
	padding: 5px;
	margin: 0 15px 5px 15px;
}

#mainright img:hover.right
{	
	border: 1px solid #2eff29;
}

#mainleft
{
	float: left;
	width: 255px;
	padding: 0 30px 0 15px;
}

#mainleft .leftmenu
{
	text-align: left;
	margin: 5px 10px 5px 10px;	
	font-weight: bold;	
}

#mainleft .leftmenu a
{
	display: block;
	padding: 0px 5px 0px 5px;	
	color: #00baff;	
	text-decoration: none;
}

#mainleft .leftmenu a:hover 
{	
	color: #2eff29;	
}

#bottom
{
	clear: both;
	width: 800px;
}

#footer
{
	float: left;
	width: 800px;
	height: 50px;
	color: #999;
}

#footer p
{
	margin: 0;
	padding: 15px;
}

#footer a
{
	color: #999;
	text-decoration: none;
}

#footer a:hover
{
	color: #00baff;
	text-decoration: none;
}

#footerleft
{
	float: left;
	width: 300px;
	height: 50px;
}

#footerright
{
	float: left;
	width: 500px;
	height: 50px;
	text-align: right;
}

#footerleft a, #footerright a
{
	font-weight: bold;
	color: #00baff;
}

#footerleft a:hover, #footerright a:hover
{
	color: #2eff29;
}