@charset "utf-8";
/* -------------------------------------------
project:	Passwater's Auto
date:		12/08/2009
------------------------------------------- */
html { min-height: 100%; font-size: 100.01%; }
body { margin:0; padding:0; color:#333; font: 62.5%/1.5 Arial,Helvetica,sans-serif; }
textarea, input, select, option, button{font: 1em Arial,Helvetica,sans-serif;}

/* RESETS 
---------------------------------------- */
*{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}

li, dt, dd, p {font-size: 1.2em;}
ul, ol, dl {margin-bottom: 1.5em; }
p{margin-bottom: 1.25em; }
li li{ font-size:1em;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }

abbr,acronym { cursor: help; }

a{color:#000; text-decoration: underline; }
a:hover, a:focus, a:active {text-decoration: none; }

/* HEADINGS 
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {font: normal 2.4em Arial,Helvetica,sans-serif; color: #000; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.9em;}
h3 { font-size: 1.6em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS 
---------------------------------------- */
.wrapper {overflow: hidden; }
.center { margin-left:auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0em;}
.left{float:left}

/* lAYOUT 
---------------------------------------- */
body{background-color:#193866;}
#wrapper{width:960px; position:relative; background-color:#FFFFFF; margin-left:20px;}
  #wrapper-inner{background:url(../images/header.gif) no-repeat left top}		
	#header{height:194px;}
    #content{display:table; overflow:hidden}

	.column{display:table-cell;}
	.box{width:220px; margin-top:10px;}
	.box-content{width:495px; padding:0 8px; border:solid #ccc; border-width:0 1px 0 1px; min-height:500px; height:auto !important; height:500px; margin-top:10px;}

/* CONTENT FORMATION 
---------------------------------------- */

#header h1 a{display:block; width:268px; height:135px; background-image:url(../images/logo.gif); position:absolute; top:50px;}
#header p{
	color:#fff;
	font-size:1.6em;
	margin-left:400px;
	padding-top:50px;
	font-weight: bold;
}
#header ul{ list-style-type:none;  position:absolute; right:10px; top:150px;}
#header ul li{float:left; padding:5px;}
#header ul li a {display:block; text-decoration:none; font-size:1.6em; font-weight:bold; color:#fff; padding-right:15px;}
#header ul li a:hover{ text-decoration:underline}

#nav{list-style-type:none; margin-left:0; padding-left:15px;}
#nav ul{padding:0; margin:0; list-style-type:none;}
#nav li{font-size:1.4em; padding:3px;}
#nav li li{font-size:1em;}
#nav li a{color:#333; text-decoration:none;}
#nav li li a{ background:url(../images/bullet.gif) no-repeat left top; padding-left:15px;}

.box-content h2{
	font-size:2em;
	margin:0 0 15px 0;
	color: #EC131A;
	font-weight: bold;
}
.box-content h3{
	font-size:1.6em;
	margin:0 0 15px 0;
	color: #2E3192;
	font-weight: bold;
}
.box-content p{ font-size:14px; }
.box-content li{font-size:1.4em;}
.box-content p.red{color:#ff0000; font-weight:bold}

.box-content ol{font-size:1.2em;}

.box-content td{
	font-size:1.6em;
	color: #2E3192;
	font-weight: bold;
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

.box h3{font-weight:bold; font-style:italic; padding:10px 5px 0 15px;}
