/* Utilites
------------------------------ */
* { margin:0; padding:0; }
:focus { outline:none; }
.hidden { display:none; }
.show { display:block!important; }
.no-margin { margin:0!important; }
.no-padding { padding:0!important; }
.no-bg { background:none!important; }
.no-border,a img { border:none!important; }
.container:after,.columns:after,.item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.img-repl { text-indent:-9999px; overflow:hidden; display:block; }
.cc { clear:both; }

/* Main styles
------------------------------ */
html { height:100%; background:#d3dae2; }
body { min-height:100%; min-width:960px; background:url(../i/bg.gif); font:.85em/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#222; }

/* body height 100% */
a { color:#1f527b; text-decoration:underline; }
a:visited { }
a:hover { color:#7b1f3f; }
a:active { }

/* Main Layout
------------------------------ */
#wrapper { min-height:100%; height:auto!important; height:100%; }

/* Header */
#header { height:175px; margin:0 50px; }
#logo { margin-top:30px; width:234px; height:107px; float:left; background:url(../i/logo.png); }
	#logo a { display: block; width:234px; height:107px; }
#phone { width:91px; height:91px; float:right; margin-top:40px; background:url(../i/100-best.png) no-repeat top left; }
#menu { height:40px; background:#204562 url(../i/menu-bg.gif) top left repeat-x; border-bottom:3px solid #eff2f5; padding:0 50px; }
#menu ul { height:40px; }
#menu ul li { list-style:none; float:left; font-size:16px; height:40px; }
#menu ul li a { color:#fff; padding:11px 25px 13px; display:block; line-height:16px; }
#menu ul li a:hover { background:url(../i/menu-bg.gif) bottom left repeat-x; }

/* Middle */
#middle { 
/* width: 100%; */
padding:0 0 100px; margin:30px 50px; height:1%; }
#middle:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
#container { width:100%; float:left; overflow:hidden; }
#content { padding:0 0 0 315px; }

/* Sidebar Left */
.sl { float:left; width:285px; margin-left:-100%; position:relative; }
.sl .item { padding:15px 0; display:block; vertical-align:middle; }
.sl .item a { display:block; font-style:italic; margin-top:25px; text-decoration:underline; }
.border { border-bottom:1px dotted #222; }

/* Footer */
#footer { margin:-100px auto 0; min-width:960px; height:60px; background:#ebebeb; border-top:2px solid #fff; padding:20px 0; font-size:11px; color:#8c8c8c; }


/* Content elements
------------------------------ */
.content h1,.content h2,.content h3,.content h4 { font:28px; margin-bottom:.5em; font-weight:normal; color:#1f527b; }
.content h2 { font-size:1.5em; }
.content h3 { font-size:1.3em; }
.content h4 { font-size:1.1em; }
blockquote { margin-left:10em; padding-left:1em; border-left:2px solid #ccc; }
code,pre { font:1.2em/1 "Courier New", Courier, monospace; padding:1px 2px; background:#eee; }
pre { border:1px dashed #aaa; line-height:1.7em; padding:5px; font-size:.9em; background:#eee; margin:0; }
strong { }
em { }
sup,sub { vertical-align:baseline; position:relative; }
sup { top:-.4em; }
sub { bottom:-.3em; }
hr { color:#ccc; background-color:#ccc; height:1px; border-width:0; }
.em { font-style:italic; }
.strong { font-weight:bold; }
.content ul,.content ol { margin-left:3em; line-height:1.3em; }
.content ul li,.content ol li { margin-bottom:.2em; }
.content dl { }
.content dl dt { margin-bottom:.2em; font-weight:bold; }
.content dl dd { padding-left:5em; margin-bottom:.4em; }
.icons a,.icon { padding:1px 0 1px 20px; background-repeat:no-repeat; background-position:left center; }
.content p,.content ul,.content ol,.content dl,.content table,blockquote,pre,.columns,.content img,hr { margin-bottom:11px; }
.box { margin:11px; }

/* Text align, float
------------------------------ */
.a-left { text-align:left; }
.a-center { text-align:center; }
.a-right { text-align:right; }
.f-left { float:left; }
.f-right { float:right; }

/*	Tables
------------------------------ */
table { border-collapse:collapse; width:100%; }
table.info th,table.info td { border:1px solid #ccc; padding:2px 3px; vertical-align:top; text-align: center;}
table.info th { background:#eff2f5; }
table.info td { background: #fff; }

/*	Columns
------------------------------ */
.columns { }
.w-5,.w-10,.w-15,.w-20,.w-25,.w-30,.w-35,.w-40,.w-45,.w-50,.w-55,.w-60,.w-65,.w-70,.w-75,.w-80,.w-85,.w-90,.w-95,.w-100,.w-33,.w-66,.w-38,.w-62 { float:left; }
.col-content { padding-right:6px; }
.col-first { padding-left:0!important; }
.col-last { padding-right:0!important; }
.w-5 { width:5%; }
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }
.w-35 { width:35%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-50 { width:50%; }
.w-55 { width:55%; }
.w-60 { width:60%; }
.w-65 { width:65%; }
.w-70 { width:70%; }
.w-75 { width:75%; }
.w-80 { width:80%; }
.w-85 { width:85%; }
.w-90 { width:90%; }
.w-95 { width:95%; }
.w-100 { width:100%; }
.w-33 { width:33%; }
.w-66 { width:66%; }
.w-38 { width:38%; }
.w-62 { width:62%; }

/* Images
------------------------------ */
.content img { border:1px solid #ccc!important; margin-top:.4em; }
.content img.null-image { padding:0!important; border:none!important; margin:0!important; }
img.f-left { margin-right:1em; }
img.f-right { margin-left:1em; }

/* Content Form
------------------------------ */
.content form { padding:.5em 0; }
.content fieldset { margin-bottom:1em; border:none; }
.content legend { margin-top:-1px; padding-bottom:1em; font-size:1.1em; font-weight:bold; }
.content .f-row { overflow:hidden; margin-bottom:.5em; }
.content label { float:left; text-align:right; width:25.99%; padding:0 2%; }
.content .f-inputs { padding-left:30%; }
.f-actions { padding-top:1em; border-top:1px solid #ccc; }

/* Inputs
------------------------------ */
input { vertical-align:middle; }
.i-checkbox { margin-top:3px; }
.i-text { width:200px; padding:1px; font:1em sans-serif; }
.button { padding:0 .25em; width:auto; overflow:visible; cursor:pointer; }

/* Corners (em)
------------------------------ */
.corners { background:#eff2f5; padding:0 15px; }
.corners-tl { height:15px; background:url(../i/corners.gif) top left repeat-x; float:left; }
.corners-tr { width:15px; height:15px; background:url(../i/corners.gif) top right repeat-x; float:left; }
.corners-bl { height:15px; background:url(../i/corners.gif) bottom left repeat-x; float:left; }
.corners-br { width:15px; height:15px; background:url(../i/corners.gif) bottom right repeat-x; float:left; }

/* Lists
------------------------------ */
ul.important { list-style:none; margin-left:65px; }
ul.important li { font-weight:bold; padding:5px 0 5px 35px; background:url(../i/imp.gif) left 4px no-repeat; }
