/** TAGS **/
html, body {margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: small;}
body {background: url('../images/body_bg.gif') repeat-y 50% 0 #ebebeb; text-align: center;}
h1, h2, h3 {font-family: Georgia, 'Times New Roman', serif; color: #089ceb; margin: 0; font-weight: normal;}

h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}

a {color: #089ceb;}
a:visited {color: #0e6da0;}
a:hover {color: #333;}

div {margin: 0; padding: 0;}

th, td {text-align: left; vertical-align: top; padding: 5px;}


/* STRUCTURAL ELEMENTS - Layout 
-------------------------------- */
#container {
	margin: 0 auto; padding: 0;
	width: 960px;
	text-align: left;
	background: #fff;
	color: #000;
	border: 0;
}

#header {
	margin: 0; padding: 0; 
	height: 130px; 
	background: url('../images/header_bg.png') repeat-x #fff;
}
	#header img {width: 260px; height: 130px; border: 0;}

#inner {margin: 0 20px 20px 20px; padding: 0;}
	

/* MAIN -- contains two content columns */
#main {
	float: left;
	width: 640px;
}

#nav {
	margin: 0 20px 2em 20px;
	height: 35px;
	background: url('../images/tabs.png') repeat-x 0 0 #fff;
}

/* SIDEBAR (far right)- contact, products etc. */
#sidebar {
	color: #000;
	padding: 0;
	width: 260px;
	margin-left: 660px;
}


/* FOOTER */
#footer {
	background: #089ceb; color: #fff;
	padding: 20px;
}

#footer div {margin: 0; padding: 0;}




/* THE DETAILS - inner markup
------------------------------ */
#header div {
	display:block;
	float: left;
	height: 130px;
	color: #fff;
	width: 318px;
}

#header div address {margin: 1em 0 0 0; text-align: center;}

#header .contact {float: right; text-align: right;}
#header .contact ul {margin: 1em 1em 0 0; padding: 0;}
#header .contact li {list-style: none;}

#header a,
#header a:visited {color: #fff;}
#header a:hover {color: #000;}

#inner {clear: left;}


#nav ul {margin: 0; padding: 0;}
#nav li {display: block; float: left; margin-right: 1em;}
#nav li a {
	display: block; float: left; 
	/*padding: 0.5em 1em;*/
	height: 35px; line-height: 35px; margin: 0; padding: 0 1em;
	 min-width: 4em;
	text-align: center;
	background: url('../images/tabs.png') 100% -35px #555; 
	color: #fff;
	font-weight: bold; text-decoration: none;
}
#nav li a:hover {background-position: 100% -70px; background-color: #089ceb; color: #fff;}


#slider {
	margin: 0 0 20px 0; padding: 0;
	width: 635px; height: 190px;
	background: #f0f0f0;
}

#slider img {border: 0; margin: 0; width: 635px; height: 190px;}


/** #main TEXT COPY **/
#main p, #main li {line-height: 150%; margin-bottom: 1em;}
#main li ul {margin: 1em 0;}


/* two columns within #main */
#articles, #videos {
	float: left;
}
#articles {width: 370px;}
#videos {width: 250px; margin-left: 20px;}

.article {min-height: 110px; margin-bottom: 20px;}
.article img {width: 100px; height: 100px; border: 0; float: left; margin: 0;}
.article h3, .article p {
	color: #000;
	margin-left: 110px;
}
.article h3 a {color: #000; text-decoration: none;}
.article h3 a:hover {color: #089ceb; text-decoration: underline;}

.articleThumb {width: 100px; height: 100px; float: left; margin: 10px 10px 10px 0;}

#videos h2 {margin-bottom: 1em;}
.video {width: 250px; height: 180px; margin: 0 0 20px 0; background: #f0f0f0;}


/* Sidebar */
#accred_14001 {display: block; margin: 0 auto 20px auto;; width: 180px; height: 360px;}

#sidebar .box {
	margin: 0 0 20px 0; padding: 10px;
	background: #f6f6f6;
	border: 1px solid #dcdcdc;
}

#subscribe h2 {
	background: url('../images/mail.gif') no-repeat transparent;
	padding-left: 55px;
	height: 45px; line-height: 45px;
}

/* subscription complete - Ajax activated */
#subscribe.complete {background: #089ceb; color: #fff;}
#subscribe.complete h2 {color: #fff;}

#sidebar #contactBox.box {background: #089ceb; color: #fff; text-align: right;}
#contactBox #phone {font-weight: bold; font-size: 1.2em;}
#contactBox a {color: #fff; font-weight: bold;}
#contactBox a:hover {color: #fae974;}

#contactBox ul {margin: 0 0 20px 0; padding: 0;}
#contactBox li {list-style: none; margin: 0; padding: 0; line-height: 150%;}
#contactBox span.bold {margin-right: 1em;}

#products li {line-height: 150%;}


/** GUARANTEE **/
#guarantee {border: 4px solid #000; font-weight: bold; padding: 10px 10px 0 10px; margin: 1em 0;}
#guarantee p {margin: 0 0 2em 0;}


/* Footer */
#copy {float: left; display: inline;}
#contact {float: right; text-align: right;}
	#contact span {margin-right: 1em;}
	#contact p, #contact address {display: inline;}
	
	
	
/* COMMON classes etc
----------------------- */
.fLeft {float: left; margin: 0 10px 10px 0;}


address {font-style: normal;}

.clear {clear: both; height: 2px;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.big {font-size: 1.5em; font-weight: bold;}
.under {text-decoration: underline;}
	
ul.errors {
	border-left: 20px solid #1F4B7F;
	padding: 1em 0 1em 2em;
	list-style: square;
	background: #e6e6e6;
}

/** REPORT FORM **/
#main #report_form {
	background: url('../images/dt_report.jpg') 330px 0 no-repeat;
	width: 580px;
}

#sidebar #report_form {
	background: url('../images/dt_report_small.jpg') 50% 100% no-repeat;
	padding-bottom: 150px;
	margin-bottom: 2em;
}