/* CSS Document */

* {margin: 0;padding: 0;}

#bg {background: #ffffff url('images/body_bg.jpg') repeat-x;width: 100%;min-height: 280px;}

#wrapper {width: 800px;margin: 0 auto;}
#header {width: 800px;height: 151px;margin-left: 10px;position:relative;}

#logo {float:left;margin:0 0 0 25px;width:360px;height:181px;}
#logo h1 {margin:0;padding:0;background:none;	}
#logo h1 a, #logo h1 a:hover{background:url('images/logo.jpg') no-repeat top left;height:181px;width:360px;text-indent:-9000px;display:block;text-decoration:none}
#phone {float:right; margin: 95px 100px 0 0; width:185px; height:42px;}

#intro {width: 100%;background:url('images/introbg.jpg') top left repeat-x;height: 250px;}
#intro-wrap {width: 800px;margin: 0 auto;padding: 0px 0 0 0;}

#introsml {width: 100%;background:url('images/introbgsml.jpg') top left repeat-x;height: 107px;}
#introsml-wrap {width: 800px;margin: 0 auto;padding: 38px 0 0 0;}

#introtext {width: 380px; float:left;}
#flashcontent {float:right;}

#intro h1 {font-size: 18px;font-family: Arial, sans-serif;color: #636363;padding: 40px 0 15px 0;margin: 0 0 10px 0;font-weight: normal;background:url('images/headots.gif') bottom left repeat-x;}	

#contentright {width: 290px;float: left;margin: 30px 0 0 30px;}
#contentright img {border:0;}
#content {text-align: left;}

