@charset "utf-8";
/* CSS Document 

Sky Blue */

body,td,th {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	overflow-x:hidden;
	Width:100%;
	Height:100%;
	background: url(../media/images/bg.gif) repeat-x ;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
p {
    margin: 0;
}

:focus {
	outline: 0;
}
.clear {
	clear:both;
}
.Old {
	font-family: 'Old';
}



#main_body		{ position:absolute; top:168px; background:#306; width:100%; height:835px;}

/*  //////////////////////////   Header */
#header_holder {
	position:relative;
	margin:0 auto;
	background:url(../media/images/sky_bg.gif) repeat-x top;
	height:106px;/*193*/
}
#head {
	background: url(../media/images/header.jpg) no-repeat;
	position:relative;
	margin: 0 auto;
	background-color:060;
	width:920px;
	height:106px;/*193*/
}

/* ///////////////////////////   Main Content */

#main_holder		{ background: #FFF; position:relative; margin:0; }
#content_holder		{ background:; width:920px; margin:0 auto; clear:both; padding:20px 0; position:relative; z-index:3;}
#content			{ width:920px; margin:0 auto;}
#home				{ width:920px; background:url(../media/images/chess.gif) bottom right no-repeat;}
#home p				{ width:500px; margin:15px 0;}

#leftusp			{ float:left; width:290px;}
#leftusp ul			{ margin:0; padding:0;}
#leftusp li			{ list-style:none; width:276px; padding:2px; font-family: 'MyriadPro'; font-size:16px;}
#leftusp li.usp1	{ background:url(../media/images/uspbg1.gif) no-repeat; height:60px; }
#leftusp li.usp2	{ background:url(../media/images/usp2.gif) no-repeat; height:80px; }
#leftusp li.usp3	{ background:url(../media/images/usp3.gif) no-repeat; height:100px; }
#leftusp li IMG		{ float:left;}
#leftusp li IMG.mrt { margin-top:10px;}
#leftusp li P		{ float:right; margin:5px 0 0 0; padding:0; width:217px;}

/*  ////////////////////////// Backgrounds Changes */
.smlbg #main_holder		{ background:;}



/*  //////////////////////////   Footer */
#footer_holder {
	position:relative;
	z-index:20;
	clear:both;
	background:url(../media/images/footer_bg.png) repeat-x;
	height:180px;
	margin:0;
}
#footer {
	margin: 0 auto;
	padding:20px 0 0 0;
	width:920px;
}
#footer ul {
	float:left;
	width:190px;
	margin:0;
}

#footer li {
	float:left;
	list-style:none;
	width:190px;
	pading:5px;
	margin:15px 15px 0 0;
}
#footer li a { color:#333;}





/*  //////////////////////////   Portfolio */
#portfoliotxt			{ width:920px; margin:40px 0;}
#portfoliotxt h2		{ margin:40px 0; padding:0;}
ul.portfolio 			{ margin:80px 0; padding:0; height:320px;}
ul.portfolio li			{ list-style:none; float:left; margin:0; width:460px;}

.portfolio h3 			{ font-family: 'MyriadPro'; font-size:20px; margin-bottom:20px; text-decoration:none;}
.portfolio a 			{ text-decoration:none;}
.portfolio p 			{ width:900px; float:left; margin-top:40px; margin-bottom:5px; font-size:12px;}
.pleft 					{ margin-top:40px; height:360px; font-size:30px; float:left; width:455px;}
.pright 				{ margin-top:40px; height:360px; font-size:30px; float:right;width:455px;}


/*  //////////////////////////   Services */
.title_holder 			{ width:900px;}
.tleft 					{ float:left; width:450px;}
.tright 				{ float:right; width:440px;}
.services ul 			{ margin:0; padding:0;}
.services li 			{ border: solid 10px #999; padding:5px; float:left; width:420px; height:112px; margin:0 0 10px 0;
						  list-style:none;}
.services li.left		{ margin:0 20px 0 0}
.services h1 			{ margin:15px 0 15px 15px;}
.services h3 			{ margin:0 0 10px 0; padding:0;}
.services li p			{ font-size:11px; width:235px;}
.services li img 		{ margin:0 0 0 5px; float:right;}
.services a 			{ /*padding-right:5px; float:right;*/ text-decoration:none;}


