body {padding:0;margin:0;background:#999 url(../i/big.gif) fixed repeat-x;color:#222;text-align:center; }
p {font: 12px/1.6em Arial, Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;}

h1 {text-indent:-1999px;margin:0;padding:0}
h1 a {display:block;width:800px;height:92px;margin:0;padding:0;border:none}
h1 a:hover {text-decoration:none;background:transparent}
h3 {font:18px Arial,Helvetica,sans-serif;font-weight:bold;color:#084C8D;margin:0 0 10px 0; letter-spacing: -0.02em;}
h3 span {font:15px Arial,Helvetica,sans-serif;font-weight:normal;color:#084C8D;margin: 15px 0;}
h4 {font:14px/1.4em Arial,Helvetica,sans-serif; font-weight:bold;color:#084C8D; background:url(../i/orange_block.gif) 0 5px no-repeat; padding: 0 17px; margin: 18px 20px 0 20px; }
h4 span {font:13px Arial,Helvetica,sans-serif; font-weight:normal;color:#111;}
h5 {font:14px Arial,Helvetica,sans-serif;font-weight:bold;color:#084C8D;margin:25px 0 5px 0; letter-spacing: -0.02em;}
h6 {font:12px Arial,Helvetica,sans-serif;font-weight:normal;margin:8px 0 0 35px; padding: 1px 0 5px 23px; background: url(../i/email.gif) 0 0 no-repeat;}

a {color:#084C8D;text-decoration:none;border-bottom:1px dotted #084C8D}
a:hover {color:#FF7500;text-decoration:none; border-bottom:1px dotted #FF7500}
a span {display:none}
h4 a {color:#333}
img {border:none}
p {padding:0;margin:0 0 13px}
br {clear:both}



#wrapper {width:800px;margin:0 auto;padding:0;text-align:left}
#head,#nav,#content {margin:0;padding:0}
#head {height:94px;background:url(../i/head.gif) no-repeat}
#nav {height:30px;width:800px;background:url(../i/nav-bg.gif) no-repeat}
#content {background:#fff;width:800px}
#page {width:480px;float:left;padding:20px 20px 5px 20px;margin:0}
#content #large {width:100%;padding:20px;margin:0}
#content #sidebar {width:241px;margin:0 0 0 537px;padding:20px 0 0 0}


#nav ul {width:800px;padding:0;margin:0;list-style-type:none}
#nav ul li {float:left;padding:0;margin:0;list-style-type:none}
#nav ul li a {display:block;height:30px;border:none}
#nav ul li.home a {background:url( ../i/b_home.gif) 100% 0;width:63px}
#nav ul li.home a:hover {background:url(../i/b_home.gif) 100% -30px}
#nav ul li.projects a {background:url(../i/b_projects.gif) 100% 0;width:76px}
#nav ul li.clients a {background:url(../i/b_clients.gif) 100% 0;width:68px}
#nav ul li.about a {background:url(../i/b_about.gif) 100% 0;width:80px}
#nav ul li.eshop a {background:url(../i/b_eshop.gif) 100% 0;width:90px}
#nav ul li.contact a {background:url(../i/b_contact.gif) 100% 0;width:69px}
#nav ul li a.current {background-position:100% -30px}
#nav ul li a:hover {text-decoration:none;background-position:100% -30px}


#page div.left {float:left;width:220px}
#page div.left h4 {width:220px}
#page div.right {width:230px;float:right}
#page div.right h4 {width:220px}

#page ul {margin: 15px 0; list-style:none; background: #f3f3f3; padding: 4px 15px; }
#page li {font:13px Arial,Helvetica,sans-serif; font-weight:normal;color:#084C8D; background:url(../i/grey_block.gif) 0 3px no-repeat; margin: 7px 0; padding: 0 17px; }


dl {margin:20px 0 10px;padding:0}
dt {margin:10px 0;padding:0;font-weight:bold}
dd {margin:10px 15px;padding:0}

#page img.right {margin:0 0 10px 10px;float:right; background: #eee; padding: 5px; border: 1px solid #888;}

#homead { width: 468px; height: 186px; background: url(../i/checkout.gif) top left no-repeat; margin:0 0 15px 0; padding: 2px;}
#homead_left { float: left; width: 197px; height: 182px; background: url(../i/cam.gif) no-repeat; margin: 0; }
#homead_right { float: right; width: 269px; margin: 112px 0 0 0; }
#homead_right p { color: #000; font-size: 11px; margin: 0 0 0 15px; }
#homead a {color:#084C8D;text-decoration:none;border-bottom:1px dotted #084C8D}
#homead a:hover {color:#FF7500;text-decoration:none; border-bottom:1px dotted #FF7500}

#cam_buttons { color: #fff; margin: 8px 0 0 0; text-transform: uppercase;}
#cam_buttons p { line-height: 20px;}
#cam_buttons a { color: #fff; font-size: 14px; font-weight: bold; background: url(../i/arrow.gif) left no-repeat; padding: 0 0 0 17px; border: none; text-decoration: none; }
#cam_buttons a:hover { color:#FF7500; border-bottom: 1px dotted #FF7500;}


#features, #options, #contacts {width:241px;padding:0 0 4px;margin:0 0 30px;background:url(../i/right_foot.gif) no-repeat bottom;}

#features h2 {width:241px;height:33px;background:url(../i/features-head.gif) no-repeat; margin:0;padding:0}
#options h2 {width:241px;height:33px;background:url(../i/options-head.gif) no-repeat; margin:0;padding:0}
#contacts h2 {width:241px;height:33px;background:url(../i/contacts.gif) no-repeat; margin:0;padding:0}

#features ul, #options ul {list-style: none; margin:0;padding:5px 10px 6px;font:12px/1.4em Arial,Helvetica,sans-serif; font-weight: bold; color: #222; border-left:1px #9A9A9A solid;border-right:1px #9A9A9A solid}
#features li {margin:0;padding:8px 0 8px 22px; background: url(../i/info.gif) 0 8px no-repeat; border-bottom: 1px dotted #aaa;} 
#options li {margin:0;padding:5px 0 5px 22px; background: url(../i/arrow.gif) 4px 8px no-repeat; font-size: 13px;}
#no_border li { border:none; }
#features div.foot, #options div.foot, #contacts div.foot {width:241px;height:4px;background:url(../i/right_foot.gif) no-repeat}
#features div.foot p, #options div.foot p, #contacts div.foot p {margin:0;line-height:12px}

#contacts ul {list-style: none; margin:0;padding:5px 10px 6px;  font:12px Arial,Helvetica,sans-serif; color: #222; border-left:1px #9A9A9A solid;border-right:1px #9A9A9A solid}

.headlist {
margin:0;padding:5px 0 0 22px; background: url(../i/info.gif) 0 8px no-repeat; line-height: 1.7em; font:13px; font-weight: bold; text-transform: uppercase; color:#084C8D;
}

.normallist {
margin:0; padding:0 0 0 22px; font-weight: normal; line-height: 1.5em;
}

.bottomlist {
margin:0 0 5px 0; padding:0 0 8px 22px; font-weight: normal; line-height: 1.5em; border-bottom: 1px dotted #aaa;
}

#footer {
clear: both;
padding: 10px 10px;
margin: 0;
background: #fff url(../i/footer.gif) bottom no-repeat;
color: #222;
font: 11px Arial, Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;}
}

#footer ol {list-style: none; margin: 0;}
#footer li {display: inline; padding: 5px 20px 5px 15px; margin: 0;}
#footer a {border:none;}
#current {color:#FF7500; background: url(../i/footer_list.gif) right no-repeat;}
#footer_border {background: url(../i/footer_list.gif) right no-repeat;}

#viewcams { width: 468px; padding: 0 0 4px 0; background:url(../i/viewcamfoot.gif) bottom no-repeat; margin: 0 0 15px 0;}
#viewcams p {background: url(../i/domesmall.jpg) bottom right no-repeat; margin:0;padding:5px 20px; font:13px/1.8em Arial,Helvetica,sans-serif; font-weight: normal; border-left:1px #9A9A9A solid;border-right:1px #9A9A9A solid;}
#viewcams h4 {width:468px;height:33px; margin:0;padding:0; background: url(../i/viewcam.gif) no-repeat;}

#ssaib { width: 220px; background: url(../i/ssaib.gif) bottom right no-repeat; height: 75px; }

#contacts {
line-height: 1.8em;
}

#contactleft {
width: 250px;
float:left;
margin:0;
padding: 0;
}

#contactright {
width: 225px;
float:right;
margin:0;
padding: 0;
}

.weblink {
font-size: 11px;
padding: 0 37px;
}

#cams {
font-size: 11px;
margin: 10px 0;
}

#cams td {
padding: 18px 2px 18px 3px;
text-align: center;
}