/* 

Sprike 2010.03.20 - M.Singh

*/

*{ margin: 0pt; padding: 0pt;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a{ margin: 0; padding: 0; border: 0; }


/* GLOBAL */
a:active{outline:none; }
a:focus{-moz-outline-style:none; outline:none; }
a{text-decoration:none; border-bottom:1px #0085DF dotted; color:#0085DF}
a:hover{text-decoration:none; border:none;}
p{padding: 0 0 15px 0; line-height:1.6em}
strong{}
em{}
h1{font-size:20px; color:#54a0c9; padding: 0 0 25px 0; text-align:left;}
	h1 span{color:#626262;}
h2{font-size:14px; color:#54a0c9; padding: 0 0 25px 0; text-align:left;}
h3{font-size:17px; color:#363636; padding: 0 0 25px 0;text-align:left;}
h4{text-align:left; font-size:19px; color:#515151; padding: 0 0 25px 0; }
h5{text-align:left; font-size:14px; color:#515151; padding: 0 0 25px 0;}
h6{text-align:left;}
ul{padding: 0 0 15px 0;}
li{padding: 0px 0 6px 5px; margin: .4em 0 0 2.5em;}
img, div { behavior: url(css/iepngfix.htc) }
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.clr{clear:both;}
.ifr{float:right; margin: 0 0 20px 20px;}
.ifl{float:left; margin: 0 20px 20px 0;}
.liststyle{ list-style: none; margin: 0; padding: 0 0 15px 0;}
	.liststyle li{ background-image:url(images/bullet.gif); list-style:none; background-repeat: no-repeat; background-position: 0 10%; padding: 3px 0 3px 30px; margin: .4em 0 0 2.5em;}
.nomag{margin:0;}
.nopad{padding:0;}
.lrgtxt{font-size:30px; color:#505e68; text-align:left;}
.lrgtxt2{font-size:20px; color:#505e68; text-align:left; text-transform:none;}
.medtxt{font-size:20px; color:#939393; text-align:left; text-transform:none;}
.bigtxt{font-size:20px; text-align:left; font-family:Arial, Helvetica, sans-serif; text-transform:none;}
.hstrong{font-weight:normal; border-bottom:1px #545353 dotted;}
.emphasise{background:#54A0C9; font-size:16px; font-weight:bold; color:white; padding:2px 2px 2px 2px; line-height:1.6em;}
.sectionised{background:#0089E0 url(../images/sectionised.jpg) left no-repeat; color:#FFF; font-size:17px; padding:6px 6px 6px 35px; margin:0 0 25px 0;}

hr {border-bottom:1px solid #EEEEEE;border-top:1px solid #AAAAAA;border-left:0px;margin:0px;padding:0px;margin-bottom:15px;margin-top:5px;}
hr.home {border:none; margin:0 0 25px 0; padding:none; color:none; height:6px; background: url(../images/hr.gif) center repeat-x; clear:both; }
/* GLOBAL END */


/* LAYOUT START */
body {background:#262e35 url(../images/bg.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545353; behavior:url(css/csshover.htc); }
#container{width:960px; margin:0 auto;}
.band_facebook{height:60px; text-align:right; background:url(../images/band.png) no-repeat top left; position:relative; top:-1350px; left:-770px;}
	.band_facebook a{border-bottom:none;}
.band_twitter{height:60px; text-align:right; background:url(../images/band.png) no-repeat top left; position:relative; top:-1320px; left:-770px;}
	.band_twitter a{border-bottom:none;}
#top{height:104px;}
	#top h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#fff; padding: 0 0 0 0; text-transform:none; font-weight:bold; float:left; margin: 26px 0 0 21px;}
		#top h2 em{ font-style:normal; color:#ccc; font-weight:normal;}
.logo{float:left; margin:27px 0 0 0;}
.logo_xmas{float:left; margin:12px 0 0 -12px;}
.strapline{float:left; margin: 45px 0 0 21px;}
#breadcum{display:block; margin: 0 0 20px 0; background:url(../images/breadcrum.png); padding:15px; color:#555;}
	#breadcum a{color:#046eb8;}
#navigation{float:right; margin: 37px 0 0 0; width:655px; font-family:"Century Gothic", Arial, sans-serif; font-size:14px; text-align:right; text-transform:uppercase;}
	#navigation a{border:none;}
	#navigation a:hover{border:none;}
#banner{width:960px; height:360px; margin: 17px 0 31px 0;}
#cu3er-container{width:960px; height:360px; outline:0;}
#main{min-height:354px; height:auto !important; height:354px; padding:36px; background:#D4D5D7; margin:30px 0 0 0; z-index:2;}
.requestquote{position:absolute; z-index:80; margin-left:766px; margin-top:-36px; float:right;}

#main_home{min-height:426px; height:auto !important; height:426px; padding:0 0 36px 0; background:#fff; margin:30px 0 0 0; z-index:1;}
	#main_home #left_column{min-height:420px; height:auto !important; height:420px; width:446px;float:left; text-align:justify; background:url(../images/mainleftcol.jpg) no-repeat; position:relative;}
	#main_home #right_column{width:477px;float:left; text-align:justify; margin: 0 0 0 0;}
	#main_home .lftheading{position:absolute; z-index:10; margin-left:-26px;}
		#main_home .lftheading h2{color:#FFF; font-size:20px; margin:0 0 40px 0; padding:0;}
		#main_home .lftheading p{line-height:normal;}
.homebigtxt{font-size:38px; color:#545356; padding: 0 0 25px 0;}
	#main_home .lftheading{position:absolute; z-index:10; margin-left:-26px;}
		#main_home .lftheading h2{color:#FFF; font-size:20px; margin:0 0 40px 0; padding:0;}
		#main_home .lftheading p{line-height:normal;}
.lftheading{position:absolute; z-index:10; margin-left:-62px;}
	.lftheading h2{color:#FFF; font-size:20px; margin:0 0 40px 0; padding:0;}
	.lftheading p{line-height:normal;}
.effective_tab{margin-top:240px;}
.drivetraffic{margin: 39px 0 55px 0;}
.bluetab{width:374px; min-height:74px; height:auto !important; height:74px; padding: 15px 0 0 51px; background:url(../images/bluetab.png) no-repeat; margin-top: 377px;}
.pinktab{width:374px; min-height:74px; height:auto !important; height:74px; padding: 15px 0 0 51px; background:url(../images/pinktab.png) no-repeat; margin-top: 547px;}
.greentab{width:374px; min-height:74px; height:auto !important; height:74px; padding: 15px 0 0 51px; background:url(../images/greentab.png) no-repeat; margin-top: 797px;}
#reasons{list-style: none; margin: 0; padding: 0 0 25px 0; color:#54a0c9; font-size:15px; font-weight:bold;}
	#reasons .b1{background-image:url(../images/list1.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
	#reasons .b2{background-image:url(../images/list2.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
	#reasons .b3{background-image:url(../images/list3.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
	#reasons .b4{background-image:url(../images/list4.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
	#reasons .b5{background-image:url(../images/list5.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
	#reasons .b6{background-image:url(../images/list6.gif); list-style:none; background-repeat: no-repeat; background-position: 0 30%; padding: 4px 0 4px 35px; margin: .4em 0 0 2.5em;}
#main_portfolio{min-height:354px; height:auto !important; height:354px; margin:30px 0 0 0;}
#main_graphic{min-height:528px; height:auto !important; height:528px; padding:36px; margin:28px 0 0 0; border:1px #E1E1E1 solid; background:url(../images/main_whoweare.gif) repeat-y;}
#main_whoweare{min-height:528px; height:auto !important; height:528px; padding:36px; margin:28px 0 0 0; border:1px #fff solid; background:url(../images/main_whoweare.gif) repeat-y;}
.social{float:left; margin:0 23px 23px 0}

#left_column {width:440px;float:left; text-align:justify; position:relative;}
#right_column {width:400px;float:left;margin-left:35px; text-align:justify;}
.quotebox{border:7px #0084DE solid; margin: 30px 30px 0 0; padding:20px; width:430px; float:right; min-height:685px; height:auto !important; height:685px;}
	.quotebox h1{ font-size:19px;}
	.quotebox h1 em{ font-style:normal; color:#ab553e;}

.port_box{background:url(../images/port_box.png) no-repeat; width:960px; height:422px; border-bottom:1px #424242 solid; margin: 0 0 45px 0;}
.port_image{float:left;}
.port_right{float:left; width:310px; padding: 60px 0 0 0; margin: 0 0 0 50px; font-family:"Century Gothic", Arial, sans-serif; font-size:15px; color:#d5d5d5;}
	.port_right span{color:#9f9f9f; font-style:italic;}
	.port_right a{color:#5ccbec; border:none;}
	.port_right a:hover{color:#fff; border:none;}
	.port_right h3{font-family:"Century Gothic", Arial, sans-serif; font-size:30px; color:#ffffff; font-weight:normal; padding: 0 0 30px 0;}
.box{width:220px; height:64px; padding:30px; background:#b0bbc4; margin: 0 16px 30px 0; float:left; color:#6b8ca9; font-size:53px;}
#footer{color:#7D7D7D; padding: 10px 10px 10px 10px; background:#14171a;}
#footer strong{color:#7D7D7D; font-weight:bold; border:none;}
	#footer a{color:#7D7D7D; border-bottom:none}
	#footer a:hover{color:#fff; border-bottom:none}
		#footer .homelink a{color:#fff; border:none;}
		#footer .homelink a:hover{color:#fff; text-decoration:underline;}
	.footcol{float:left; width:200px; border-top:1px #656565 solid; padding: 7px 0 0 0; margin: 10px 20px 0 0;}
		.footcol p{padding:0 0 1px 0;}

#columnfull{ margin:0 0 20px 0; float:left;}
.package{ width:295px; margin:0 1px 0 0;  float:left; }
	.package h4{ color:#0099CC; font-size:16px;}
	.package h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; text-align:center; font-weight:normal; text-shadow: #222 1px 1px 1px;}
	.package ul{ list-style:none; margin:0 0 0 0; padding:0 0 0 0; color:#222;}
	.package li{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#555 solid 1px;}
	.package p{ font-size:12px; color:#444;}
	.package img{ margin:0 0 10px 107px;}
.packagetop{ background:url(../images/maintenance-bg.jpg) no-repeat;padding:10px;}
.packagebottom{ margin:1px 0 0 0; padding:10px;}
.gold{ color:#FCC81A;}
.bronze{ color:#AC5419;}
.silver{ color:#777;}
.sociallinks{width:202px; float:right; margin: 6px 78px 0 0;}
	.sociallinks span{float:left; margin: 7px 7px 0 0; font-size:14px; color:#e4ddcf; font-weight:bold;}
	.sociallinks img{float:left; margin: 0px 5px 0 0;}
.rightcol_contact img a{border:none;}
/* LAYOUT END */


/* CONTACT FORM */
#validation-message{width: 100%; padding: 20px 0px 20px 110px; margin: 0 0 20px 0; border: 1px solid #800000; color: #800000; background-image:url(../images/error.png); background-position:center left; background-repeat:no-repeat; background-color: #ffdddd;}
	#validation-message p{ padding: 0 0 0 0;}
#enquiryform{}
#enquiryform table{}
#enquiryform td{}
#enquiryform input.required, #enquiryform textarea.required {background-color: #ffdddd;}
.searchfield{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#form1 p label span {color:#FF0000;padding-right:3px;}
.red{color:#FF0000;}
/* CONTACT FORM END */

.followus img{margin: 0 10px 0 0;}
.followus a{border-bottom:none;}

.navhighlight{background:#484848 url(../images/login_bg.jpg) no-repeat; border:1px #7C7F83 solid;}
	#navigation ul#nav li.navhighlight a:hover{color:#B5E5FF;}
	#navigation ul#nav li.navhighlight a{padding-left:27px; padding-right:13px; padding-bottom:7px;}
.webquotebox{width:271px; float:left;}
	.webquotebox h2{ font-size:20px; color:#3c4043;}
		.webquotebox h2 span{color:#a73927;}
.livechatbox{width:100px; height:317px; padding:0 0 0 25px;float:left; background:url(../images/livechatbox_bg.jpg) no-repeat top left;}
#webdesignquote{}
	#formail input[type=text]{ width:236px; height:24px; padding:3px 7px; background:url(../images/webquote_input.jpg) no-repeat; border:0; font-family:Arial, Helvetica, sans-serif; color:#444;}
	#formail textarea{ width:236px; height:74px; padding:3px 7px; background:url(../images/webquote_textarea.jpg) no-repeat; border:0; font-family:Arial, Helvetica, sans-serif; color:#444;}

.mail{
	width:100%;
	margin:auto;
}
#response{
	display: none;
	border: 1px solid #ccc;
	background: #FFFFA0;
	padding: 10px;
	width: 227px;
	margin:0 0 20px 0;
}
#sendmail{
	margin-top: 20px;
	display: block;
}

.portoflioview{width:412px; height:139px;background:url(../images/website-packages3.jpg) 0 0; text-indent:-9999px; margin:0 0 50px 0;}
.portoflioview a{ display:block; height:139px; width:412px; border:none;}
.portoflioview:hover{background:url(../images/website-packages3.jpg) 0 139px; }

input::-webkit-input-placeholder {
    color:    #444;
}
input:-moz-placeholder {
    color:    #444;
}

textarea::-webkit-input-placeholder {
    color:    #444;
}
textarea:-moz-placeholder {
    color:    #444;
}

.googlebox{width:282px; float:left; margin:0 12px 12px 0;}
	.googlebox div{width:172px; height:17px; padding:42px 39px 132px 73px; background:url(../images/googlebg.jpg) no-repeat;}
	.googlebox:hover{color:#000;}
	.googlebox span{color:#377EFA;}
	.googlebox span:hover{color:#000;}
	.googlebox a{border:none; color:red; font-weight:bold;}
	.googlebox a:hover{color:#377EFA; font-weight:bold}
	.googlebox h3{color:#000; margin:0 0 0 0; padding:0 0 10px 0; font-size:17px; text-align:left;}
		.googlebox h3 a{color:#000;}

#left_columnMID {width:590px;float:left; text-align:justify; position:relative;}
#right_columnSMALL {width:250px; height:300px; float:left; margin-left:35px; text-align:justify;}

.righttab{width:224px; padding:7px 7px 7px 30px; background:#E2E8E8 url(../images/rightab_bg.jpg) repeat-x; border:1px #4A8DF5 solid; color:#486EBF; margin:0 0 2px 0; font-weight:bold;}
	.righttab a{color:#0586D7; border:none; display:block;}
	.righttab a:hover{ text-decoration:underline;}