@charset "utf-8";
@import url('reset.css');
/************************/

body { text-align:center; background-image:url('img/backgrnd.gif'); font:normal 62.5%/160%  Verdana, Tahoma, arial, sans-serif; color:#121212;}

h1, h2, h3, h4, h5 {font-weight:bold; color:#06c; font-family: Arial, Tahoma, Sans-serif;}
h1 {font-size:16px; font-variant: small-caps; margin-bottom:8px; }
h2 {font-size:14px; font-variant: small-caps; margin-bottom:8px; color:#cc002c}
h3 {font-size:14px; font-variant: small-caps; margin-bottom:8px; color:#cc002c; }

p {padding-bottom:8px;}

blockquote {
  margin-bottom:20px;
  padding: 8px 8px 8px 45px;  
  font: bold 12px/150% "Trebuchet MS", Tahoma, arial, Sans-serif; 
  color: #06c;
  border: 1px dashed #6e96d5;   
  background: #f8fafd url('img/quote.jpg') no-repeat 8px 6px;}

a {color:#00f; font-weight:bold; text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:focus {text-decoration:underline;}

/************Font/Color Span Classes*******************/

.white {color:#fff;}
.black {color:#000;}
.red {color:#cc002c}
.rb {color:#cc002c; font-weight:bold}
.green {color:green;}
.link {color:#00f; font-weight:bold;}


.ltblu {background-color: #f7fcfc;}
.ltgrey {background-color: #f2f2f2;}
.ltgold {background-color: #fff9f2;}
.blue {color:#39c;}
.blue2 {color:#06c;}
.blue3 {color:#09f;}
.blue4 {color:#036;}

/*********** Images, Floats & Other Classes ***********/

.fll {float:left; margin-right:8px;}
.flr {float:right; margin-left:8px;}
.clear {display:block; clear:both;}
.block {display:block;}

/* The Wrappers */

#bgw { margin:0 auto; padding:6px 0; width:992px; background-color:#222;}
#wrap { width: 968px; border:6px solid #5c89c7; margin: 0 auto; background:url('img/qback.gif') repeat top; background-color:#fff; text-align: left; }

/* Header & Logo */
 
#head {height:60px; margin:12px 4px 6px;}
	#head img.fll {height:60px; width:440px; margin:0; margin-right:16px;}
	#head img.flm {float:left; width:88px; height:31px; margin:0; margin-right:16px; padding-top:14px;}
	#head h1 {margin:0; padding-top:6px; color:#06c;}
	#head h2 {padding-top:3px; color:#4189dd;}
  
/* Top Text & Pictures */

#top {height:70px; margin:0 4px 0}
	 #top p {font-family:Arial, Helvetica, sans-serif; line-height:120%; text-align:justify; margin-bottom:1%; color:#444}
	 #top p:first-line {font-variant: small-caps; font-weight: bold }
	 #top img.fll {margin:0 16px 1% 4px; width:120px; height:57px; padding-top:2px;}
	 #top img.flr {margin:0 4px 1% 16px; width:153px; height:60px;}
	 
/* The Navigation Bar */
   
#wrap #nav {height:36px; margin:2px 0 0 7px;}

/* The Content and rCol Container */

#inwrap {margin-top:8px}

/* Main Content */

#inwrap #content {float:left; padding:10px; width:630px; padding-top:0}
	#content p {text-align:justify; font-size:1.1em; margin-bottom:10px;}
	#content p img {margin-top:3px;  margin-right:8px; width:120px; height:90px; border:none; float:left; }

	#content p:first-line {font-variant:small-caps; font-weight:bold }
	.dropcap {float:left; color:#4189dd; font-size:80px; line-height:60px; padding-top:3px; padding-right:5px; font-family: Georgia, Century, serif;}

	#content h2 {display:block;}
		
/* Main Content Table Css Code - easier'n it should be ;> */

#inwrap #content table {border-collapse:collapse; margin:10px; width:630px;}

#inwrap #content th {
	background-color: #06c;
	height: 28px;
	vertical-align: middle;
	text-align: left;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; color:#fff;}
	#inwrap #content th.first {border-left:0px; width:90px;}
	#inwrap #content th.second {border-left:0px;}
	#inwrap #content th.third {border-left:0px; width:80px;}
	#inwrap #content th.fourth {border-left:0px; width:74px;}

#inwrap #content tr td {background-color:#f8f8f8;}
	#inwrap #content tr.first {font-weight:bold;}
	#inwrap #content tr.row-b td {background:#e8e8e8;}

#inwrap #content td {padding:6px; vertical-align:middle;}
	#inwrap #content td img {vertical-align:baseline;border:0;}
	#inwrap #content td.model {border-left: 0px; font-weight:bold; color:#c00; border-right:none}
		#inwrap #content td.model img {border:1px dashed #000; padding:2px; background-color:#f8f8f8;}
		#inwrap #content tr.row-b td.model img {border:1px dashed #000; padding:2px; background-color:#e8e8e8;}

	#inwrap #content td.exp {font-weight:normal; border-left:1px dashed #999;}
	#inwrap #content td.go {border-left:1px dashed #999;}
	/* Thanks Helena @ http://www.littleblueplane.com */
#inwrap #content tr:hover td {background-color:#f7fcfc; font-weight:bold;}
#inwrap #content tr:hover.row-b td {background-color:#fff9f2; font-weight:bold;}

/* Form Elements */

#content fieldset {
 margin-left: 5px;
 border: 1px dashed #5c89c7;
 width: 600px;}

#content legend {
 margin-left:25px;
 font: bold 12px arial, sans-serif; color: #fff;
 background: #036;
 border:1px solid #5c89c7;
 padding: 5px 10px;}

form {}
	
label {display:block;font-weight:bold;margin:5px 0;}
	
input {padding:2px;	border:1px ridge #5c89c7;	font: normal 1em Arial, Sans-serif; color:#000;}
	
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, Sans-serif;
	border: 2px ridged #000;
	height:100px;
	display:block;
	color:#777;}
	
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 5px; 
	color: #fff;
	background: #036;
	border: none;
    border:1px solid #5c89c7;}
	
/* Right Column */
	
#inwrap #rcol {padding:0 0 0 5px; float:right; width:310px;}
#inwrap #rcol p img {width:300px; height: 250px;}

/* Right Column Carousel */

.carousel {width:300px; margin-bottom: 12px; overflow: hidden;}
	.carousel img {width:300px; height: 250px; border:none; display: inline;}
	.carousel .rcarousel {width:300px; clear: both; padding: 0;}

/* Footer */
  
#wrap #foot {
  font: bold 11px Arial;
  border-top:1px dashed #ddd;
  padding:10px;}

/*  The Tabber */

#tabbed_box {width:300px;}
#tabbed_box h3 small {
	color:#06c;
	font-weight:normal;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-1px;
	left:6px;
	letter-spacing:0px;}

.tabbed_area {
	border:none;
	background-color:transparent;
	padding-top:5px;
	margin-bottom:12px;
}

ul.tabs {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px; /* This one for Firefox */
*margin-bottom:6px; /* This one for IE */
}

ul.tabs li {
	list-style:none;
	display:inline;
}

ul.tabs li a {
	background-color:#edf0f8;
	color:#666;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #999; 
}
ul.tabs li a:hover {
	background-color:#00f;
	border-color:#999;
	color:#cc002c;
}
ul.tabs li a.active {
	background-color:#fff;
	color:#000;
	border:1px solid #999; 
	border-bottom: 1px solid #fff;
	outline:none;
}

.contab {
	background-color:transparent;
	padding:10px;
	border:1px solid #999; 	
}
#content_2, #content_3 { display:none;}

.contab ul {
	margin:0px;
	padding:0px 20px;
}
.contab ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding:10px 0;
	font-size:11px;
}
.contab ul li a {
	text-decoration:none;
	color:#06c;
}
.contab ul li a:hover {
	text-decoration:underline;
	color:#00f;
}

.contab ul li a small {
	color:#666;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}

.contab ul li:last-child {
	border-bottom:none; 
}

ul.tabs li a {
	background-image:url(img/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a.active {
	background-image:url(img/tab_on.gif);
	background-repeat:repeat-x;
	background-position:top;
	outline:none; 
}
.contab {
	background-image:url(img/content_bottom.gif);
	background-repeat:repeat-x;	
	background-position:bottom;	
}

/* The ColumnAds */

#adcol {background-color:#fff; margin:0 10px 10px 0; background:url('img/adsbak.gif') no-repeat top;}

.adcolt {width:300px; height:150px; display:block;}
	.adcolt ul li { display:inline;}
	.adcolt img {float:left; width:125px; height:125px; padding:16px 0 0 16px; margin-bottom:10px;}

.adcolb {width:300px; height:150px; display:block; margin-left:0;}
	.adcolb ul li { display:inline;  margin-left:0;}
	.adcolb img {float:left; width:125px; height:125px; padding:5px 0 0 16px; margin-bottom:10px;}