/* CSS Document - Blue Ocean Consulting */

/* --------- Default Styles --------- */
body
{
	BackGround: #122D4D url(/graphics/BodyBackground.jpg) repeat-x top;
	margin: 0;
}

/* --------- Header Styles --------- */
#header
{
	margin: 1px auto;
	padding: 0;
	height: 155px;		
	width: 968px;	
	background: url(/graphics/Header.jpg) no-repeat center;
	background-position: top;
}

/* --------- Content Styles --------- */
#content
{	
	clear: both;
	margin: auto;
	padding: 0;
	width: 861px;
	height: 497px;
}

/* --------- Left Content Styles --------- */
#content #left
{
	float: left;
	width: 260px;
	height: 458px;
	margin-top: 30px;
	background: url(/graphics/ContentLeftBackground.jpg) no-repeat center;
}

#content #left .header
{
	color: #fff;
	font-size: 16pt;
	font-family: Century Schoolbook;
	padding: 10px 0 0 15px;
}

#content #left .content
{
	color: #a1a1a5;
	padding: 15px 0 0 15px;
	font-family: Verdana;
	font-size: 10pt;
}

#content #left .content a
{
	color: #005dab;
	font-family: Verdana;
	font-size: 9pt;
	text-decoration: none;
}

#content #left .content a:hover
{
	color: #005dab;
	font-family: Verdana;
	font-size: 9pt;	
	text-decoration: underline;
}

#content #left .screenshot
{
	margin: 0;
	padding: 30px 0 0 15px;
}

/* --------- Middle Content Styles --------- */
#content #middle
{
	float: left;
	width: 261px;
	height: 458px;
	margin-top: 30px;
	background: url(/graphics/ContentMiddleBackground.jpg) no-repeat center;
}

#content #middle .content
{
	color: #4e6171;
	font-family: Verdana;
	font-size: 9pt;	
}

#content #middle .content p
{
	padding: 5px 20px 0 20px;
    line-height: 15px;
}

#content #middle .content .demotext
{
	color: #000;
	font-size: 15pt;	
	font-family: Times New Roman;
}

#content #middle .content .demoimage
{
	padding: 20px 0 0 10px;
}

#content #middle .header
{
	color: #fff;
	font-size: 16pt;
	font-family: Century Schoolbook;
	padding: 10px 0 0 15px;
}

/* --------- Right Content Styles --------- */
#content #right
{
	float: left;
	width: 340px;
	height: 458px;	
	margin-top: 30px;
	background: url(/graphics/ContentRightBackground.jpg) no-repeat center;
}

#content #right .header
{
	color: #fff;
	font-size: 16pt;
	font-family: Century Schoolbook;
	padding: 10px 0 0 15px;
}

#content #right .content 
{
	padding: 5px 20px 0 20px;
	color: #4e6171;
	font-family: Verdana;
	font-size: 9pt;	
}

#content #right .content li
{
	padding: 0 0 8px 0;
	line-height: 15px;
	list-style-image: url(/graphics/SmallArrow.jpg);
}

#content #right .content a
{
	color: #005dab;
	font-size: 10pt;	
	font-weight: bold;
	text-decoration: none;
}

#content #right .content a:hover
{
	color: #005dab;
	font-size: 10pt;	
	font-weight: bold;
	text-decoration: underline;
}

/* --------- Forgot Password Content Styles --------- */

#content #forgotpassword
{	
	background-color: #fff;
	float: left;
	width: 861px;
	height: 400px;
	margin-top: 33px;	
	vertical-align: top;
}

#content #forgotpassword .header
{	
	margin: 0;
	padding: 0;
	background: url(/graphics/BlackMiddle.jpg) repeat-x center;
	height: 41px;	
	vertical-align: top;
}

#content #forgotpassword .header h1
{	
	color: #fff;	
	padding: 8px 0 0 0;
	margin: 0 0 0 15px;
	width: 250px;
	font-size: 16pt;
	font-family: Century Schoolbook;
	font-weight: normal;	
	display: block;
}

#content #forgotpassword .header .blackleft
{	
	float: left;
	height: 41px;
}

#content #forgotpassword .header .blackright
{	
	float: right;
	height: 41px;	
}

#content #forgotpassword .content
{	
	color: #4e6171;
	padding: 30px 0 0 15px;
	font-family: Verdana;
	font-size: 10pt;
}

/* --------- Demo Signup Content Styles --------- */

#content #demosignup
{	
	background-color: #fff;
	float: left;
	width: 861px;
	height: 400px;
	margin-top: 33px;	
	vertical-align: top;
}

#content #demosignup .header
{	
	margin: 0;
	padding: 0;
	background: url(/graphics/BlueMiddle.jpg) repeat-x center;
	height: 41px;	
	vertical-align: top;
}

#content #demosignup .header h1
{	
	color: #fff;	
	padding: 8px 0 0 0;
	margin: 0 0 0 15px;
	width: 250px;
	font-size: 16pt;
	font-family: Century Schoolbook;
	font-weight: normal;	
	display: block;
}

#content #demosignup .header .blueleft
{	
	float: left;
	height: 41px;
}

#content #demosignup .header .blueright
{	
	float: right;
	height: 41px;	
}

#content #demosignup .content
{	
	color: #4e6171;
	padding: 30px 0 0 15px;
	font-family: Verdana;
	font-size: 10pt;
}


#content #demoinfo
{
	float: right; 
	width: 30%; 
	padding: 0 10px 20px 10px;
	margin: 0 30px 0 0;
	border: solid 4px #53616E;
	background-color: #122D4D; 
	color: #fff;	
}

#content #demoinfo h3
{
	color: #99BEDD;
}

#content #demoinfo a
{
	color: #fff;
	text-decoration: underline;
}

#content #demoinfo a:hover
{
	text-decoration: none;
}

/* --------- Footer Styles --------- */
#footer
{
	margin: auto;
	padding: 10px 0 0 0;
	width: 600px;
	height: 98px;
	color: #b1b1b1;
	font-family: Verdana;
	font-size: 8pt;
}

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

#footer a:hover
{
	color: #99bedd;
	text-decoration: underline;
}

#footer .left
{
	float: left;
	width: 200px;
	margin-left: 5px;
	padding: 25px 0 0 0;
	text-align: right;
}

#footer .right
{
	float: right;
	width: 380px;
	height: 98px;
}

#footer .right .logo
{
	float: left;
	width: 90px;
}

#footer .right .copyright
{
	float: right;
	width: 270px;
	padding: 30px 0 0 5px;
}