* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
.clear {
	clear:both;
}

.hide{display:none;}

body {
	margin:0;
	font-size: 62.5%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 150%;
	color:#444444; /*change font color*/
	background: #fff; /*background color*/
	position:relative;
	background:url(i/bg_body.jpg) repeat-x #FFF;
}

.gradientbottom {background:#e5f3f3; border-top:1px solid #bfdddd;}
div, p, ul, img {
	padding:0px;
	margin:0px;
	border:none;
}
ul {
	list-style-type:none;
}
li {list-style:none;}
a {
	outline:none; /* Remove Firefox's dotted borders */
	text-decoration:none;
	color:#d05606;
	padding:0;
	margin:0;
}
a img {
	border:none;
} /* Remove IE's blue borders */
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2.2em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0 0 35px 0;
	padding:0;
	color:#333;
}
h3 {
	font-size: 3.2em;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0 0 22px 0;
	color:#227ab0;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.8em;
}
h6 {
	font-size: 1.2em;
}
.left {
	float:left;
}
.right {
	float:right;
}
p {
	font-size: 1.2em;
	padding-top:10px;
	line-height:1.4em;
}

.bold {font-weight:bold; text-transform:capitalize;}
/*------------------------------CONTENT--------------------------------*/


#innerheader {
	height:115px;
	border-bottom:solid 1px #bfdddd;
}
#nav_content {
	float:left;
	margin-left:200px;
}
.headercontent {
	padding:70px 20px 20px 10px;
}
.subheadercontent {
	padding:0 20px 0 10px;
}
.tagline {
	padding:30px 0 0 14px;
}
.centre {
	width:960px;
	height:100%;
	margin:0 auto;
	padding:0;
}
.centre_box {
	width:939px;
	margin:0 auto;
	overflow:hidden;
	padding-left:10px;
}
h1 a {
	float:left;
	display:block;
	width:318px;
	height:44px;
	background: transparent url(i/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.headercontent .menu {width:325px; height:22px; background:url(i/navigation.png) no-repeat 0 0; position:relative; background-position:-8px; float:right; margin-top:15px;}
.subheadercontent .menu {width:325px; height:22px; background:url(i/subnavigation.png) no-repeat 0 0; position:relative; background-position:-8px; float:right; margin-top:15px;}
.menu ul li {display:inline; height:22px;}
.menu li a {display:block; float:left; height:22px; text-indent:-9999px;}
.menuHome {width:18px;}
.menuAbout {width:56px; margin-left:28px;}
.menuPortfolio {width:83px; margin-left:28px;}
.menuContact {width:74px; margin-left:22px;}



.inner_content {margin-top:50px; margin-bottom:50px;}
#left_boxservices {float:left; width:600px;}
#left_boxabout {float:left; width:420px;}

#left_boxabout p{margin-left:5px;}

.right_box {float:left; padding-left:50px;}

.title {margin: 20px 0 5px 0;}
#webdesign .title {margin-top:0;}
#webdesign {padding-left:80px; background:url(i/mac.png) no-repeat 0 5px;}
#wordpress {padding-left:80px; background:url(i/hand_wordpress.png) no-repeat 0 5px;}
#seo {padding-left:80px; background:url(i/switch.png) no-repeat 0 5px;}

.section .menu {padding-bottom:15px;}
.underline {background:#bfdddd; height:1px;}

#footer {height:40px; background:#bfdddd; padding:10px 0 0 20px;}




#left_boxcontact {float:left; width:400px;}
#right_boxabout {float:left; margin-top:10px;}
.processes_block img, .processes_block p {float:left;}
.processes_block p {width:400px; padding-left:50px;}


#aboutintro {background:url(i/aboutintro.png) no-repeat; text-indent:-9999px; height:108px; margin:30px 0 10px 5px;}


#left_slider, #right_slider {float:left; width:43px; height:99px; padding:120px 0 140px 30px;}
#left_slider a {width:43px; height:99px; background:url(i/arrowleft.png) no-repeat; display:block;}
#left_slider a:hover {background:url(i/arrowleft.png) no-repeat 0 -97px;}

#right_slider a {width:43px; height:99px; background:url(i/arrowright.png) no-repeat; display:block;}
#right_slider a:hover {background:url(i/arrowright.png) no-repeat 0 -97px;}
#right_slider {padding-left:0px;}



.process {width:358px; height:355px; background:url(i/process.jpg) no-repeat 0 -3px; margin-left:130px;}
.process li {float:left;}
.process li a {display:block; width:179px; height:179px; text-indent:-9999px;}

#research:hover {background:url(i/process.jpg) no-repeat 0 -359px;}
#design:hover {background:url(i/process.jpg) no-repeat -179px -359px;}
#development:hover {background:url(i/process.jpg) no-repeat 0 -538px;}
#deploy:hover {background:url(i/process.jpg) no-repeat -179px -538px;}

.padding_block {padding:10px 30px 0 30px;}


#slider {margin-left:150px;}
.panel { width:462px; height:259px; overflow:hidden; position:relative; /*padding:15px 0 0 98px;*/}
.panel a {display:block;}
.panel .overlay {display:none; background:#21a8d0; position:absolute; width:462px; height:259px; opacity:0.6; filter: alpha(opacity=60); font-size:60px; color:#FFF; text-transform:uppercase; line-height:60px; padding:20px; zoom:1;
}
.underlinetext {padding-right:100px; border-bottom:1px solid;}

.leftslider {margin-right:70px; margin-top:150px; background:url(i/arrowleft.png) no-repeat;}
.rightslider {margin-left:70px; margin-top:150px; background:url(i/arrowright.png) no-repeat;}

.leftslider a {display:block; height:50px; width:30px;}
.leftslider a:hover {background:url(i/arrowleft.png) no-repeat 0 -50px;}

.rightslider a {display:block; height:50px; width:30px;}
.rightslider a:hover {background:url(i/arrowright.png) no-repeat 0 -50px;}


.leftslider, .rightslider {width:30px; float:left; height:50px; overflow:hidden;}

#portfolio_box {padding-top:50px;}
.scroll {width:462px; height:337px; float:left;  padding-top:25px; position:relative;}
#ie_container {background:url(i/portfolio_frame_tb.jpg) no-repeat 107px 0; height:400px;}



.sliderBtnleft{margin-left:-200px; margin-top:150px; background:url(i/arrowleft.png) no-repeat; height:50px; width:30px; display:block; position:relative;}
.sliderBtnleft:hover {background:url(i/arrowleft.png) no-repeat 0 -50px;}
.sliderBtnright{margin-top:150px; background:url(i/arrowright.png) no-repeat; height:50px; width:30px; display:block; position:relative;}
.sliderBtnright:hover {background:url(i/arrowright.png) no-repeat 0 -50px;}

.portfolio_overlay_left {float:left; background:url(i/portfolio_frame_left.jpg) no-repeat; height:337px; width:107px;}
.portfolio_overlay_right {float:left; background:url(i/portfolio_frame_right.jpg) no-repeat; height:337px; width:94px;}

.outline {border:3px solid #21A8D0; display:block; padding:10px; width:600px;}
#showcontactform {display:block; margin-left:200px; float:left; width:195px; height:124px; text-indent:-9999px; background:url(i/showform.png) no-repeat 1px -1px;}
#showcontactform:hover {background:url(i/showform.png) no-repeat 0 -125px;}
#contact_scroller {overflow:hidden; width:100%;}
#contact_items {width:1920px;}
#contactdefault {width:960px; float:left;}

#right_boxcontact {float:left;}
#contactus input, textarea {width:290px; padding:5px; font-size:1.4em; margin:5px 0 5px 0; border:0; border-bottom:1px solid #BFDDDD; color:#BFDDDD; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#e5f3f3;}
#contactus {width:960px; float:left;}
#contactus h4{padding-bottom:10px;}
#contact_submit {width:195px!important; height:125px; border:0!important; padding:0!important; margin:-5px 0 0 0!important;}
#contactus textarea {float:left; margin:0 80px 0 0!important; background:url(i/lines.png) repeat; border:0!important; line-height:18px;}
#contactus textarea:focus {border:1px solid #21a8d0;}
#smallfield {float:left; border:0; outline:0; width:320px;}
#copyright {float:right; padding:10px 0 0 40px; font-size:11px;}


#featured_container {float:left; background:url(i/portfolio_frame_tb.jpg) no-repeat; height:337px; width:462px; overflow:hidden; padding-top:25px;}
#featured_container img {height:259px; overflow:hidden;}


.selectInput {border:0; border-bottom:1px solid #21a8d0!important;  color:#21a8d0!important; outline:0;}