/** Global type selectors **/

html {
	height: 100%; 
	min-height: 100%;
	overflow-x: hidden;
}

body {
	height: 100%; 
	min-height: 100%;
	width: 100%;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

.wrapper {
	width: 984px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

#topbar {
	width: 100%;
	height: 26px;
	background-image: url('../images/topbar_bg.jpg');
	background-repeat: repeat-x;
	border-bottom: 1px solid #ed701c;
}

#bubble {
	width: 137px;
	height: 76px;
	background-image: url('../images/bubble-trans.png');
	display: none;
	padding: 23px 0px 0px 22px;
	z-index: 3;
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: 300px;
}

#bubble ul {
	list-style-image: url('../images/bubble_bullet-trans.png');
	display: block;
	font: bold 9px "Verdana";
	padding-left: 15px;
	margin: 0px;
	line-height: 14px;
}

#bubble ul li a {
	text-decoration:none;
	color: #000;
}

#close {
	position: absolute;	
	top: 16px;
	right: 8px;
	cursor: pointer;
}

#clouds {
	position: absolute;
	top: 26px;
	left: 50%;
    margin-left: -608px;
	width: 1216px;
	height: 744px;
	background-image: url('../images/main_bg_clouds.jpg');
	background-repeat: no-repeat;
	z-index: -1;
	overflow: hidden;
}

#headerarea {
	width: 984px;
	height: 113px;
	margin: 12px auto 0px auto;
	padding: 0px;
	z-index: 1;
}

#logo {
	width: 625px;
	height: 114px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#headerlinks {
	width: 300px;
	height: 80px;
	margin-top: 10px;
	padding: 0px;
	float: right;	
}

#headerlinks ul{
	padding: 0px;
	margin: 10px 28px;
}

#headerlinks ul li {
	list-style-type:none; 
	display: inline;
	padding: 0px;
	margin: 0px 8px;
}

#headerlinks ul li a img {
	border-style: none
}

/** Website menu and styles for css rollovers using lists **/

#menu {
	width: 982px;
	height: 53px;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #ed701c;
	background-color: #2c2420;
	z-index: 1;
	background-repeat: no-repeat;
}


ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	background: url('../images/menu.gif');
	}

ul.cssmenu li.home a {
	width: 99px;
	height: 53px;
	background-position: 0 0;
	}

ul.cssmenu li.packages a {
	width: 192px;
	height: 53px;
	background-position: -99px 0;
	}

ul.cssmenu li.why a {
	width: 172px;
	height: 53px;
	background-position: -291px 0;
	}

ul.cssmenu li.testimonials a {
	width: 149px;
	height: 53px;
	background-position: -463px 0;
	}

ul.cssmenu li.what a {
	width: 181px;
	height: 53px;
	background-position: -612px 0;
	}
	
ul.cssmenu li.blog a {
	width: 71px;
	height: 53px;
	background-position: -793px 0;
	}

ul.cssmenu li.contact a {
	width: 118px;
	height: 53px;
	background-position: -864px 0;
	}
	
ul.cssmenu li.home a:hover {
	width: 99px;
	height: 53px;
	background-position: 0 -106px;
	}

ul.cssmenu li.packages a:hover {
	width: 192px;
	height: 53px;
	background-position: -99px -106px;
	}

ul.cssmenu li.why a:hover {
	background-position: -291px -106px;
	width: 172px;
	height: 53px;
	}

ul.cssmenu li.testimonials a:hover {
	width: 149px;
	height: 53px;
	background-position: -463px -106px;
	}

ul.cssmenu li.what a:hover {
	width: 181px;
	height: 53px;
	background-position: -612px -106px;
	}
	
ul.cssmenu li.blog a:hover {
	width: 71px;
	height: 53px;
	background-position: -793px -106px;
	}

ul.cssmenu li.contact a:hover {
	width: 118px;
	height: 53px;
	background-position: -864px -106px;
	}

ul.cssmenu li.home a.selected {
	width: 99px;
	height: 53px;
	background-position: 0 -53px;
	}

ul.cssmenu li.packages a.selected {
	width: 192px;
	height: 53px;
	background-position: -99px -53px;
	}

ul.cssmenu li.why a.selected {
	width: 172px;
	height: 53px;
	background-position: -291px -53px;
	}

ul.cssmenu li.testimonials a.selected {
	width: 149px;
	height: 53px;
	background-position: -463px -53px;
	}

ul.cssmenu li.what a.selected {
	width: 181px;
	height: 53px;
	background-position: -612px -53px;
	}
	
