/* CSS Document */

/*CSS Reset Reloaded*/
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: Arial; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
















/*Global Styling*/
body{background:url(/images/home-bg.gif) repeat-x #fff; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 11px;}
#skiplinks{display:none;}
a:link {color: #ff9900; text-decoration:underline}
a:visited {color: #ff9900; text-decoration:none}
a:hover {color: #ff9900; text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
h1{font-size:18px}
h2{font-size:18px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-weight:bold}

/*Layout */
#wrapper{width:100%; height:100%;}

/*sectional and roller boxes*/
#choose-type{width:800px; padding:0; margin:0 auto;}

#type1{width:320px; height:198px; float:left; background:url(/images/box1.gif) 0 0 no-repeat; padding:10px 20px 10px 30px; margin:0 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}
#type2{width:320px; height:198px; float:left; background:url(/images/box2.gif) 0 0 no-repeat; padding:10px 20px 10px 30px; margin:0 10px 0 16px; color:#fff; font-weight:bold; line-height:16px;}
#type1 h2, #type2 h2{font-weight:bold; color:#333;}
#type1 h1, #type2 h1{font-weight:bold; color:#333;}

.view{width:143px; height:40px; background:url(/images/buttons/get_quote.gif) 0 0 no-repeat;  float:right; margin:20px 0 0 0;}
.view a{width:143px; height:40px; display:block;}
.view strong{display:none;}

/*bottom boxes*/
#bottom-boxes{width:790px; height:90px; padding:0 5px 0 5px; margin:0 auto;  clear:both;}
#bottom-boxes strong{display:none;}
#box1{width:221px; height:70px; float:left; background:url(/images/bottombox5.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 19px; color:#fff;}
#box1 h2, #box1 h2 a, #box2 h2, #box2 h2 a, #box3 h2, #box3 h2 a{display:block; width:221px; height:70px; text-indent:-9999px;}

#box2{width:221px; height:70px; float:left; background:url(/images/bottombox2.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}
#box3{width:221px; height:70px; float:left; background:url(/images/bottombox3.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}

/*mast
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
#mast-nav{width:112px; height:44px; float:right; margin:25px 20px 0 0; background:url(/images/mast-nav-bg.gif) no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:5px 0 0 5px;}
#mast-nav li {display: inline; float: left;}
#mast-nav li a {display: block; padding: 0 5px 0 5px; text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}
*/

/*mast*/
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
#mast-nav{width:286px; height: 44px; float:right; margin:25px 20px 0 0; background: url(/images/mast-nav-bg.gif) 170px 0 no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:0;}
#mast-nav li {display: inline; float: left; padding:5px 0 5px 5px;}
#mast-nav li a {display: block;  text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}

/*google button*/
#google-button{width:170px; height:43px; padding:0!important;}

/*header*/
#flash-content{height:250px; width:800px; margin:0 auto;}

/*footer*/
#footer-wrap {width:100%; height:140px; background:url(/images/footer-bg.gif) repeat-x; text-align:center; clear:both;}
#footer {width:800px; height:120px; margin: 0 auto; padding-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ccc; background:url(/images/cards.gif) 0 0 no-repeat;}
#footer p{margin-top:10px;}

#footer ul {list-style:none; border:none; margin:0;	padding: 5px 0 0 0;}
#footer li {display: inline;}
#footer li a {display: inline; padding: 0 6px 0 6px; text-decoration: none; color:#fff;}
html>body #footer li a {width: auto;}
#footer li a:hover {color: #ff9900;}

/*main navigation*/
#nav{width:800px; height:31px; margin:0 auto;/*padding: 6px 0 0 6px;*/	background: url(/images/nav-up.gif) 0 0 no-repeat;}
#nav ul {list-style: none;	border: none; margin:0;	padding: 0 0 0 0;}
#nav li {display: inline; float: left;}
#nav li a {display: block; padding: 15px 0 15px 0; text-decoration: none; color:#fff;}
/*html>body #nav li a {width: auto;}*/
#nav li a:hover {color: #ff0000;}

li#nav1 a {width: 65px;}
li#nav2 a {width: 177px;}
li#nav3 a {width: 160px;}
li#nav4 a {width: 83px;}
li#nav5 a {width: 82px;}
li#nav6 a {width: 94px;}
li#nav7 a {width: 80px;}
li#nav8 a {width: 59px;}

/*65 177 160 83 82 94 80 59*/
li#nav1 a:hover { background: url(/images/nav-ovr.gif) 0px 0px no-repeat;}
li#nav2 a:hover { background: url(/images/nav-ovr.gif) -65px 0px no-repeat;}
li#nav3 a:hover { background: url(/images/nav-ovr.gif) -242px 0px no-repeat;}
li#nav4 a:hover { background: url(/images/nav-ovr.gif) -402px 0px no-repeat;}
li#nav5 a:hover { background: url(/images/nav-ovr.gif) -485px 0px no-repeat;}
li#nav6 a:hover { background: url(/images/nav-ovr.gif) -567px 0px no-repeat;}
li#nav7 a:hover { background: url(/images/nav-ovr.gif) -661px 0px no-repeat;}
li#nav8 a:hover { background: url(/images/nav-ovr.gif) -741px 0px no-repeat;}

#nav ul li strong {display: none;}

/*current page highlight*/
#nav #active{color:#ff2a00;}




/*NEW HOMEPAGE BOXES ADDED 04 AUG 2009*/
#home-boxes				{width:800px; margin:0 auto;}
.home-box				{width:321px; height:267px; float:left; padding:17px; background:url(../images/home-box.gif)0 0 no-repeat; margin:0px 22px 20px 22px}
.home-box h2			{font:bold 23px/140% Arial, Helvetica, sans-serif; color:#fca500;}
.home-box h3			{font:bold 18px/140% Trebuchet "Trebuchet MS", Tahoma, Verdana; color:#333;}
.home-box p				{font:bold 12px/140% Arial, Helvetica, sans-serif; color:#666666;}
.home-box img			{margin:8px 0;}
