@import url('_reset.css');
@import url('_fonts.css');

body { background: url('../images/background.gif') top left repeat; font: 11pt helvetica,arial,sans-serif; }
h1 { font: 15pt "SwissBI"; }
h2 { color: #001845; font: 13pt "SwissBI";  }
.mainfloat { width: 925px; margin: 0 auto; }
.separatorfw { margin: 10px 0; text-align: center; }
.separatorfw img { width: 500px; height: 2px; vertical-align: middle; }

input,textarea { border: solid 1px #001845; }
input.over { border: none; }

#mainmenu { height: 60px; color: #fff; font: 18px helvetica,arial,verdana,sans-serif; background: url('../images/navbar.png') left bottom; }
#mainmenu a { color: #fff; text-decoration: none; display: inline-block; height: 20px; padding: 20px 0;}
#mainmenu a:hover { background: url('../images/navarrow.png') center 43px no-repeat;}
#mainmenu span { display: inline-block; height: 22px; padding: 20px 10px;}

#darksector { width: 100%; height: 218px; background: #011742 url('../images/darksector.gif') top center repeat-y;}

#headerbar { height: 7px; background: #011742 url('../images/headerbar.png') top left no-repeat;}
div#logo { float: left; }
div#banner { float: right; }

#mainarea { color: #001845;; background: #fff url('../images/body.bkg.jpg') top right no-repeat; width: 921px; border: solid 2px #fff; line-height: 1.5em; }

/* Column Construct */

/* Left Column */
#leftcol { min-height: 348px; width: 280px; float: left; background: url('../images/leftcolumn.png') left top no-repeat;}
#callout { padding-top: 30px; color: #001845; font: 20pt "SwissBI";}
#phone { color: #aa042b; font: 20pt "Swiss Heavy";}
#getstarted { color: #001845; font: 12.5pt "SwissBI"; margin-bottom: 12px; }
.separator { height: 2px; margin: 12px 0; background: url('../images/line.png') center top no-repeat; }
.separator img { vertical-align: top; display: none; }

/* Right Column */
#rightcol { position: relative; display: block; margin-left: 278px; text-align: left;}
#himg1,#himg2 { position: absolute; top: 0; right: 0; width: 642px; height: 350px; }
#himg1 { z-index: 100; }
#himg2 { z-index: 50; }
#copy { position: relative; display: block; z-index: 200; width: 280px; padding: 30px 30px 0 30px; }

div#tagline { color: #fff; font: bold italic 8pt helvetica,arial,sans-serif; background: #2490d8; padding: 5px 0;}
div#footer { padding: 8px 0; background: #dbf2ff; color: #000; font: normal 9pt helvetica,arial,sans-serif; margin-bottom: 20px;}
div#copyright { float: left; padding: 15px 0 10px 40px; }
div#footer a.floatlogo { display: inline-block; height: 48px; background-image: url('../images/logos_dark.png'); background-repeat: no-repeat; background-position: 0 0;}
div#logos { width: 520px; height: 48px;  float: right; text-align: left; padding-right: 10px; }
div#logos2 { clear: right; }
div#footer a.floatlogo span { display: none; }
div#footer a:hover { background-image: url('../images/logos_light.png'); }


/*  for testing only
$logos background: url('../images/logos_dark.png') top left no-repeat;
*/
a#sdliquor { width: 220px; }
a#ndha { width: 110px; background-position: -220px 0 !important; }
a#bbb { width: 50px; background-position: -470px 0 !important; }
a#wlra { width: 140px; background-position: -330px 0 !important; }