ul.cssmenu li.blog a.selected {
	width: 71px;
	height: 53px;
	background-position: -793px -53px;
	}

ul.cssmenu li.contact a.selected {
	width: 118px;
	height: 53px;
	background-position: -864px -53px;
	}

#slide {
	width: 982px;
	height: 280px;
	margin: 5px auto 0px auto;
	padding: 0px;
	border: 1px solid #ed701c;	
	background-color: #2c2420;
	z-index: 1;
	background-image: url('../images/home_slide.jpg');
	background-repeat: no-repeat;
}

#slide_info {
	width: 293px;
	height: 248px;
	padding: 18px;
	z-index: 2;
	margin-left: 622px;
	font: 12px "Trebuchet MS";
	color: #a29793;
	line-height: 18px;
}

#slide_info p a {
	font: bold 11px "Trebuchet MS";
	color: #f99236;
	line-height: 12px;
	text-decoration: none;
}

#maincontbody {
	width: 986px;
	height: auto;
	margin: 16px auto 0px auto;
	padding: 15px 0px;	
	background-color: #fff;
	border: 1px solid #d9d9d9;
	z-index: 1;
}

#bodymain {
	height: auto;
	width: 684px;
	margin: 10px 0px 10px 32px;
	padding-right: 25px;
	float: left;
	border-right: 1px solid #d9d9d9;
}

#bodymain p {
	font: 14px "Trebuchet MS";
	color: #0f0d0c;
	line-height: 22px;
}

#bodymain p a {
	font: 14px "Trebuchet MS";
	color: #f5711c;
	line-height: 22px;
	text-decoration: none;
	border: none;
}

#services {
	position: relative;
	height: 120px;
}

#services ul {
	list-style-image: url('../images/bullet.gif');
	display: block;
	font: 10px "Verdana";
	color: #0f0d0c;
	padding: 0px 15px;
	line-height: 18px;
}

#services ul li a {
	text-decoration:none;
	color: #2c2420;
}

#bodymainbottom {
	width: 675px;
}

#latestdesigns {
	width: 372px;
	float: left;
}

#healthcheckad {
	width: 250px;
	float: right;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 15px;
	border-left: 1px solid #d9d9d9;
}

#bodycol {
	height: auto;
	width: 180px;
	margin: 10px 30px 10px 10px;
	float: right;
}

.clear {
	float: none;
	clear: both;
}

#subfooter {
	width: 100%;
	height: 135px;
	margin: 38px auto 0px auto;
	padding: 0px;	
	border-top: 1px solid #58534d;	
	background-image: url('../images/footer_sub_bg.jpg');
	background-repeat: repeat-x;
}

.foot {
	width: 170px;
	height: 105px;
	float: right;
	margin: 20px 20px 0px 0px;
	padding: 0px 30px 0px 100px;
	font: 10px "Verdana";
	color: #241f1d;
	line-height: 11px;
}

.first {
	background-image: url('../images/sub_wordpress-trans.png');
	background-position: center left;
	background-repeat: no-repeat;
	border-right: 1px solid #8e725b;
}

.second {
	background-image: url('../images/sub_phone-trans.png');
	background-position: center left;
	background-repeat: no-repeat;
	border-right: 1px solid #8e725b;
}

.third {
	background-image: url('../images/sub_clipboard-trans.png');
	background-position: center left;
	background-repeat: no-repeat;
}

.foot a, .foot strong {
	font: bold 10px "Verdana";
	color: #f06a1d;
	line-height: 11px;
	text-decoration: none;
}

#footer {
	width: 100%;
	height: 141px;
	margin: 0px auto;
	padding: 22px 0px;	
	border-top: 1px solid #58534d;	
	background-image: url('../images/footer_bg.jpg');
	background-repeat: repeat-x;	
}

#footermain {
	width: 620px;
	height: 112px;
	float: left;
	margin: 10px 0px 0px 10px;
	font: 12px "Verdana";
	color: #241f1d;
}

#footnotes {
	text-align: right;
	width: 330px;
	height: 105px;
	float: right;
	margin-top: 20px;
	padding: 0px;
	font: 10px "Verdana";
	color: #241f1d;
	line-height: 11px;
}

#footnotes a {
	font: bold 10px "Verdana";
	color: #241f1d;
	line-height: 11px;
	text-decoration: none;
}

.ir {
	text-indent: -9999px;
	margin: 0px;
}

