body{background:#fff url('../img/bg000000.png') repeat-y center;}
#wrapper{margin:0 auto;width:960px;padding:36px 0;background-color:#fff;position:relative;}
#primary{position:relative;float:left;width:716px;border-right:1px dotted #8b9298;padding-right:10px;}
#secondary{width:224px;position:relative;float:right;}
.col{width:336px; padding-right:10px;border-right:1px dotted #8b9298;float:left;margin-right:10px;} /* height:300px; */
.col{width:224px;padding-right:10px;border-right:1px dotted #8B9298;float:left;margin-right:10px;}
.span-2{width:468px;float:right;}
.last{margin-right:0;border:0;padding-right:0;}
.grid-1{width:224px;padding:10px 10px 10px 0;border-right:1px dotted #8b9298;border-bottom:1px dotted #8b9298;float:left;}
.grid-2{width:224px;padding:10px 10px 10px 10px;border-right:1px dotted #8b9298;border-bottom:1px dotted #8b9298;float:left;}
.grid-3{width:224px;padding:10px 0 10px 10px;border-right:0;border-bottom:1px dotted #8b9298;float:left;}
.grid-4{width:224px;padding:10px 10px 10px 0;border-right:1px dotted #8b9298;border-bottom:1px dotted #8b9298;float:left;}
.grid-4a{width:709px;padding:10px 10px 10px 0;border-right:1px dotted #8b9298;border-bottom:1px dotted #8b9298;} /* 672 */
.grid-5{width:224px;padding:10px 10px 10px 10px;border-right:1px dotted #8b9298;border-bottom:1px dotted #8b9298;float:left;}
.grid-6{width:224px;padding:10px 0 10px 10px;border-right:0;border-bottom:1px dotted #8b9298;float:left;}
.bottom{border-bottom:0;}
#header{padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #919195;}
#index #header {margin-bottom:0;}
#header a.logo{display:block; width:183px; height:50px; margin:0 0 0 805px; padding:0; background:url('../img/logo.png') no-repeat 0 0; }
#header a:hover.logo{background:url('../img/logo.png') no-repeat 0 -51px;}
.container{width:716px;padding:0;margin:0 0 20px 0;clear:both;}
.container .sub{width:102px ;float:left;margin:0;padding:0;}
.container .main{float:right;width:594px;margin:0;padding:0;}
.container .main .col{width:286px;}
.container .main .last{margin-right:0;border:0;padding-right:0;}
.container2{width:594px;margin:0;padding:0;clear:both;}
.container2 .main2{width:482px;float:right;margin:0;padding:0;}
.container2 .sub2{width:102px;float:left;margin:0;padding:0;}

/* ---------------- NAVIGATION ------------------- */
ul#nav{position:absolute;top:43px;left:0;z-index:100;}
ul#nav li{float:left;list-style-type:none;position:relative;list-style-image:none;list-style-type:none;margin-left:0;}
ul#nav li a{height:22px;display:block;text-indent:-9999px;outline:none;float:left;padding:0;}
ul#nav li img{float:left;}
li.products a{background:url('../img/products.png') no-repeat -48px 3px;width:80px;}
li.products a:hover{background-position:-48px -42px}
body#products li.products a{background-position:-20px -87px;width:112px;}
li.about a{background:url('../img/about-us.png') no-repeat -48px 3px;width:80px;}
li.about a:hover{background-position:-48px -42px}
body#about li.about a{background-position:-20px -87px;width:112px;}
li.warranty a{background:url('../img/warranty.png') no-repeat -46px 3px;width:83px;}
li.warranty a:hover{background-position:-46px -42px}
body#warranty li.work a{background-position:-33px -87px;width:99px;}
li.support a{background:url('../img/supportcentres.png') no-repeat -57px 3px;width:73px;}
li.support a:hover{background-position:-57px -42px}
body#support li.support a{background-position:-40px -87px;width:112px;}
li.contact a{background:url('../img/contact.png') no-repeat -33px 3px;width:95px;}
li.contact a:hover{background-position:-33px -42px}
body#contact li.contact a{background-position:-10px -87px;width:121px;}

/* ---------------- BREADCRUMB ------------------- */
ul#breadcrumb{text-align:right;font-size:11px;position:absolute;right:0;top:80px;}
ul#breadcrumb li{list-style-type:none;display:inline; padding: 0; margin: 0 5px 0 0;}
ul#breadcrumb li a{}
.banner ul#breadcrumb {position:relative;top:-20px;right:0;margin:0;}

/* ---------------- BANNER ------------------- */
#banner{border-bottom:3px solid #333;margin-bottom:20px; padding: 0;}
#banner img {padding: 0; margin: 0; border: 0;}

/* ---------------- TYPOGRAPHY ------------------- */
.smaller {font-size: 90%;}
body{font:normal 14px/1.5em Trebuchet, Arial, Helvetica, sans-serif;color:#4d4d4d;}
#secondary{font-size:12px;}
.sub,.sub2{color:#000;}
.sub p,.sub ul,.sub2 p,.main2{font-size:12px;}
#banner h1{background:#c0d1d9;font:normal normal normal 24px / 1.6em Trebuchet, Helvetica,sans-serif;color:#333;display:inline;padding:6px 6px;}
img.h1{margin-bottom:10px;}
h1, .description p { color:#000;margin:0 0 20px 0;font-size:24px;line-height:1.5em;}
.description p {font-size: 18px; }
#blog h1{margin:0; line-height: 1.2em; margin-bottom: 20px;}
h1.underline {border-bottom: 1px solid #919195; margin: 0 0 10px 0;}
h2{color:#000;margin:0;font-weight:bold;font-size:14px; margin-bottom: 0px;}
h3{color:#000;margin:0 0 10px 0;font-weight:bold;font-size:14px;text-transform:uppercase;line-height:1.4em;}
h4{background:#c0d1d9;font:normal normal normal 24px/1.5em helvetica,sans-serif;color:#333;display:inline;padding:4px 3px;letter-spacing:.1em;}
blockquote{background:transparent url('../img/blockquo.png') no-repeat top left;padding:0 25px;}
a{color:#2f9dda;text-decoration:none;outline:none;padding:0px;}
a:hover{background:transparent;color:#c00;}

#banner a:hover {background:none;}
a:focus{outline:none}

a.more{background:transparent url('../img/arrow-sm.png') no-repeat 0 4px;display:block;padding:1px 0 2px 20px;}
.more a {background:transparent url('../img/arrow-sm.png') no-repeat 0 4px;display:block;padding:1px 0 2px 20px;}
.more a:hover {text-decoration:underline;color:#2f9dda;background: transparent url('../img/arrow-sm.png') no-repeat 0 4px;}

a.img{padding:0;}
a:hover.img{background-color:transparent;text-decoration:none;}
.warn {color: #ed1e79;}

ul{margin-bottom:20px;}
ul li{list-style:circle;margin-left:15px;}

.container .main h1{margin-top:0;}
.container .main .col ul{margin:0 0 20px 0;}
.container .main .col ul li{list-style-type:none;list-style-image:none;margin:0;}
.container .sub ul{margin:0 0 10px 0;}
.container .sub ul li{list-style-type:none;list-style-image:none;margin:0;}
.highlight{background:#fcf9b9;}
.nerdery ul li a {background: transparent url('../img/arrow-sm.png') no-repeat 0 4px; display:block;padding:1px 0 2px 20px;}
.nerdery ul li a:hover{text-decoration:underline;color:#2f9dda;}

/* ---------------- MISC DESIGN ELEMENTS ------------------- */
hr{height:1px;background-color:#8b9298;color:#8b9298;border:0;clear:both;margin:0 0 5px 0;}
hr.alt{height:3px;background:transparent url('../img/divider0.png') repeat-x;border:0;}
hr.lite {height:1px;background-color:#eee;color:#eee;border:0;clear:both;margin:5px 0 10px 0;}
.clear{clear:both;height:1%;}
.main2 hr{margin:0 0 10px 0;height:2px;border-bottom:1px dotted #8b9298;background-color:#fff;color:#fff;}
#primary .main img.left { float: left; margin: 0 15px 10px 0; }
#primary .main img.right { float: right; margin: 0 0 10px 15px; }

/* ---------------- STICKIES ------------------- */
div.sticky-blue{width:204px;height:158px;padding:20px 10px 10px 10px;overflow:hidden;background:transparent url('../img/blue0000.png') no-repeat top left;position:relative;}
div.sticky-beige{width:204px;height:158px;padding:20px 10px 10px 10px;overflow:hidden;background:transparent url('../img/beige000.png') no-repeat top left;position:relative;}
div.sticky-yellow{width:204px;height:158px;padding:20px 10px 10px 10px;overflow:hidden;background:transparent url('../img/yellow00.png') no-repeat top left;position:relative;}
div.sticky-nav{position:absolute;right:10px;bottom:0;}
div.sticky-giant{background:#fef8c3;border:1px solid #d7cc68;}
a.sticky-giant{background:transparent url('../img/giant-to.png') no-repeat top left;display:block;padding:1px 0 3px 25px;border:0;}
a:hover.sticky-giant{background:transparent url('../img/giant-to.png') no-repeat top left; text-decoration: underline;}
.sticky-giant div.warn ul {margin: 10px 0 0 10px;}
div.sticky-blue h1, div.sticky-beige h1, div.sticky-yellow h1 { color:#000;margin:0 0 10px 0;font-weight:bold;font-size:14px; }
div.sticky-blue h1 a, div.sticky-beige h1 a, div.sticky-yellow h1 a { color:#000; }
div.sticky-blue h1 a:hover, div.sticky-beige h1 a:hover, div.sticky-yellow h1 a:hover { background:none; }

/* ---------------- Featured carousel STICKIES ------------------- */
#featured-nav{position:relative;}
#featured-nav .buttons{position:absolute;right:0;bottom:10px;}
#featured {position: relative;}
#featured li{width:224px;margin-left:0;margin-bottom:10px; position: relative;}

/* ---------------- Featured carousel OUR WORK IMGS ------------------- */
#work #featured{border:5px solid #E2DFD3;margin-bottom:20px;padding:0px;}
#work #featured ul{padding:0;margin:0; position: relative;}
#work #featured li{width:580px;margin:0px;padding:0;}
#work #featured li img{padding:5px 5px 0 5px;margin:0;}
#work #featured-nav .buttons{position:absolute;right:0;bottom:9px;}
#work p.screenshot{color:#4d4d4d;}
#work p.screenshot strong{color:#000;}
#work p.screenshot span{color:#000;font-weight:bold;}

/* ---------------- The Latest ------------------- */
#secondary ul.latest li{margin-bottom:4px;list-style-type:none;list-style-image:none;margin-left:0px;}
#secondary ul.latest li p{margin:0;}
#secondary ul.latest li h2 {
 color: #999;
 font-style: italic;
}
.categories ul,.archives ul{margin:0;}
.categories,.archives{font-size:11px;line-height:1.2em;}
.categories ul li,.archives ul li{margin-bottom:0;list-style-type:none;list-style-image:none;margin-left:0px;display:block;position:relative;border-bottom:1px solid #eee;}
.categories ul li span,.archives ul li span{position:absolute;right:0;color:#4d4d4d;}
#pageBlog .main img{border:10px solid #e2dfd3;float:right;margin-left:10px;}

/* ---------------- IMAGES ------------------- */
img.frame{border:5px solid #e2dfd3; padding: 5px;}
a:hover img.frame{border:5px solid #c0d1d9;}
#secondary a img.frame{border:5px solid #e2dfd3;}
#secondary a:hover img.frame{border:5px solid #c0d1d9;}
#secondary img.left{margin:0 4px 0px 0; padding: 0;}
#secondary img.last{margin:0;}

/* ---------------- FORMS------------------- */
form{margin:20px 0;}
legend {color:#000;margin:0 0 10px 0;font-weight:bold;font-size:14px;text-transform:uppercase;padding:10px 0 0 0;}
label{color:#000;margin:0 0 10px 0;font-weight:bold;font-size:14px;text-transform:uppercase;width:102px ;float:left;margin:0;padding:10px 0 0 0;}
input{float:right;width:584px;margin:0;padding:6px 5px;border:1px solid #919195;background:#e9f1f4;}
textarea{float:right;width:584px;margin:0;padding:6px 5px;border:1px solid #919195;background:#e9f1f4;}
input.submit{width:124px;height:25px;padding:0;margin:0;border:0;outline:0;}
form div{clear:both;margin:0;padding:10px 0;}
input:focus,textarea:focus{background:#fcf9b9;}
select {float:right;width:596px;margin:0;padding:6px 5px;border:1px solid #919195;background:#e9f1f4;}

/* ---------------- Subscribe form ------------------- */
form#subscribeform { margin: 0; padding: 0;}
form#subscribeform label { margin: 0; padding: 0;}
form#subscribeform input{float: left;width:200px;margin:0;padding:0px 5px 5px 0;border:1px solid #919195;background:#e9f1f4;}
form#subscribeform input.subscribebutton {float: left; width:82px;height:25px;padding:0;margin:0;border:0;outline:0;}
form#subscribeform div {margin: 0; padding: 3px 0 0 0; }

/* ---------------- Beep Boops ------------------- */
#secondary ul.beepboop li{display:block; clear:left; padding:8px;margin-bottom:5px;margin-left:0px; background: #eee url(../img/award-box.png) no-repeat bottom right; list-style-type:none;list-style-image:none;} /* #fed8a7 */

/* ---------------- Footer ------------------- */
#footer{border-top:3px solid #333;clear:both;margin:20px 0;padding-top:10px;}
#footer p{font-size:12px;background:transparent url('../img/robot-fo.png') no-repeat bottom left;padding:0 0 0 37px;margin:0;}

/* ---------------- TOOL TIPS ------------------- */
#tooltip{position:absolute;z-index:3000;border:1px solid #086aac;background-color:#b2d8f6;padding:5px 10px;opacity:0.85;color:#086aac;}
#tooltip h3,#tooltip div{margin:0;color:#086aac;font:bold 12px/1.5em helvetica,sans-serif;margin:0;text-transform:none;}

/* ---------------- GOOGLE MAP ------------------- */
div.map {margin-bottom: 5px; border:5px solid #e2dfd3; padding: 5px; position: relative; z-index: 1;}
div#map { width: 694px; height: 230px; position: relative; z-index: 1;}
div#map iframe {z-index: 1;}
.map #photo {width: 296px; height: 228px; position: absolute; top:0px; right:0px; z-index: 100; display: none}
.map #photo a.more {position: absolute; bottom: 20px; left: 20px;}

.saviour {
 margin: -15px 0 0 0;
}

body#support .container {
 border-bottom: 1px solid #ccc;
}
body#support .container{margin:0 0 10px 0; }