/* global stuff */
* {outline-style:none; margin:0; padding:0;}
html {font:normal 62.5% Trebuchet, 'Trebuchet MS', Arial, sans-serif;}
body {font-size:1.2em; background:#fff; color:#333; text-align:center; line-height:1.4em;}
a, a img, img {border:none;}
p {margin:1em 0;}
h1 {margin:1.2em 0;}
h2 {margin:1em 0;}

a:link, a:visited {color:#8d9d1f; text-decoration:none;}
a:hover {text-decoration:underline;}

/* structure */
#container {width:780px; margin:0 auto; text-align:left; position:relative;}
#header {height:80px; background:url(/images/logo.gif) no-repeat; overflow:hidden;}
#footer {padding:3.5em 0 1em 0; text-align:center; clear:both; border-top:dotted #999 1px;}
#content {}
#top_nav {position:absolute; top:36px; right:0; color:#8d9d1f;}
#top_nav, #nav ul {list-style-type:none; overflow:hidden;}
#top_nav li {float:left; padding:0 0.2em; font-size:1.1em;}
#nav ul {height:30px; background:url(/images/nav.gif) no-repeat; text-indent:-9999px; position:relative;}

/* navigation matrix */
#nav li {float:left;}
#nav li a {position:absolute; height:30px; display:block; font-size:1%; background-image:url(/images/nav.gif);}
#nav_hom a {left:94px; background-position:-94px 0; width:105px;}
#nav_pro a {left:198px; background-position:-198px 0; width:129px;}
#nav_com a {left:327px; background-position:-327px 0; width:131px;}
#nav_est a {left:458px; background-position:-458px 0; width:129px;}
#nav_faq a {left:587px; background-position:-587px 0; width:97px;}

#nav_hom a:hover {background-position:-94px -30px;}
#nav_pro a:hover {background-position:-198px -30px;}
#nav_com a:hover {background-position:-327px -30px;}
#nav_est a:hover {background-position:-458px -30px;}
#nav_faq a:hover {background-position:-587px -30px;}

/* specific structure elements */
#header h1, #header h2 {text-indent:-9999px;}
#footer ul {list-style-type:none;}
#footer li {display:inline; color:#8d9d1f;}
#smile {width:510px; height:341px; background:url(/images/WiFi_Wireless_Dog_Fence_splash.jpg) no-repeat; float:left; margin-top:5px;}
#smile {margin-right:1px;}
#vid {margin:5px 0 0 5px; float:left;}
.ot_box {width:521px; height:310px; margin-right:6px; float:left; margin-top:5px;}
#contact {background-image:url(/images/contact.jpg);}
#about {background-image:url(/images/about.jpg);}

/* column/box styles */
div.box {width:252px; height:310px; background:url(/images/col1.gif) no-repeat; float:left; margin-top:5px; overflow:hidden; color:#666; position:relative;}
.box h3 {padding:0.5em 0 0.2em 0.8em; color:#fff; font-weight:normal;}
.box p {padding:0.4em 0.6em;}
.mid {margin:5px;}
#seal {width:90px; height:93px; margin:0 81px; background:url(/images/seal.gif) no-repeat;}

/* misc classes */
.clrBth {clear:both;}
/*br.clrBth {height:0;}*/
.space {height:20px;}
.rgt {float:right; margin:0.4em;}
.lft {float:left; margin:0.4em;}
ul#faq {margin:0 0 0 1.4em;}
ul#faq li {margin:0.8em 0;}
ul#faq li strong {color:#555; font-size:1.1em; padding:0.4em 0; }
table.estimator {margin:1em 0; border:dotted 1px #999; padding:0.3em;}
table.estimator input {text-align:right;}
table.estimator td {padding:0.4em;}
table.estimator tr th {text-decoration:underline;}
.note {color:#666; font-size:0.9em;}
.est_btns {text-align:center;}
input.in {background-color:#fff59a;}
a.nxt {background:url(/images/arrow.gif) right center no-repeat; padding:10px 34px 10px 0; font-size:1.2em; color:#9e0b0f; font-weight:bold;}
a.nxt {position:absolute; bottom:0;}


/* video popup */
#vid_box { text-align:center;}
#vid_head {width:360px; height:60px; background:url(/images/popuplogo.gif) no-repeat; margin:0 auto;}