/* ----- Master styles - The Hands Free Company ----- */

html, body {margin: 0; background:#FFF; color:#000; font:1em Arial, Verdana, Helvetica, sans-serif; height:100%; padding:0; text-align: center;}
hr {display: none; visibility: hidden;}
p {margin-top:0; line-height:1.4em;}

#container {width:980px; margin:5px auto; font-size:0.75em; text-align:left;}

#container #vanImage {width:369px; z-index:3; height:232px; margin:3px 0 -232px 202px; position:relative; background: url(../images/van_top.gif) no-repeat scroll;}

#container #header {width:980px; margin:2px 0 5px 0;}
#container #header img.logo {border:0; float:left; margin-top:14px; display:inline;}
#container #header #contact {float:right; width:395px;}
#container #header #contact p.cards {float:right; display:block; width:140px; height:63px; margin:0; padding:0; text-indent:-5555px; background: url(../images/card_payments.gif) no-repeat scroll;}
#container #header #contact p.callNow {float:right; display:block; width:196px; height:53px; margin:3px 0 0 25px; padding:0; text-indent:-5555px; background: url(../images/call_now.gif) no-repeat scroll;}

#container #header #topMenu {float:right; display:inline; width:450px; margin:7px 0 0 0;}
#container #header #topMenu ul {float:right; list-style-type:none; margin:0; padding:0;}
#container #header #topMenu ul li {float:left; background:#727272; color:#FFF; border-left:1px solid #FFF; padding:3px 5px;}
#container #header #topMenu ul li a {font-weight:bold; color:#FFF; text-decoration:none;}
#container #header #topMenu ul li a:hover {text-decoration:underline;}

#container #contentRow {}
#container #leftCol {float:left; display:inline; width:180px; margin-right:5px;}
#container #leftCol ul {width:174px; margin:0 0 5px 0; padding:0; list-style-type:none; border-left:3px solid #FFB400; border-right:3px solid #FFB400; border-bottom:28px solid #FFB400;}
#container #leftCol ul li {border-bottom:1px solid #FFB400; font-weight:bold; color:#000; padding:4px 2px 4px 8px;}
#container #leftCol ul li.first {background:#FFB400; color:#000; height:17px; padding:7px 2px 4px 8px;}
#container #leftCol ul li a {color:#000; text-decoration:none;}
#container #leftCol ul li a:hover {text-decoration:underline;}

#container #middleCol {float:left; display:inline; width:610px; margin-bottom:20px;}
#container #middleCol #middleTop {width:610px; height:95px; background:#E2E2E2; margin-bottom:5px;}

#container #rightCol {float:left; display:inline; width:180px; margin-left:5px;}
#container #rightCol img.banner {margin-bottom:5px;}

#container #footer {clear:both; width:980px; font-size:0.9em; text-align:center; color:#000; padding:5px 0;}
#container #footer a {color:#000; text-decoration:underline;}
#container #footer a:hover {text-decoration:none;}

/* -- USEFUL CLASSES -- */
.clr {clear: both; overflow:hidden}
div.clearBoth {clear:both; line-height:0px; font-size:0.5px;	height: 0px;}