#ir_logo {
	width: 227px; height: 113px;
	background: url("../images/only_logo-trans.png");
	background-repeat: no-repeat;
	float: left;
}

#ir_blurb {
	width: 322px; height: 87px;
	background: url("../images/only_blurb-trans.png");
	float: right;
}

#ir_phone {
	width: 267px; height: 30px;
	background: url("../images/only_phone-trans.png");
	margin: 0px auto; 
	display: block;
}

#ir_designproblem {
	width: 668px; height: 33px;
	background: url("../images/header_home_designproblem.gif");
}

#ir_latestdesigns {
	width: 371px; height: 32px;
	background: url("../images/header_home_latestdesigns.gif");
}

#ir_sub01 {
	width: 149px; height: 16px;
	background: url("../images/sub_request-trans.png");
	margin: 5px 0px;
}

#ir_sub02 {
	width: 109px; height: 14px;
	background: url("../images/sub_callus-trans.png");
	margin: 5px 0px;
}

#ir_sub03 {
	width: 129px; height: 17px;
	background: url("../images/sub_read-trans.png");
	margin: 5px 0px;
}

#ir_packages {
	width: 668px; height: 33px;
	background: url("../images/header_packages.gif");
}

#ir_why {
	width: 668px; height: 33px;
	background: url("../images/header_why.gif");
}

#ir_testimonials {
	width: 668px; height: 33px;
	background: url("../images/header_testimonials.gif");
}

#ir_services {
	width: 668px; height: 33px;
	background: url("../images/header_services.gif");
}

#ir_customsites {
	width: 668px; height: 33px;
	background: url("../images/header_customsites.gif");
}

#ir_ecommerce {
	width: 668px; height: 33px;
	background: url("../images/header_ecommerce.gif");
}

#ir_offline {
	width: 668px; height: 33px;
	background: url("../images/header_offline.gif");
}

#ir_cms {
	width: 668px; height: 33px;
	background: url("../images/header_cms.gif");
}

#ir_socialmedia {
	width: 668px; height: 33px;
	background: url("../images/header_socialmedia.gif");
}

#ir_wordpress {
	width: 668px; height: 33px;
	background: url("../images/header_wordpress.gif");
}

#ir_motion {
	width: 668px; height: 33px;
	background: url("../images/header_motion.gif");
}

#ir_domains {
	width: 668px; height: 33px;
	background: url("../images/header_domains.gif");
}

#ir_online {
	width: 668px; height: 33px;
	background: url("../images/header_online.gif");
}

#ir_logos {
	width: 668px; height: 33px;
	background: url("../images/header_logos.gif");
}

#ir_seo {
	width: 668px; height: 33px;
	background: url("../images/header_seo.gif");
}

#ir_copywriting {
	width: 668px; height: 33px;
	background: url("../images/header_copywriting.gif");
}

#ir_redesign {
	width: 668px; height: 33px;
	background: url("../images/header_redesign.gif");
}

#ir_management {
	width: 668px; height: 33px;
	background: url("../images/header_management.gif");
}

#ir_award {
	width: 668px; height: 33px;
	background: url("../images/header_designawards.gif");
}

#ir_healthcheck {
	width: 668px; height: 33px;
	background: url("../images/header_healthcheck.gif");
}

#ir_guarantee {
	width: 668px; height: 33px;
	background: url("../images/header_guarantee.gif");
}

#ir_specialoffers {
	width: 668px; height: 33px;
	background: url("../images/header_specialoffers.gif");
}

#ir_payment {
	width: 668px; height: 33px;
	background: url("../images/header_paymentmethods.gif");
}

#ir_designs {
	width: 668px; height: 33px;
	background: url("../images/header_latestdesigns.gif");
}

#ir_contactus {
	width: 668px; height: 33px;
	background: url("../images/header_contactus.gif");
}

#ir_prepackaged {
	width: 668px; height: 33px;
	background: url("../images/header_packaged.gif");
}

#ir_footer {
	width: 212px; height: 17px;
	background: url("../images/footer_tailor-trans.png");
	margin: 5px 0px;
}

.webpackages {
	width: 500px;
	height: 170px;
	margin: 20px auto;
	padding: 15px 135px 15px 20px;
	background-color: #f6f6f6;
	background-position: center right;
	background-repeat: no-repeat;
}

.webpackage {
	width: 500px;
	height: auto;
	margin: 20px auto;
	padding: 15px 135px 15px 20px;
	background-color: #f6f6f6;
	background-position: center right;
	background-repeat: no-repeat;
}

