/* CSS Document */
* html a:hover {visibility:visible}
html>body #container {height: auto;}
html a:hover {visibility: visible;}

body {margin: 0; padding: 0; background: #FFFFFF url(../images/bg-header.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333;}
#header {height: 188px; width: 950px; margin: auto;}
#login { background: url(../images/loginzone.gif) no-repeat; width: 338px; height: 30px; float: right; color:#999999; padding: 2px 0 4px 10px; font-size: 11px;}
#login  a {color:#999999; text-decoration: none;}
#login  a:hover {color: #FFFFFF;}
#login p {margin: -1px 0 0 0; padding: 0; float: left;} 
.divider {margin: 2px 10px 0 10px; float: left;} 
.logo {
	position: absolute;
	top: 45px;
	border: 0;
}
.frame {padding: 10px; border: solid #f7f7f7 14px;} 
.framesmall {float: left; padding: 2px; border: solid #f7f7f7 5px; margin: 0 5px 5px 0;} 
.frame-video {border: solid #f7f7f7 14px; margin: 0 0 0 20px;} 
.frame-200 {width: 221px; padding: 21px 0 0 21px; background: url(../images/frame-200.gif) no-repeat;}
.bframe-200 {width: 120px; padding: 20px; border: solid #f7f7f7 20px;}
.frame-600 {width: 579px; padding: 21px 0 0 21px; background: url(../images/frame-600.gif) no-repeat;}
.quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 30px; font-weight: normal; padding: 20px; color:#87a5be;}
#address {
	position: relative;
	top: 60px;
	color: #FFFFFF;
	left: 725px;
	width: 220px;
}
#address p{ line-height: 20px;  margin: 0 0 5px 0; float: right;}
#address p.number {font-size: 18px}
#address a{color: #FFFFFF; line-height: 20px; font-size: 12px; text-decoration: none;}
#address .greylarge {color: #999999; font-size: 14px}
#address .grey-bold {color: #999999; font-weight: bold;}
#address .grey-large {color: #999999; font-size: 14px;}

.rssicon {display: inline; margin: 0 10px 0 0;}
#container {width:950px;margin:0 auto;}
#menu {float: left; width: 950px; height: 33px; padding: 18px 0 0 0; color:#999999;}
#menu ul {display: inline; margin: 0; padding: 0; list-style: none; }
#menu li {display: inline; float: left; margin: 0 20px 0 0;}
#menu li.select a{ color:#87a5be;}
#menu li.selected a{ color:#87a5be;}
#menu li a {color:#999999; text-decoration: none;}
#menu li a:hover {color: #FFFFFF;} 
#menu li.last a:hover {color: #FFFFFF;} 
#menu li.last a {color: #99cc33;}
#menu li.last {margin: 0px;}
.youtube {width: 447px; height: 370px; float: left; padding: 21px 0 0 21px; background: url(../images/youtube-border.jpg) no-repeat;}
#content {float: left; width: 950px; margin: 40px 0 0 0; padding: 0 0 20px 0;}
.content600 {float: left; width: 600px;}
.content900 {float: left; width: 950px; margin: 0 0 80px 0;}
.blurb {font-size: 15px; font-weight: normal; color:#666666; line-height: 28px; margin: 10px 0 20px 0;}
.border {padding: 2px; border: 1px solid #CCCCCC; float: left; margin: 0 10px 10px 0;}
.icon {padding: 2px; border: 0; float: left; margin: 0 10px 10px 0;}
.clear {clear: both; height: 60px;}
.grey {color: #999999;}


.content600 h3 {font-size: 12px; color: #333333; border-bottom: #CCCCCC dotted 1px; margin: 10px 0 0 0; }
.content600 h4 {font-size: 16px; color: #333333; border-bottom: #CCCCCC dotted 1px; margin: 10px 0 0 0; }
.small {font-size: 10px;}

.sidebar {float: left; width: 300px; margin: 0 0 0 50px; }
.sidebar h3 {margin: 0 0 10px 0;}
.sidebar h3 a {color: #333333;}
.sidebar p {margin: 0 0 17px 0; .margin: 0 0 5px 0; font-size: 11px; color:#666666; line-height: 19px;}
.sidebar .border {margin: 0 10px 30px 0;}
.sidebar .icon {margin: 0 10px 30px 0;}
.sidebar h1 {background: #f3f3f3; padding: 10px 10px 10px 18px; font-size: 14px; border: #f7f7f7 5px solid; margin: 10px 0 20px 0; }
.sidebar h1 img {float: left; margin: 0 32px 0 0;}
.sidebar-client {background: #f3f3f3; padding: 20px; float: left; width: 260px; margin: 0 0 0 50px;}
.sidebar-client h2 {font-size: 15px; margin: 0 0 10px 0; line-height: 13px;}
.sidebar-client h3 {font-size: 11px; margin: 2px 0 0 0; line-height: 14px;}
.sidebar-client p {margin: 0 0 10px 0; font-size: 10px; color:#666666;}
.sidebar-client hr {background:#ddd; color:#ddd; clear:both; float:none; width:100%;height:1px; margin:0 0 11px 0; .margin: -7px 0 4px 0; border:none;}

.sidebar-talk {float: left; width: 300px; margin: 20px 0 20px 50px; }
.sidebar-talk h3 {margin: 0 0 10px 0;}
.sidebar-talk .icon {margin: 0 10px 30px 0;}
.sidebar-talk p {margin: 0 0 5px 0; .margin: 0 0 5px 0; font-size: 11px; color:#666666; line-height: 19px;}
.sidebar-talk p.phone {font-size: 14px; margin: 0 0 10px 0;}

.sidebar-grey {background: #f3f3f3; padding: 20px; float: left; width: 260px; margin: 0 0 0 50px;}
.sidebar-grey h2 {font-size: 15px; margin: 0 0 10px 0; line-height: 13px;}
.sidebar-grey h3 {font-size: 11px; margin: 2px 0 0 0; line-height: 14px;}
.sidebar-grey p {margin: 0 0 10px 0; font-size: 12px; color:#333333;}
.sidebar-grey hr {background:#ddd; color:#ddd; clear:both; float:none; width:100%;height:1px; margin:0 0 11px 0; .margin: -7px 0 4px 0; border:none;}

.sidebar-module {float: left; margin: 0 0 0 50px; width: 300px;}
.sidebar-module .border {padding: 2px; border: 1px solid #CCCCCC; float: left; margin: 0;}
.item label {font-size: 11px;}
.left {float: left;}
.right {float: right;}
.white { color: #FFFFFF;}
h2.white2 { color: #666666; font-weight: normal;}
.phonenumber { color: #FFFFFF; font-size: 18px;}
hr {background:#ddd; color:#ddd; clear:both; float:none; width:100%;height:1px; margin:0 0 5px 0; .margin: 0 0 5px 0; border:none;}
hr.zero {background:#ddd; color:#ddd;  width:100%; height:1px; .margin: -7px 0 0 0;  border:none;}
div.zero {height:1px; .margin: 10px 0 0 0;}
hr.space {background:#fff;color:#fff;}
.line {background:#ddd; color:#ddd; clear:both; float:none; width:100%;height:1px; margin:30px 0 30px 0; .margin: 0 0 5px 0; border:none;}

h1 {font-size: 22px; font-weight: normal; color:#000000; margin: 0 0 10px 0;}
h2 {font-size: 18px; font-weight: normal; color:#333333; margin: 15px 0 0 0;}
h3 {font-size: 12px; color: #333333;}
a { color: #87a5be; border-bottom: 0px solid #87a5be;  text-decoration: none;}
a:hover { border-bottom: 1px dotted #87a5be;}
p {color: #666666; font-size: 12px; line-height: 24px; margin: 5px 0 15px 0;}


.post-date {float: left; width: 120px; color:#999999; font-size: 11px; line-height: 15px; }
.post-content {float: left; width: 480px;}
.post {float: left; width: 600px; margin: 0; padding: 20px 0 20px 0; border-bottom: 1px #ddd solid;}
.post h2 {margin: 0 0 15px 0;}

.read-on{margin:8px 0 0 0; font-size: 11px;}
.read-on a{color:#fff;background-color:#ccc;padding:2px 5px 2px 7px;text-decoration:none;margin:15px 0 0 0;}
.read-on a:hover{background-color:#09c;}

#footer-bg {clear: both;  width: 100%; height: 101px;}
#footer {width: 950px; margin: auto; padding: 20px 0 0 0; text-align: center; font-size: 11px; color: #999999; }
#footer ul {margin: 0 0 15px 0; padding: 0; list-style: none; color: #999999; font-size: 11px;}
#footer li {display: inline; margin: 0 20px 0 0;}
#footer a {color: #999999;}
#footer a:hover {color: #999999; }

.visitwebsite {float: right; font-szie: 16px; font-weight: bold;}
a:hover .frame {border: solid #BFCFDD 14px;}
a.noborder:hover {border-bottom: 0px; }

/* Google Adwords Packages */
ul.first {margin: 5px 0 0 0; padding: 0;}
ul.first li {color: #666666; font-size: 12px; list-style: none; padding: 0 0 0 28px; margin: 5px 0px 5px 0px; background: url(../images/tick-medium.gif) no-repeat;}

ul.second {margin: 20px 0 20px 0; padding: 0;} 
ul.second li {color: #666666; font-size: 12px; list-style: none; padding: 0 0 0 18px; margin: 2px 0px 2px 0px; background: url(../images/list-plus-small.gif) no-repeat;}

ul.sem {margin: 20px 0 0 0; padding: 0;} 
ul.sem li {color: #666666; font-size: 12px; list-style: none; padding: 0 0 0 18px; margin: 2px 0px 2px 0px; background: url(../images/plussmall.gif) 0 3px no-repeat;}

ul.sem2 {margin: 20px 0 20px 15px; padding: 0;} 
ul.sem2 li {color: #333333; font-size: 12px; list-style: none; padding: 0 0 0 18px; margin: 2px 0px 2px 0px; background: url(../images/plussmall.gif) 0 3px no-repeat;}

ul.experience {margin: 0px 0 0px 0; padding: 0;} 
ul.experience li {color: #333333; font-size: 13px; line-height: 22px; list-style: none; padding: 0 0 0 25px; margin: 2px 0px 10px 0px; background: url(../images/list-plus-medium.gif) no-repeat 0 1px;}

#pricetable {font-size: 12px; color:#666666; }
#pricetable td {padding: 3px;}

.callus {font-size: 12px; margin: 5px 0 0 0; padding: 0; float: left;}
.pricetable {border: 1px solid #CCCCCC;}
td.greyrow { text-align: center; border-bottom: #CCCCCC 1px dotted; background-color:#f7f7f7;}
td.whiterow { text-align: center; border-bottom: #CCCCCC 1px dotted; background-color:#FFFFFF;}
td.headerrow { text-align: center; border-bottom: #CCCCCC 1px dotted; background-color:#CCCCCC; color: #333333; font-size: 14px; font-weight: bold; }
td.subtotal { text-align: center; border-bottom: #CCCCCC 1px dotted; background-color:#FFFFFF;}
td.total { text-align: center; border-bottom: #CCCCCC 1px dotted; background-color:#FFFFFF; font-weight: bold;}
td.submitrow { text-align: center; background-color:#FFFFFF;}

.webform-quick input {width: 230px;}
.webform-quick textarea {width: 230px; height: 160px;}
.webform-quick input.cat_button { width: auto;}
.webform-quick input.cat_textbox {width: 230px;}
.webform-quick #Captcha {width: 230px;}

form div.webform input {width: 230px; margin: 0 0 10px 0;}
form div.webform textarea {width: 530px; height: 200px;}
form div.webform input.cat_button { width: auto;}
form div.webform input.checker {width: 20px;}

.enquiry input {width: 300px;}
.enquiry input.checkbox {width: 20px;}
.enquiry select {width: 200px; height: 24px; padding: 4px; font-size: 11px;}
.enquiry textarea {width: 400px; height: 180px;}
.enquiry input.cat_button { width: auto;}

.btn-agency a:hover  { border-bottom: 1px dotted #FFFFFF;}
.btn-agency a:hover img {visibility:hidden; }
.btn-agency a { width: 177px; height: 35px; display: block;}
.btn-agency {width: 177px; height: 35px; background: url(../images/btn-agency-hover.gif); }

.btn-freetrial a:hover  { border-bottom: 1px dotted #FFFFFF;}
.btn-freetrial a:hover img {visibility:hidden; }
.btn-freetrial a { width: 177px; height: 35px; display: block;}
.btn-freetrial {float: left; width: 177px; height: 35px; background: url(../images/btn-freetrial-hover.gif); }

.btn-contact a:hover  { border-bottom: 1px dotted #FFFFFF;}
.btn-contact a:hover img {visibility:hidden; }
.btn-contact a { width: 146px; height: 35px; display: block;}
.btn-contact {width: 146px; height: 35px; background: url(../images/btn-contact-hover.gif); }

.btn-compare a:hover  { border-bottom: 1px dotted #FFFFFF;}
.btn-compare a:hover img {visibility:hidden; }
.btn-compare a { width: 177px; height: 35px; display: block;}
.btn-compare {text-align: center; width: 177px; height: 35px; background: url(../images/btn-compare-hover.gif); }