@charset "UTF-8";
/* CSS Document by www.kingsdesign.com.au */


/* Reset Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline; }

/* General Styles */

a img{border:0;}
a{text-decoration:none; color:#323643;}
a:hover{text-decoration:underline;}
abbr{border-bottom:1px dotted #323643;}
#content-portfolio a{color:#ff5a00;}
#content-portfolio .contact-button a{color:#fff; font-weight:normal;}

h1, h2, h3 {margin:10px 0;}
h1{font-size:2.2em; font-weight:normal;}
#home h1{font-size:1.8em;}
h2{font-size:1.8em;}
#home h2{margin:0 0 10px 10px; font-size:1.3em;}
#home h3{color:#fff;  margin:0 0 10px 10px;}
h3{font-size:1.8em;}
#content-portfolio h1{margin-bottom:20px;}
.portfolio-action{padding-top:20px; width:400px;}
.portfolio-item{float:left; width:920px; padding:20px 0;border-top:1px dotted #aeb1ba;}


blockquote{padding-top:10px;}
p{line-height:1.5em; margin:7px 0 0 0; padding-bottom:3px;}
li, {list-style:none; padding:5px 0;}
ul, ol{padding:12px 0;}
ol{margin-left:20px;}
#content-portfolio li{border-bottom:1px dotted #aeb1ba; width:200px;}
/* Page Layout */

#header, .project-button , .panel, #home-content, #footer{background-image: url('/images/kingsv6/sprite1.png');}
ol#controls li.current a, .view-portfolio, .contact-us, .contact-button  {background-image: url('/images/kingsv6/sprite2.png');}

body{margin:0; padding:0; color:#323643; background:#dfe3f3 url('/images/kingsv6/body-background.jpg') no-repeat fixed top center; font-family:helvetica-nueu, helvetica, verdana; font-size:85%; }

#page-wrapper{width:1000px; margin: 0 auto; padding:0;}

#header{ height:79px; background-position: -10px -10px; float:left; width:920px; padding:0 40px; margin-bottom:20px;}
#logo{float:left; padding-top:22px; width:300px;}

#menu{ margin:0; width:500px; position: relative; float:right; padding-top:27px;}
#menu ul{ padding:0; margin:0; width:auto;	list-style: none;	height:30px;	position: relative;	float:right;}
#menu li{list-style:none;	float:left;	text-align:center;	padding:0 0 0 30px; line-height:2.2em;}
#menu li a{color:#323643; font-size:18px; text-shadow: 1px 1px 0px #fff;}
#menu a.active{color:#ff5a00;}

#content-wrapper{width:580px; padding:20px 40px; float:left; }

#content-portfolio{width:920px; padding:20px 40px; float:left; }
.content-portfolio-images{float:right; margin-left:100px;width:470px;}
#content-portfolio img{float:right; padding:5px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.45); margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-portfolio-body{float:left; width:330px;}

.cms, .web-design, .web-development, .e-commerce, .email-marketing, .our-details, .seo{padding:20px 0 10px 60px; margin:10px;}
.cms, .web-design, .web-development, .e-commerce, .email-marketing, .seo, .validation a, .services-panel li, #content-portfolio li, .services ul li{background-image: url(/images/kingsv6/sprite3.png);}

.cms {background-position: -10px 0px;}
.web-design {background-position: -10px -64px;}
.e-commerce {background-position: -10px -128px;}
.web-development {background-position: -10px -192px;}
.the-process {background-position: -10px -260.5px;}
.seo  {background-position: -10px -315px;}
.validation a{background-position: -10px -385px;}
.services-panel li, #content-portfolio li, .services li{background-position: -10px -375px;}
.our-details{background: url('/images/kingsv6/vcard.png') no-repeat center left;}

#sidebar{float:left; width:220px; padding:20px 40px; margin-left:40px; }
#sidebar-contact{float:left; width:260px; padding:20px 40px 20px 0; }
#sidebar-contact a{border-bottom:1px solid #323643;}
#sidebar-contact a:hover{border:0; text-decoration:none;}
.the-process{padding:20px 0 10px 60px; background: url('/images/kingsv6/clock.png') no-repeat center left; margin-left:10px;}
#the-process-box{ background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.45); -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius:5px; width:180px; padding:10px 20px;}

.contact-details{text-align:center;}

#featured-area{margin-top:15px; width:450px; float:left; display:inline; padding-left:40px;}
#featured-area h1{text-shadow: 1px 1px 0px #fff;}
#featured-area h2{ line-height:24px; margin:22px 0; text-shadow: 1px 1px 0px #fff;}

#call-to-action{ margin-top:20px; height:41px; width:450px;}
#call-to-action a, .view-portfolio a{font-size:1.4em; color:#fff; text-shadow: 1px 1px 4px #000;}
.view-portfolio, .contact-us{float:left; height:41px; width:162px; text-align:center; padding-top:11px;}
.view-portfolio{background-position: -10px -27px;}
.contact-us{background-position: -10px -90px; margin-left:40px; }
.project-button{padding:5px 20px; background-position: -10px -10px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#portfolio-testimonial{font-family:Georgia, "Times New Roman", Times, serif; width:430px;padding:0 20px 10px 20px; float:right; clear:right; background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px; margin-bottom:20px;}

#portfolio-slider{width:430px; float:left; margin:20px 0 0 20px;}

/* Easy Slider */
	#slider{float:left; display:inline; width:480px; overflow:hidden;}
	#slider a:hover{cursor:pointer;}
	#slider ul, #slider li,	#slider2 ul, #slider2 li{margin:0;	padding:0; list-style:none;	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 		/* entire slider area will adjust according to the parameters provided here */ 
		width:480px; height:230px; overflow:hidden; }	
	ol#controls{ float:left; padding:0;margin-left:210px;	}
	ol#controls li{	margin:0 10px 0 0;float:left;list-style:none;  padding:0; }
	ol#controls li a{float:left;	text-decoration:none; color:#323643; padding:3px 5px 3px 5px; height:12px width:7px;}
	ol#controls li.current a{background-position: 0px 0px;}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	.controls{ color:#323643; float:right;}
/* // Easy Slider */

#home-content{ background-color: #323643; background-position: -10px -1412px;  width:920px; padding:40px 40px 0 40px; float:left;}
.home-panel{ float:left; width:282px; height:323px; }
.services-panel{background: url('/images/kingsv6/services-icon.png') no-repeat 90% 0%; margin-right:60px;}
.services-panel li, #content-portfolio li, .services ul li{list-style:none; padding:9px 0 9px 25px;}
.services ol li{padding:9px 0 9px 10px;}
.services a{color:#FF5A00; }
.services h2{padding-top:20px;}
.services-panel a{ font-weight:bold;}

.contact-panel{background: url('/images/kingsv6/contact-icon.png') no-repeat 90% 0%;}
.contact-button a{color:#fff;}
.contact-button{float:left; height:41px; width:162px; text-align:center; padding-top:11px;background-position: -10px -90px; margin-top:10px; font-size:18px; color:#fff; text-shadow: 1px 1px 4px #000;}
.panel{background-position: -10px -1129px; width:242px; height:223px; padding:20px;}

#home #testimonials{float:left; width:230px; margin-left:60px;  color:#F3F4FA;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.1em;}

#footer-homepage{clear:left; float:left; color:#f3f4fa; padding:30px 0 20px 0; border-top:1px solid #aeb1ba; width:920px;}

#footer{background-position: -10px -1412px; width:920px; padding:40px 40px 20px 40px; float:left; clear:left; color:#f3f4fa;}
.validation a{padding-left:22px; color:#f3f4fa; text-decoration:underline;}
#copyright a, #testimonials a{color:#f3f4fa; text-decoration:underline;}
#copyright a:hover, #testimonials a:hover{text-decoration:none}
#copyright{width:450px; float:left;}
#twitter{width:340px; float:right;  background: url('/images/kingsv6/twitter.png') no-repeat top left; padding-left:40px; }
#tweet{background:#565a6d; border:1px solid #f3f4fa; padding:10px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}

#contact-form-wrapper{background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.45); -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius:5px; padding:10px; margin:20px 40px 20px 0px;}
.form-left {float:left;min-height:24px;padding:7px 0 0 7px;width:180px;}
.form-right {float:left;min-height:24px;padding:5px;width:310px;}
.clear{float:none; clear:left;}

#contact input, #contact textarea, .services input, .services textarea{border:1px solid #565a6d;padding:5px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#contact input.contact-us, .services input.contact-us{border:0; font-size:18px; color:#fff; text-shadow: 1px 1px 4px #000; margin:0;}
#contact input.contact-us:hover, .services input.contact-us:hover{cursor:pointer;}
.follow-us a{color:#fff;}