#content-other {width: 480px;text-align: left;float:left; padding: 30px 0 0 0;}
#content-other p.headline {background:url('images/bullet.jpg') no-repeat top left;color:#9A9A52;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;height:26px;padding:2px 0 0 32px;margin:5px 0 15px 0; }
#content-other p.headline2 {color:#9A9A52;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;height:26px;padding:5px 0 0 30px;margin:5px 0 15px 0; }
#content-other img {border:none;}
#content-other p.headline_box {background:url('images/icon_box.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:38px;padding:8px 0 0 48px;margin:5px 0 15px 0; }
p.headline_options {background:url('images/icon_options.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 40px;margin:5px 0 10px 0; }
p.headline_box2 {background:url('images/icon_box2.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 40px;margin:5px 0 10px 0; }
p.headline_paint {background:url('images/icon_paint.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:8px 0 0 43px;margin:5px 0 10px 0; }

p.headline_icon_websites {background:url('images/icon_websites.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:2px 0 0 43px;margin:5px 0 10px 0; }
p.headline_icon_plus {background:url('images/icon_package_plus.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:2px 0 0 43px;margin:5px 0 10px 0; }
p.headline_icon_pro {background:url('images/icon_package_pro.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:8px 0 0 43px;margin:5px 0 10px 0; }

p.headline_icon_big_hosting {background:url('images/icon_big_hosting.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; }
p.headline_icon_big_maintenance {background:url('images/icon_big_maintenance.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; }
p.headline_icon_big_backup {background:url('images/icon_big_backup.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; }
p.headline_icon_big_optimisation {background:url('images/icon_big_optimisation.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; }
p.headline_icon_big_stats {background:url('images/icon_big_stats.jpg') no-repeat top left;color:#22719c;font-family: Arial, sans-serif;font-size:15px;height:30px;padding:5px 0 0 38px;margin:5px 0 0 0; }


.package-box {border: 1px solid #d1d5c7; padding: 15px;}
#package-box-left {width: 75px; float:left;}
#package-box-right {width: 420px; float:left; margin-left: 15px;}

h2 {background:url('images/headots.gif') bottom left repeat-x;color:#636363;font-family: Arial, sans-serif;font-size:18px;font-weight:normal;margin:0px 0 20px 0;padding-bottom:7px;}

.motto {margin:0 0 6px 0;}

p {color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;margin: 0px;padding: 0px;line-height: 22px;}
h4 {color: #4B4942;font-family: arial, helvetica, sans-serif;font-size:160%;font-style: normal;font-weight: normal;line-height: 110%;}

#home-left {width: 240px; float: left; padding: 0 25px 0 0;}
#home-left-right{width:245px; float:right;}
#home-bottom {width: 800px; margin-top: 20px; padding: 10px 10px 10px 10px; float: left; }
#home-bottom img{cursor:pointer;border:1px solid #ddd;}
#home-bottom img:hover {border:1px solid #97B638;}

.worksstyle {color: #FFFFFF;font-weight: bold;}
#content-other table {font-size: 90%;font-family:font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;color: #666;margin: 7px 0 20px;border-left: 1px solid #f4f4f4;}
#content-other th {color: #545454;border-right: 1px solid #fff;}
#content-other td {border-bottom: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;padding: 6px;text-align: center;}
#content-other td a{color: #787878;text-decoration:underline;}
#content-other td a:hover{color: #D0ED6D;text-decoration:none;}

ul.servicelist {margin:0 0 20px 5px;padding:0;list-style:none;color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 78%;font-style: normal;font-weight: normal;}
ul.servicelist li {width:94%;display:block;background:url('images/tick.jpg') no-repeat;margin:3px 0 0 3px;padding:2px 0 5px 22px;border-bottom:1px solid #cccccc;}

ul.servicelist-home {margin:0 0 20px 5px;padding:0;list-style:none;color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: normal;}
ul.servicelist-home li {width:94%;display:block;margin:5px 0 5px 3px;padding:4px 0 10px 25px;border-bottom:1px solid #cccccc;}
ul.servicelist-home li.list01 {background:url('images/list_01.jpg') 0 3px no-repeat; }
ul.servicelist-home li.list02 {background:url('images/list_02.jpg') 0 3px no-repeat; }
ul.servicelist-home li.list03 {background:url('images/list_03.jpg') 0 3px no-repeat; }
ul.servicelist-home li.list04 {background:url('images/list_04.jpg') 0 3px no-repeat; }

ul.packagelist {margin:0 0 10px 5px;padding:0;list-style:none;color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;}
ul.packagelist li {display:block;background:url('images/tick3.jpg') 0 3px no-repeat;margin:2px 0 0 3px;padding:2px 0 5px 25px;border-bottom:1px solid #e1e1e1;}

#package-left {width:230px; float:left;}

ul.packagelist li.design {background:url('images/icon_design.jpg') 0 3px no-repeat;}
ul.packagelist li.hosting {background:url('images/icon_hosting.jpg') 0 3px no-repeat;}
ul.packagelist li.domain {background:url('images/icon_domain.jpg') 0 3px no-repeat;}
ul.packagelist li.email {background:url('images/icon_email.jpg') 0 3px no-repeat;}
ul.packagelist li.maintenance {background:url('images/icon_maintenance.jpg') 0 3px no-repeat;}
ul.packagelist li.backup {background:url('images/icon_backup.jpg') 0 4px no-repeat;}
ul.packagelist li.stats {background:url('images/icon_stats.jpg') 0 3px no-repeat;}

#footer{margin-top: 30px; float: left; width: 100%; background: #201F1B url('images/bg_footerrepeat.gif') repeat-x top;  border-top: 27px #1A5068;  font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;}	
#footer .wrap{font-size:80%; background: url('images/bg_footer.gif') no-repeat top center; text-align: center;  color: #888887; padding-left:0; padding-right:0; padding-top:18px; padding-bottom:50px ;}
#footer ul{	list-style:none;}
#footer li{	display: inline;	margin:0 2px;}
#footer a{color: #888887;  text-decoration: none; margin:0 3px;	}
#footer li.active a{ color: #C2C2C2; }
#footer a:hover{ color: #D2D2D1; }
#footer .copy{ color:#D2D2D1; margin-top:25px; font-size: 110%;	}

/* Links */

a:link {color: #869742;text-decoration:none}
a:visited {color: #869742;text-decoration:none}
a:hover {color: #a1b753;text-decoration:none}	
	
/* Client Login */
#topbar {background: #3d3d3d;width:100%;height:44px;}
#topbarholder {width:780px;background: url('images/client_login_topbar.gif') no-repeat top left;margin:0 auto;}
	
/* Client login */	
#loginbox {width:580px;margin:0 auto;height:34px;color: #ffffff;background: none;padding:10px 0 0 0;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;}
.formfield { /* Client login fields (username & password) */width:120px;background: url('images/client_login_field.gif') top;color: #ffffff;padding: 3px;height:15px;border: 0px none;}
.formfield:hover {background: url('images/client_login_field.gif') bottom;}
.loginbutt {border:0px none;background: url('images/client_login_btn.gif') top left;width:58px;color: #ffffff;font-weight:bold;height:23px;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size:11px}
.loginbutt:hover {border:0px none;background: url('images/client_login_btn.gif') bottom left;font-weight:bold;}
#clienttab {position:absolute;right:72px;top:0;width:140px;height:35px;background: url('images/clienttab.gif') no-repeat top left;text-align:center;font-family: 'Trebuchet MS', 'Lucida Sans',verdana, arial, sans-serif;font-size: 70%;letter-spacing: 1px;font-weight:bold;padding-top:8px;color: #ffffff;cursor: pointer}
	
#featured {padding:5px 0 0 0;}
#featured ul {clear:both;list-style:none;margin:0;padding:0;margin-top:-10px;}
#featured ul li{width:40px;height:50px;float:left;padding-bottom:4px;text-align:center;background:url('images/shadow_thumb.jpg') no-repeat bottom left; margin-left:0; margin-right:9px; margin-top:6px; margin-bottom:0; padding-left:0; padding-right:0;  padding-top:0}
#featured img{float:left;margin:0;clear:both;cursor:pointer;border:2px solid #ddd;width:40px;height:45px;}
#featured ul li img:hover{border:2px solid #97B638;}

/********/
#featured-other {padding:0 0 0 0px; margin: 0 0 20px 0;}
#featured-other ul {clear:both;list-style:none;margin:0;padding:0;margin-top:0;}
#featured-other ul li{width:40px;height:50px;float:left;padding-bottom:4px;text-align:center;background:url('images/shadow_thumb.jpg') no-repeat bottom left; margin-left:0; margin-right:18px; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0;  padding-top:0}
#featured-other img{float:left;margin:0;clear:both;cursor:pointer;border:2px solid #ddd;width:40px;height:45px;}
#featured-other ul li img:hover{border:2px solid #97B638;}

/*******new form */
form#rfp-form label, form#rfp-form input {display: block;}
form#rfp-form label {font-weight: bold;font-size: 80%;}
form#rfp-form label em {font-weight: normal;color: #BF3A14;font-size: 85%;}
form#rfp-form input, form#rfp-form select {margin-bottom: 10px;margin-top: 3px;padding: 2px;width: 300px;font-size: 100%;color: #000}
form#rfp-form input.short {width: 150px;}
form#rfp-form textarea {width: 300px;margin-bottom: 10px;margin-top: 3px;padding: 2px;font-size: 100%;color: #787878;font-family: inherit;}
form#rfp-form input.btn {width: auto;color: #000;font-size: 92%;padding: 2px;}
div.form-column {width: 350px;float: left;margin-right: 20px;}

legend {padding: 20px 5px 10px 5px;font-weight: normal;text-transform: uppercase;color: #A0B64E;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 16px;}

form#rfp-form div.check-radio input {display: inline;width: auto;padding: 0;margin: 0;margin-top: 1em;}
form#rfp-form div.check-radio label {display: inline;font-weight: normal;font-size: 100%;padding: 1em 0;}
form#rfp-form div.check-radio {margin-bottom: 1em;}
form#rfp-form div#button-area {border-top: 2px solid #A0B64E;float: left;width: 730px;clear: both;margin-top: 1em;padding-top: 15px;}
form#rfp-form div#button-area input.btn {margin: 1em 0;}
fieldset { margin:0; padding: 0 0 10px 10px; }

/*     --- */

ol#nav {list-style: none;width: 780px;margin: 36px auto 0 5px;font-size: 14px; font-variant:small-caps; }
ol#nav li {float: left;margin: 0 5px 0 0;font-family:Helvetica,Arial, sans-serif;letter-spacing: 1px;}
ol#nav a {background: #bdf url('images/tabs.gif');color: #ffffff;display: block;float: left;height: 2em;text-decoration: none;padding: 0px 0 4px 10px;}
ol#nav a:hover {background-position: 0 -74px;}
ol#nav a:hover span {background-position: 100% -74px;}
ol#nav li.current a {background-color: #48f;background-position: 0 -37px;color: #000000;}
ol#nav li.current span {background-position: 100% -37px;}
ol#nav span {background: url('images/tabs.gif') 100% 0;display: block;line-height: 2em;padding-right: 10px;}

#package4-bottom {background: url('images/package3_bottom.jpg') no-repeat bottom;width: 471px; margin: 0 30px 20px 0;}
#package4-bottom div.package4-top {background: url('images/package4-top.jpg') no-repeat top;padding: 55px 0 1px 10px;}

#package3-bottom {background: url('images/package3_bottom.jpg') no-repeat bottom;width: 471px; margin: 0 30px 20px 0;}
#package3-bottom div.package3-top {background: url('images/package3_top.jpg') no-repeat top;padding: 55px 0 1px 10px;}

#package2-bottom {background: url('images/package3_bottom.jpg') no-repeat bottom;width: 471px; margin: 0 30px 20px 0;}
#package2-bottom div.package2-top {background: url('images/package2_top.jpg') no-repeat top;padding: 55px 0 1px 10px;}

#package1-bottom {background: url('images/package3_bottom.jpg') no-repeat bottom;width: 471px; margin: 0 30px 20px 0;}
#package1-bottom div.package1-top {background: url('images/package1_top.jpg') no-repeat top;padding: 55px 0 1px 10px;}

#sidebar-bottom {background: url('images/sidebar_bottom.jpg') no-repeat bottom;width:287px; margin: 0 30px 10px 0;}
#sidebar-bottom div.sidebar-top {background: url('images/sidebar_top.jpg') no-repeat top;padding: 5px 0 1px 10px;}

#portfolio-bg {background: url('images/portfolio_bg.jpg') top left no-repeat; width:474px; height:144px;}
#portfolio-left {width: 201px; height: 128px; float:left; margin: 8px 0 0 8px;}
#portfolio-right {width:240px; float:right; margin: 8px 8px 0 0;}
.porth {color:#22719c;font-family: Arial, sans-serif;font-size:15px; font-weight:bold;}

#package-text {padding: 5px 10px 10px 70px;}
#options-text {padding: 0 0 0 5px;}

#readmore {float:right; margin: 15px 5px 15px 0;}

ul.reps {margin:0 0 20px 0;padding:0;list-style:none;color: #666;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-weight: normal;}
ul.reps li {width:94%;display:block;background:url('images/arrow.png') 0 2px no-repeat;margin:5px 0 0 5px;padding:1px 0 5px 20px; font-size: 12px;}
ul.reps li a{color:#4f4f4f;}
ul.reps li a:hover{color:#84a937;}


#content-other ul.img { list-style-type: none; text-align: center; margin: 20px 10px; height: 1%; padding: 0; }
* html #content-other ul.img { margin: 20px 5px; }
#content-other ul.img:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
#content-other ul.img li { float: left; margin: 5px; }
#content-other a.newsThumb,
#content-other ul.img li a { position: relative; display: block; border: 6px solid #cfd3c3; height: 92px; width: 130px; overflow: hidden; }
#content-other ul.img li a:hover { border-color: #22719c; }
#content-other ul.img li p {
	background-color: #cfd3c3;
	padding: 0;
	font-size: 14px;
	margin:0;
	}
#content-other ul.img li p a {
	color:#22719c;
	}
#content-other ul.img li p.small {
	font-size:11px;
	}
ul.img li.small{font-size:10px;}
#content-other ul.img li p a { display: inline; border: 0; height: auto; width: auto; }
#content-other ul.img li p a:hover { border: 0; }

/* sliders */

#feature_wrap {
	display: block;
	float: right;
	height: 350px;
	width: 400px;
	position: relative;
	background-image: url(images/introjs.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0 0 0 0;
	}

a#previous, a#next {
	cursor: pointer;
	display: block;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	z-index: 999;
	position: absolute;
	border: none;
	overflow: hidden;
	left: 7px;
	}

a#previous, a#previous:visited {
	float: left;
	margin-top: 90px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	background-color: transparent;
	background-image: url(images/intro_previous.png);
	background-repeat: no-repeat;
	background-position: left top;
	}	

a#next, a#next:visited {
	float: right;
	margin-top: 90px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 335px;
	background-color: transparent;
	background-image: url(images/intro_next.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
a#next:hover {background-image: url(images/intro_next_on.png);}
a#previous:hover {background-image: url(images/intro_previous_on.png);}

.slider_images {
	overflow: hidden; 
	float: left;
	width: 317px;
}

#slider_wrap {
	background: #0f1a21;
	width: 317px;
	display: block;
	z-index: -1200;
	height: 179px;
	max-height: 266px;
	overflow: hidden;
	margin-left: 42px;
	margin-top: 32px;
	}

#slider_wrap div div { 
	overflow: hidden;
	height:	179px;
	z-index: -1200; 
	}



#slider_wrap div div a{
	border: none;
	}

ul#feature_buttons{
	text-indent:-9999px;
	}



ul#feature_buttons li{
	display: block;
	float: left;
	text-align: center;
	color: #22b6f3;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	width: 20px;
	height: 17px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	}



ul#feature_buttons li:hover {
	background-position: center left; 
	color: #1e1e1e;	
	}



ul#feature_buttons li.active {
	background-position: bottom left;
	color: #BBB;
	}

#wp_page_numbers ul li.active_page a{
	}

a#previous:hover, a#next:hover{
	background-position: top right;
	border:	none;
	}