/* --------------------------------------------------------------
	CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus { outline: 0;}

/* --------------------------------------------------------------
	Layout
-------------------------------------------------------------- */

*, body { margin: 0; padding: 0; }
html { font-size:16px; height:101%; }

body {
	font: normal 62.5%/200% Helvetica, Arial, Geneva, sans-serif;
	color: #006480;
	background: #01477f url(images/bg.jpg) top center no-repeat;
	}
		
#wrap { margin: 0 auto; }

#wrap, 
#header, 
#content { width: 960px; }	

#header { height: 240px; }

#header h1 a { 
	width: 260px; 
	height: 190px; 
	background: url(images/logo.jpg) no-repeat; 
	text-indent:-5000px; 
	display: block;
	}

#main { 
	width: 500px; 
	float: left; 
	padding: 0 50px;
	background-color: #fff; 
	}
	
.cap { width: 600px; height: 50px; margin-left: -50px; }
.top { background: url(images/cap-top.png) no-repeat; }
.btm { background: url(images/cap-btm.png) no-repeat; }	

#sidebar { 
	width: 330px; 
	float: right; 
	}
	
.side-btn { margin-bottom: 25px; }		
	
#footer {
	color: #0296d4;
	width: 100%;
	height: 50px;
	padding-top: 20px;
	}

/* --------------------------------------------------------------
	Menu
-------------------------------------------------------------- */	

#menu-wrap { width: 500px; height: 55px; float: right; }

#menu, #menu li a { height: 55px; overflow: hidden;}
#menu, #menu li a { display: block; float: left; }
#menu li a { text-decoration: none; text-indent: -5000px; }	
	
#menu { 
	width: 500px;
	list-style-type: none;
	background: transparent url(images/menu.png) no-repeat left top;
	margin: 0;
	}

/* Tab widths */
#menu li.home a 				{ width: 74px; }
#menu li.products a 			{ width: 96px; }
#menu li.documentation a		{ width: 150px; }
#menu li.services a				{ width: 90px; }
#menu li.contact a 				{ width: 90px; }

/* Tab start points  */
#menu li.home a.active,
#menu li.home a:hover 			{ background-position: 0px bottom; }
#menu li.products a.active,
#menu li.products a:hover 		{ background-position: -74px bottom; }
#menu li.documentation a.active,
#menu li.documentation a:hover 	{ background-position: -170px bottom; }
#menu li.services a.active,
#menu li.services a:hover 		{ background-position: -320px bottom; }
#menu li.contact a.active,
#menu li.contact a:hover		{ background-position: -410px bottom; }

#menu li a.active,
#menu li a:hover	 			{ background: transparent url(images/menu.png) no-repeat left top; }

/* --------------------------------------------------------------
	Styles
-------------------------------------------------------------- */

h2 { 
	font-size: 2em; 
	line-height: 1.3em; 
	color: #0296d4; 
	margin-bottom: 15px;
	}
	
h3 { 
	font-size: 1.6em; 
	line-height: 1.1em; 
	color: #97bd34; 
	margin-bottom: 15px;
	}	

p		{ font-size:1.3em; margin-bottom:15px; }	
em 		{ font-style: oblique; }
strong 	{ font-weight: bold; }

a 		{ color: #abce39; text-decoration: none; }
a:hover { color: #abce39; text-decoration: underline; }

hr 		{ color: #888; background: #999; border: 0; height: 1px; margin: 30px 0; }

.clear	{ clear: both; }
.left	{ float: left; }
.right	{ float: right; }