/*  //////////////////////////   Testimonials */
.testimonials 			{ width:920px;}
.testimonials h3		{}
.testimonials ul 		{ margin:0; padding:0}
.testimonials li 		{ margin:0 0 10px 0; list-style:none; border: 10px solid #999; width:860px; padding:10px;}
.testimonials li h3 	{ font-weight:bold; font-size:12px; margin:0 0 5px 0;}

/*  //////////////////////////   Bespoke Layout */
.bespoke				{ padding:50px 0;}
.bespoke .text			{ width:480px; float:left;}
.bespoke h1, .bespoke h2{ font-size:18px;}

/*  //////////////////////////   Graphic Layout */
.graphic				{ padding:50px 0;}
.graphic .text			{ width:480px; float:left;}
.graphic h1, .graphic h2{ font-size:18px;}

/*  //////////////////////////   Webware Layout */
.webware				{ padding:50px 0;}
.webware .text			{ width:470px; float:left; margin:0 10px 0 0; padding:0;}
.webware h1, .webware h2{ font-size:18px;}

/*  //////////////////////////   Hosting  */

.hosting 				{ margin: 0 auto; width:920px;}
.hosting h2 			{ margin:0; padding:30px 0 20px 0;}
.hosting .left 			{ float:left; width:400px;}
.hosting .right 		{ float:right; width:520px;}
.hosting .right ul 		{ margin:0; padding:0px 0 0 0;}
.hosting .right li 		{ position:relative; font-size:24px; font-weight:bold; list-style:none; border:5px solid #999;
						  background:url(../media/images/grey-grad-bg.gif) repeat-x; height:32px; width:396px;
						  padding:12px 14px; margin:10px;}
.hosting .right p 		{ float:left;}
.hosting .right span 	{ float:right;}
.hosting .right label 	{ position:absolute; top:40px; right: 10px; font-size:11px; float:right;}
.hosting .right li:hover{ background:#00b4ff; list-style:none;}
.hosting .right img 	{ margin:10px;}
.hosting .content 		{ clear:both;}
.hdetails				{ margin:40px 0 0 0;}
.hdetails ul 			{ width:940px; margin:10px 0 0 0; padding:0;}
.hdetails li 			{ display: block; position:relative; list-style:none;
						  background: url(../media/images/grey-grad-bg-med.gif) repeat-x; width:201px; height:150px;
						  float:left; padding:6px 10px 10px 10px; margin:0 12px 0 0;}
.hdetails ul li ol		{ margin:0 0 0 10px; padding:0;}
.hdetails ul li ol li	{ width:170px; padding:3px; height:12px; list-style: square; background:none;}
.hdetails li h3 		{ font-size:24px; margin:0 0 5px 0;}
.hdetails ul li ol li span 			{ top:122px; left:140px; position:absolute; font-size:18px;}

/*  //////////////////////////   E-Commerce */
.ecommerce 				{ margin: 0 auto; width:920px;}
.ecommerce h2			{ margin: 0 0 10px 0;}
.ecommerce a			{ font-size:16px; padding:0; margin:0;}
.ecommerce img 			{ float:right; margin-left:10px;}
.ecommerce .pros ul 	{ margin:0; padding:0;}
.ecommerce .pros li 	{ list-style:none; width:442px; margin:2px 0 5px 0; padding:5px 5px 5px 35px;
						  background:#c6eeff url(../media/images/pros.gif) left center no-repeat; border:#02B5FF solid 1px;}
.ecommerce .cons ul 	{ margin:0; padding:0;}
.ecommerce .cons li 	{ list-style:none; margin:2px 0 5px 0; padding:5px 5px 5px 35px;
						  background:#c6eeff url(../media/images/cons.gif) left center no-repeat; border:#02B5FF solid 1px;}

/*  //////////////////////////   CMS */
.cms 					{}
.cms h3 				{ font-size:18px;}
.cms img 				{ float:right; margin-left:10px;}

/*  //////////////////////////   Printing */
.printing 				{ margin: 0 auto; width:920px;}
.printing h1 			{ font-size:14px; margin-bottom:5px;}
.printing p 			{ font-size:12px; margin-bottom:5px;}
.printing .left 		{ float:left; width:630px;}
.printing .right 		{ margin:0px; float:right; width:280px;}
.printing .right ul 	{ margin:0; padding:0;}
.printing .right li 	{ list-style:none; padding:10px; background: url(../media/images/grey-grad-bg-med.gif) #878787 repeat-x;}
.printing .right
	li div.bcard 		{ background:#FFF; padding:3px 5px; margin:1px; height:16px; float:left; width:118px;}
.printing .right li
	div.flyer 			{ background:#FFF; padding:3px 5px; margin:1px; height:16px; float:left; width:53px;}
.printing .footer		{ clear:both;}
.call-now 				{ margin:5px 0; text-align:center; font-weight:bold;}

/*  //////////////////////////   Website Portfolio */
/*  //////////////////////////   Printed Medai Portfolio */
.web-portfolio 			{ margin: 0 auto; width:920px;}
.web-portfolio ul 		{ width:930px; margin:0; padding:0;}
.web-portfolio li 		{ width: 455px; float:left; background:#999; list-style:none; padding:0px; margin:0 10px 20px 0;}
.web-portfolio li:hover { background:#02B5FF; list-style:none; padding:0px; margin:0 10px 20px 0;}
.web-portfolio img 		{ border: #CCCCCC 10px solid; margin:10px;}
.web-portfolio a 		{ text-decoration:none;}
.web-portfolio a:link	{ color:#000;}
.web-portfolio a:hover	{}
.web-portfolio p 		{ padding:0 0 10px 10px;}

/*  //////////////////////////   Contact */
.contact 				{ width:900px; margin:0 0 150px 0;}
.contact .left 			{ margin: 0 0 0 120px; position:relative; padding:0 0 20px 0; width:400px; float:left;}
.contact .left ul 		{ margin:0; padding:0;}
.contact .left li 		{ margin-bottom:17px; list-style:none; height:30px; width:400px;}
.contact .left p 		{ position:absolute; left:0px; margin:0;}
.contact .left label 	{ position:absolute; left:100px; margin:0;}
.contact .right 		{ padding-top:0px; margin:0 0 150px 0; float:left; width:320px;}
.error 					{ margin:0 0 50px 120px; position:relative; padding:2px 0 5px 0;}
.contact .button 		{ font-size:14px; text-decoration:none; background:url(../media/images/button.gif) center repeat-x;
						  padding: 5px 15px; border:#006 solid 1px;}
.contact .button:hover	{ background:url(../media/images/button_ov.gif) center repeat-x;}