/*----------------------------------------
Name: global.css
Developed by: David Tait
Date Created: July 08
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");


/* Elements
----------------------------------------*/
body
{	
	background-color:#b2b3ad;
}

.stats
{	
	background-color:#FFFFFF;
}

body, p, td, th, li, span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#666666;
}

#mainContainer
{		
	width:964px;
	margin: 0 auto;
	background-color:#DDD;
	background-image:url(../images/nav/pageback.gif);
	background-position:top center;
	background-repeat:repeat-y;
	text-align:left;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}

a:hover, a:active
{
	color: #dc052e;
}

h1
{
	margin:.825em 0 .5em 0;
	font-size:2.125em;
}

h2, .heading
{
	margin:1em 0 .5em 0;
	font-size:1.5em;
}
.replace
{
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	height:27px;
}
h2#description { background-image: url(../images/titles/description.gif); }
h2#specifications { background-image: url(../images/titles/specifications.gif); }
h2#ratecard { background-image: url(../images/titles/ratecard.gif); }
h2#photos { background-image: url(../images/titles/photos.gif); }

h3
{
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4
{
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.725em;}
.large		{font-size:1.10em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
.just		{text-align:justify;}
.top10		{margin-top:10px; }
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/

#printheader
{
	display:none;
}

#header
{
	width:964px;
	height:214px;
	background-color:#b2b3ad;
	background-image:url(../images/nav/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:left;
	
}

div#title
{	
	padding-top:20px;
	padding-left:132px;
	float:left;
}


#pdf
{	
	display:none;
	margin-top:37px;
	padding-left:22px;
	padding-right:200px;
	background:transparent url(../images/nav/page_pdf.gif) no-repeat left top;
}


/* Nav
----------------------------------------*/
ul#nav
{
	float:left;
	padding-top:115px;
	padding-left:132px;
}

#nav li{
	list-style:none;
	display:inline;
	float:left;
	margin-right:15px;
}
#nav li a{
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
#nav li.selected a{
	background-position:center left;
}
#nav li a:hover{
	background-position:bottom left;
}

		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:700px;
	margin:0 132px;
}



/* Footer
----------------------------------------*/
#footer
{
	width:964px;
	w\idth:750px;
	height:80px;
	padding:0px 107px 0 107px;
	clear:both;
	background:#b2b3ad url(../images/nav/footer.gif) no-repeat top left;
}

#footer p 
{
	font-size:.625em;
	text-align:right;
	padding-top:45px;
}

/* Video
----------------------------------------*/
#mainVideo
{
	width:700px;
	height:333px;
	background-color:#DDD;
}
#mainVideo p
{
	padding:10px;
	color:#888;
}

/* Layout
----------------------------------------*/
.leftcol
{
	width:335px;
	float:left;

}
.rightcol
{
	width:335px;
	float:right;

}
.fullcol
{
	width:700px;
	float:left;
}

#statswrapper{
	padding:10px 10px 0 10px;
}

.spectable
{
	width:100%;
}
.stats .spectable th, .stats .spectable td
{
	height:35px;
	line-height:35px;
	font-size:.9em;
}

.stats table.spectable
{
	width:400px;
}

.spectable.tech
{
	width:100%;
}

.spectable td, .spectable th
{
	padding:5px;
	border: 1px solid #888;
	text-align: center;
}
.spectable th
{
	font-weight:bold;
	background-color: #EFEFEF;
}

.spectable.tech th
{
	text-align:left;
	width:33%
}
.spectable.tech td
{
	text-align:left;
}
.photolink
{
	width:50px;
	height:50px;
	margin-right:12px;
	float:left;
	background-color:#CCC;
	border:1px solid #FFF;
}
.photolink:hover
{
	border:1px solid #dc052e;
}
p.highlight
{
	padding:10px;
	border:1px solid #888;
}