/***********************************************/
/* © Code Ajax (http://www.code-ajax.co.uk/)
***********************************************/

@font-face { font-family: 'Vag'; src: url('../fonts/vag-bold-webfont.eot'); src: local('?'), url('../fonts/vag-bold-webfont.woff') format('woff'), url('../fonts/vag-bold-webfont.otf') format('opentype'), url('../fonts/vag-bold-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'VagLight'; src: url('../vaglight-regular-webfont.eot'); src: local('?'), url('../vaglight-regular-webfont.woff') format('woff'), url('../vaglight-regular-webfont.otf') format('opentype'), url('../vaglight-regular-webfont.svg#webfont') format('svg'); font-weight: normal; 	font-style: normal; }

/***********************************************/
/* Page style                             */
/***********************************************/ 

html { margin: 0; padding: 0; height: 100%; }

body { background-image: url(../images/page-elements/background.jpg); font-family: arial, sans-serif; font-size: small; color: #000000; line-height: 1.4; margin: 0px; padding: 0px; }

/***********************************************/
/* H tag styles                             */
/***********************************************/ 

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-family : Vag, arial, sans-serif; font-size: 2.2em; color: #f8981d; }
h2 { font-family : Vag, arial, sans-serif; font-size: 1.6em; color: #000000; }
h3 { font-family : VagLight, arial, sans-serif; font-size: 1.2em; color: #f8981d; }
h4 { font-family : arial, sans-serif; font-size: 1.0em; color: #0f82ae; }
h5 { font-family : arial, sans-serif; font-size: 1.0em; color: #0f82ae; }
h6 { font-family : arial, sans-serif; font-size: 1.0em; color: #0f82ae; }

/***********************************************/
/* Hyperlink styles                                */
/***********************************************/

a:link { color: #f8981d; font-weight: bold; text-decoration: none; }
a:visited { color: #666666; font-weight: bold; text-decoration: none; }
a:hover { color: #0f82ae; font-weight: bold; text-decoration: none; }
a:active { color: #0f82ae; font-weight: bold; text-decoration: none; }
a:white:active { color: #ffffff; font-weight: bold; text-decoration: none; }

.info a:link { color: #000000; font-size: 1.2em;  font-weight: bold; text-decoration: none; }
.info a:visited { color: #666666; font-size: 1.2em;  font-weight: bold; text-decoration: none; }
.info a:hover { color: #000000; font-size: 1.2em;  font-weight: bold; text-decoration: none; }
.info a:active { color: #000000; font-size: 1.2em;  font-weight: bold; text-decoration: none; }

.footer a:link { color: #ffffff; font-weight: normal; text-decoration: none; }
.footer a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
.footer a:hover { color: #f8981d; font-weight: normal; text-decoration: none; }
.footer a:active { color: #ffffff; font-weight: normal; text-decoration: none; }

/***********************************************/
/* Layout divs                                 */
/***********************************************/

#supercontainer { position: relative; width: 980px; margin: 0 auto; } 

#topcontainer { position: relative; width: 980px; background-image: url(../images/page-elements/background.jpg); margin: 0 auto; } 

#logo { float: left; height: 64px; width: 300px; padding: 30px 10px 0px 20px; }

#strap { float: left; height: 51px; width: 630px; padding: 45px 20px 0px 0px; }

#telprint { float: left; width: 300px; text-align: center; margin: 40px 0px 0px 20px; position: relative; }

#telprint { display: none; }

#topnavcontainer { position: relative; width: 980px; background: transparent; margin: 0 auto; z-index: 1000; }

#topnav { position: relative; width: 980px; background: transparent; z-index: 1000; } 

/***********************************************/
/* Navigation                             */
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */
/***********************************************/

.droplinetabs { overflow: hidden; }

.droplinetabs ul { margin: 0; padding: 0; width: 100%; list-style: none; }

.droplinetabs li { display: inline; margin: 0 2px 0 0; padding: 0; }

.droplinetabs a { float: left; color: white; background: #f8981d url(../images/navigation/leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 4px 0 0; padding: 0 0 4px 3px; font-size: 1.1em; font-family : Vag, arial, sans-serif; text-decoration: none; letter-spacing: 1px; }

.droplinetabs a:link, .droplinetabs a:active { color: white; }

.droplinetabs a span { float: left; display: block; background: transparent url(../images/navigation/rightedge.gif) no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; }

.droplinetabs a span { float: none; }

.droplinetabs a:hover { background-color: #fff3e3; color: #0f82ae; /*tabs onMouseover*/ }

.droplinetabs a:hover span { background-color: transparent; }

/* Sub level menus*/
.droplinetabs ul li ul { max-width: 33%; position: absolute; z-index: 100; margin: -98px 0 0 352px; left: 0; top: 0; background: #f8981d; /*sub menu background color */ visibility: hidden; }

/* Sub level menu links style */
.droplinetabs ul li ul li a { padding: 6px; padding-right: 8px; margin: 0; background: #f8981d; /*sub menu background color */ }

.droplinetabs ul li ul li a span { background: #f8981d; /*sub menu background color */ }

.droplinetabs ul li ul li a:hover { /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */ background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

/***********************************************/
/* Main box divs                                */
/***********************************************/

#top { position: relative; margin-left: auto; margin-right: auto; z-index: 998; width: 980px; height: 5px; background: url(../images/page-elements/white-rounded-top.png) no-repeat right top; }

#middlecontainer { position: relative; width: 980px; background-color: #ffffff; margin: 0 auto; }

#middle { position: relative; z-index: 998; float: left; width: 630px; background: #ffffff; text-align: left; padding: 4px 0px 0px 10px; }

#maintext { position: relative; z-index: 998; width: 610px; padding: 0px 10px 0px 10px; overflow: hidden; }

#mainwide { position: relative; z-index: 998; width: 960px; padding: 0px 10px 0px 10px; overflow: hidden; }

#bottom { position: relative; margin-top: -2px; margin-left: auto; margin-right: auto; z-index: 998; width: 980px; height: 10px; background: url(../images/page-elements/white-rounded-bottom.png) no-repeat left bottom; }

#column { float: right; width: 330px; text-align: left; padding: 4px 0px 10px 0px; overflow: hidden; }

#footer { position: relative; min-height: 50px; width: 980px; margin-left: auto; margin-right: auto; font-size: 0.9em; color: #ffffff; text-align: center; padding: 10px 0px 0px 0px; overflow: hidden; }

#footerreg { position: relative; min-height: 50px; width: 980px; margin: 0 auto; font-size: 0.9em; color: #ffffff; text-align: center; } 

/***********************************************/
/* Main box classes                                 */
/***********************************************/

.mainorangeboxtop { margin: 20px 0px 0px 0px; width: 630px; height: 10px; background-image: url(../images/page-furniture/main-orange-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.mainorangebox { width: 610px; min-height: 136px; background-image: url(../images/page-furniture/main-orange-box-orange.jpg); text-align: left; padding: 0px 10px 10px 10px; overflow: hidden; }
.mainorangeboxbottom { width: 630px; height: 10px; background-image: url(../images/page-furniture/main-orange-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }

/***********************************************/
/* Column classes                                 */
/***********************************************/

.orangeboxtop { width: 317px; height: 10px; background-image: url(../images/page-furniture/top-right-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.orangebox { width: 297px; min-height: 136px; background-image: url(../images/page-furniture/top-right-box-orange.jpg); text-align: left; padding: 0px 10px 0px 10px; overflow: hidden; }
.orangeboxbottom { width: 317px; height: 10px; background-image: url(../images/page-furniture/top-right-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }

.lightblueboxtop { margin: 10px 0px 0px 0px; width: 317px; height: 10px; background-image: url(../images/page-furniture/light-blue-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.lightbluebox { width: 297px; min-height: 80px; background-image: url(../images/page-furniture/light-blue-box-blue.jpg); text-align: left; padding: 0px 10px 0px 10px; overflow: hidden; }
.lightblueboxbottom { width: 317px; height: 10px; background-image: url(../images/page-furniture/light-blue-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }

.lightorangeboxtop { margin: 10px 0px 0px 0px; width: 317px; height: 10px; background-image: url(../images/page-furniture/light-orange-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.lightorangeboxleft { float: left; width: 149px; min-height: 136px; background-image: url(../images/page-furniture/light-orange-box-orange.jpg); text-align: left; padding: 0px 0px 0px 10px; overflow: hidden; }
.lightorangeboxright { float: left; width: 148px; min-height: 136px; background-image: url(../images/page-furniture/light-orange-box-orange.jpg); text-align: left; padding: 0px 0px 0px 10px; overflow: hidden; }
.lightorangeboxbottom { width: 317px; height: 10px; background-image: url(../images/page-furniture/light-orange-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }

.secondblueboxtop { margin: 10px 0px 0px 0px; width: 317px; height: 10px; background-image: url(../images/page-furniture/light-blue-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.secondbluebox { width: 277px; min-height: 50px; background-image: url(../images/page-furniture/light-blue-box-blue.jpg); text-align: left; padding: 0px 0px 0px 40px; overflow: hidden; }
.secondblueboxbottom { width: 317px; height: 10px; background-image: url(../images/page-furniture/light-blue-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }

.tagtop { margin: 10px 0px 0px 0px; width: 317px; height: 10px; background-image: url(../images/page-furniture/light-orange-box-top.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.tag { width: 297px; min-height: 80px; background-image: url(../images/page-furniture/light-orange-box-orange.jpg); font-family : Vag, arial, sans-serif; font-weight: bold; text-decoration: none; text-align: left; padding: 20px 10px 20px 10px; overflow: hidden; }
.tagbottom { width: 317px; height: 10px; background-image: url(../images/page-furniture/light-orange-box-bottom.jpg); background-repeat: no-repeat;
text-align: left; overflow: hidden; }
.b1 { font-size:1.2em; } .b2 { font-size:1.4em; } .b3 { font-size:1.6em; } .b4 { font-size:1.8em; } .b5 { font-size:2.0em; } .b6 { font-size:2.2em; } .b7 { font-size:2.4em; } .b8 { font-size:2.6em; } .o1 { font-size:1.3em; } .o2 { font-size:1.5em; } .o3 { font-size:1.7em; } .o4 { font-size:1.9em; } .o5 { font-size:2.1em; } .o6 { font-size:2.3em; } .o7 { font-size:2.5em; } .o8 { font-size:2.7em; } .o9 { font-size:2.8em; }

.getstarted { font-size: 1.2em; font-weight: bold; color: #000000; text-align: left; }
.getstartedphone { font-size: 1.8em;  font-weight: bold; color: #ffffff; padding: 0px 00px 0px 25px; text-align: left; vertical-align: middle; margin-bottom: 25px; }

.phonenumber { padding: 0px 10px 0px 12px; }

.buttonpad { padding: 0px 10px 0px 30px; }

/***********************************************/
/* General                                */
/***********************************************/

.asterisk { font-size: 2em; font-weight: bold; } 

.align-right { float: right; margin: 0px 10px 10px 10px; }

.align-left { float: left; margin: 0px 15px 15px 0px; }

.blue { color: #0f82ae; }

.orange { color: #f8981d; }

.clearfloat { clear: both; height:0; font-size: 1px; line-height: 0px; }

.formbutton{ cursor: pointer; border: outset 1px #004080; background: #004080; color: #ffffff; font-weight: bold; padding: 3px 5px; background: url(../images/page-furniture/button-back.png) repeat-x left top; }

ul { list-style-type: square; }