.webpackage li {
	font: 12px "Trebuchet MS" ! important;
	color: #555 ! important;
}

.webpackages h1 {
	font: bold 15px "Trebuchet MS";
	color: #000;
	line-height: 16px;
	display: inline;
}

.webpackages em {
	font: bold 12px "Trebuchet MS";
	color: #333;
	display: inline;
}

.webpackages h2 {
	font: bold 12px "Trebuchet MS";
	color: #f5711c;
}

.webpackages strong {
	font: bold 12px "Trebuchet MS";
	color: #333;
	display: inline;
}

.webpackages p {
	font: 12px "Trebuchet MS" ! important;
	color: #555 ! important;
	display: inline ! important;
}

.webpackages a {
	font: bold 12px "Trebuchet MS" ! important;
	color: #2e70b3 ! important;
	text-decoration: none;
}

#p01 {
	background-image: url('../images/package_01.jpg');
	border: 1px dashed #f5711c;
}

#p01:hover {
	border: 1px solid #f5711c;
}

#p02 {
	background-image: url('../images/package_02.jpg');
	border: 1px dashed #2e70b3;
}

#p02:hover {
	border: 1px solid #2e70b3;
}

#p03 {
	background-image: url('../images/package_03.jpg');
	border: 1px dashed #f5711c;
}

#p03:hover {
	border: 1px solid #f5711c;
}

#p04 {
	background-image: url('../images/package_04.jpg');
	border: 1px dashed #2e70b3;
}

#p04:hover {
	border: 1px solid #2e70b3;
}

.quotes {
	width: 500px;
	height: auto;
	margin: 20px auto;
	padding: 15px 135px 15px 20px;
	background-color: #f6f6f6;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url('../images/quote.gif');
	border: 1px solid #2e70b3;
}

.quotes:hover {
	border: 1px solid #f5711c;
}

.quotes p {
	font: bold 16px "Trebuchet MS" ! important;
	color: #555 ! important;
	display: inline ! important;
}

.quotes p em {
	font: italic 16px "Trebuchet MS" ! important;
	color: #999 ! important;
	display: inline ! important;
}

ul#accordion, ul#accordion ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 660px;
  font: bold 15px "Trebuchet MS" ! important;
}

ul#accordion a {
  display: block;
  text-decoration: none;	
  cursor: pointer;
}

ul#accordion li {
  margin-top: 1px;
}

ul#accordion li a {
  background: #f5711c;
  color: #fff;	
  padding: 0.5em;
  border: 2px solid #f5871c;
}

ul#accordion li a:hover {
  background: #d3511a;
}

ul#accordion li ul li a {
  background: #e0f7ff;
  color: #000;
  padding-left: 20px;
  border: 2px solid #bedbe6;
}

ul#accordion li ul li a:hover {
  background: #85d1ed;
  border-left: 5px #17799d solid;
  padding-left: 15px;
}

#header {
	width: 982px;
	height: 280px;
	margin: 5px auto 0px auto;
	padding: 0px;
	border: 1px solid #ed701c;	
	z-index: 1;
	background-repeat: no-repeat;
}

.services {
	background-image: url('../images/header_services.jpg');	
}

.testimonials {
	background-image: url('../images/header_testimonials.jpg');	
}

.why{
	background-image: url('../images/header_why.jpg');	
}

.packages {
	background-image: url('../images/header_packages.jpg');	
}

.servicedetails {
	background-image: url('../images/header_servicedetails.jpg');	
}

.ourawards {
	background-image: url('../images/header_designaward.jpg');	
}

.sitehealth {
	background-image: url('../images/header_healthcheck.jpg');	
}

.priceguarantee {
	background-image: url('../images/header_priceguarantee.jpg');	
}

.ourspecials {
	background-image: url('../images/header_specialoffers.jpg');	
}

.paymenttypes {
	background-image: url('../images/header_paymentmethods.jpg');	
}

.latestwork {
	background-image: url('../images/header_latestdesigns.jpg');	
}

.prepackaged {
	background-image: url('../images/header_readymadepackages.jpg');	
}

.contactus {
	background-image: url('../images/header_contactus.jpg');	
}

#mainform {
	width: auto;
	height: auto;
	margin: 20px auto;
	padding: 15px 135px 15px 20px;
	background-color: #f6f6f6;
	font: 12px "Trebuchet MS";
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px dashed #f5711c;
}

#mainform:hover {
	border: 1px solid #f5711c;
}

#button {
	 text-align: center;
}