/* -------------------------------------------
project:	Remedent
date:		20091107
------------------------------------------- */

/* Reset (a mix of Eric Meyer's & Yahoo's reset)
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse:collapse;border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: "" ""; }
div, p, a, td {word-wrap:break-word; width:100;}

/* GENERAL
------------------------------------------- */
body { font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #666; }
a {  color: #666; }

/* HEADINGS
------------------------------------------- */
h1 {font-size: 27px; color: #006CB8; font-weight: normal; line-height: 32px;}
h2 { font-size: 18px; color: #90BE4C; line-height: 23px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px;}
h3 { font-size: 16px; color: #0093CE; line-height: 22px; padding-bottom: 5px; }
h4 { font-size: 14px; color: #999; font-weight:normal; line-height: 23px;}
h5 {font-size: 35px; color: #006CB8; font-weight: normal; line-height: 37px; text-align: center;}
p { margin-bottom: 10px; }

/* HELPERS
------------------------------------------- */
hr { margin: 20px 0 0 0; color: #0093CE; background-color: #0093CE; border: 0; height: 1px; }
.small { font-size: 11px; color: #8C8C8C; line-height: 16px;}
.statement { font-size: 11px; color: #8c8c8c; line-height: 16px;}
.notice { font-size: 11px; }
.center {text-align: center; color: #999;}
.selected { background-position: 0px -70px; font-weight: bold;}
.bl {color:#0093CE; }
.focus { font-weight: 800; color:#666; }
.white{ color: #FFF; font-size: 14px; }
.whiteTitle{ color: #FFF; font-size: 18px; padding-bottom: 15px; font-weight:bold; }
.formtxt{ line-height: 30px;}
.spacer { margin: 20px 0; padding: 20px 0; display: block; }
.padding {padding-bottom:15px;}
.fixed_height{ height: 280px;}
.bold{ font-weight:bold;}

/* LAYOUT
------------------------------------------- */
#root { border-top: #0093CE solid 4px; padding-top: 100px; }
#header{ position: relative; margin: 0 auto 20px auto; width: 908px; background:url(../images/header.png) no-repeat; min-height:385px; height: auto !important; height: 385px; }
#headerhome{ position: relative; margin: 0 auto 20px auto; width: 908px; background: url(../images/header_home.png) no-repeat; min-height:520px;}
 #toolkit { position: absolute; top: -33px; right: 142px; width: 250px; height: 20px; overflow: hidden;}
 .toolkit_home { left: 20px; right: auto; }
  #toolkit a { font-size: 10px; margin-left: 5px;}
  #toolkit span { margin-top: 2px; margin-right: 3px; }
 #contact { position: absolute; top: -40px; background: url(../images/btn_contact.png) no-repeat; width:117px; height: 32px; padding-top: 5px; right: 5px; }
  #contact a{ text-decoration: none; }
  #contact a:hover{ text-decoration: none; color: #006CB8; }
 #head_img{ position: absolute; top: 22px; left: 23px;} 
 #logo{ position: absolute; margin: 0 0 0 42px; width: 200px; height: 200px; top: -40px;}
 #logohome{ position: absolute; left: 327px; width: 200px; height: 200px; top: -85px;}
 #logo a {color: #FFF; width: 200px; height: 200px; display: block;}
 #quote{ position: absolute; width: 500px; left: 51px; top: 225px; }
 #quotehome{ position: relative; margin: 0 auto; width: 600px;  top: 190px; font-size: 35px; }
 #menu{ position: absolute; width: 873px; height: 61px; left: 21px; top: 300px; z-index: 9; }
  #menu ul{}
   #menu li{float: left; margin: 0; padding: 0;width: 291px;text-align: center; font-size: 17px; font-weight: lighter;}
   #menu li a { display: block; text-decoration: none; height: 61px; background: url(../images/btn.png) no-repeat;}
   #menu li a:hover { color: #FFF; background-position: 0px -70px; font-weight: bold; }
    #menu span { position: relative; top: 23px; left: -8px; }
	 #menu li a.selected { background-position: 0px -70px; color: #FFF;}
 #intro{ position: relative; width: 850px; margin: 0 auto 20px auto; padding: 0 25px;} 
  #intro h4 { font-size: 16px; font-style: italic; }
 #content ul {list-style: inside; margin-left: 10px; }
#rollover{ position: relative; width: 864px; margin: 0 auto 0 auto; padding: 300px 0 0 0; overflow: hidden; /* prevent collapsing block */  }
 #rollover li{ float: left; margin: 0; padding: 0 25px;width: 237px;}

#content {width: 906px; margin: 30px auto 50px auto; }
#headerhome #content { margin-top:0; }
#content a { color: #0093CE;}

#footer { position: relative; background-color: #F6F6F6; height: 40px; border-bottom: solid 3px #A4CA6E; width: 100%; top: 50px; padding: 20px 0 0 0;}	 

/* ELEMENTS
------------------------------------------- */
#contact-map {float: left; width: 380px; height: 320px; color:#666666; border: 0px solid black; }
.box { position: relative; border: 1px solid #CCC;}
 .corner { position:absolute; width:15px; background: url(../images/corner.jpg) no-repeat; }
 .corner_trans { position:absolute; width:15px; background: url(../images/corner_trans.png) no-repeat; }
  .topLeft { top:-1px; left: -1px; background-position: 0px 0px; height: 15px; }
  .topRight { top:-1px; right:-1px; background-position:-15px 0px ; height: 15px; }
  .bottomLeft { bottom:-1px; left:-1px; background-position: 0px -15px; height: 15px; }
  .bottomRight { bottom:-1px; right:-1px; background-position: -15px -15px; height: 15px; }

 .col4 {width: 212px; margin: 0 15px 15px 0; padding: 30px 200px 30px 30px; float: left; min-height: 200px;}
  .col4Right {width: 212px; margin: 0 0 15px 0; padding: 30px 200px 30px 30px;float: left; min-height: 200px;}
 .col3 {width: 228px; margin: 0 15px 15px 0; padding: 30px; float: left;}
 .col2 {width: 533px; margin: 0 15px 15px 0; padding: 30px; float: left;}	 
  .col2Right {width: 228px; margin: 0 0 15px 0; padding:30px;float: left;}
 .col2_1 {width: 380px; margin: 0 15px 15px 0; padding:30px;float: left;}
 .col2_2 {width: 380px; margin: 0 0 15px 0; padding:30px;float: left;}
 .col1 {width: 840px; margin: 0 15px 15px 0; padding: 30px; float: left;}
 .home {width: 822px; height: 162px; margin: 0; padding: 40px; float: left; background: url(../images/bg_home.png) no-repeat; margin-top: 50px;}	 

  .subcol1{ width: 170px; float: left;}
  .subcol2{ width: 280px; float: left; padding: 0 30px 0 10px;}
  .subcol3{ width: 340px; float: left; right: -25px; margin-top:-5px;} 
  .subcol4{ width: 150px; float: left;}
  .subcol5{ width: 220px; float: left; margin-right: 30px;}
  .subcol6{ width: 220px; float: left; margin-top: 37px; margin-right: 30px;}
  .subcol7{ width: 260px; float: left; margin-top: 0; margin-left: 30px;}
  .contentcol1 { width: 480px; float: left; margin-right: 30px; }
  .contentcol2{ width: 260px; float: left; margin-right: 30px; }
  .contentcol3{ width: 380px; float: left; margin-right: 30px; }
  
   .lastcol { margin-right: 0px; }
  
  .col1b {width: 840px; margin: 0 15px 15px -28px; padding: 30px; float: left;}
  .statementcol1 { position: relative; width: 400px; margin-right: 30px; float: left;}
  .statementcol2 {  position: relative; width: 400px; float:left; }
  
  .homecol1{ width: 391px; margin-right: 30px; float: left;}
  .homecol2{ width: 391px; float: left; }
  .video_overview {width: 286px; margin: 0 15px 15px 0; padding: 30px; float: left;}
  .video_player {width: 475px; margin: 0 0 15px 0; padding:30px;float: left;}
  
  .remedent { width: 340px; float: left; margin-top:-5px; background: url(../images/company_cutout.png) no-repeat; border: solid 1px #F00; }

.form {width: 215px; padding: 2px; border: 1px solid #CCC; margin-bottom: 5px; margin-top: 5px;}
.form2 {width: 270px; padding: 2px; border: 1px solid #CCC; margin-bottom: 5px; margin-top: 5px;}
.checkbox{  margin-bottom: 5px; margin-top: 5px;} 
.pdf-link {background: url(../images/pdf.gif) no-repeat; padding-left: 20px;}
.video-link {background: url(../images/video_icon.gif) no-repeat; padding-left: 22px;}
.news-link {background: url(../images/newspaper.png) no-repeat; padding-left: 16px;}
.date { margin-bottom: 0px; font-weight: bold; background: url(../images/date.png) no-repeat; background-position: 0px 3px; padding-left: 20px; }

/* Browser Fixes
-------------------------------------------------------------- */
.clearfloat { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {height: 1%; }