﻿body{
	margin-top: 0px;
	margin:0px;
	font-family:Arial,Verdana;
	font-size:12px;
	color:#333333;
}
.sidebar-link {
	font-family:Arial,Verdana;
	font-size:12px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
}

.sidebar-link a {
	font-family:Arial,Verdana;
	font-size:12px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
}
#wrapper{
	width: 966px !important;
	height: 100% !important;
	margin: 0 auto;
}

#header{
	background-image: url(../images/logo_bg.jpg);
	background-repeat:no-repeat;
	float: left;
	width:966px;
	height: 100px;
	margin:0;
}

div#logo{
/*	background: url('../images/header_logo.png') no-repeat;*/
	width: 221px;
	height: 51px;
	float:left;
	margin-left:14px;
	margin-top:25px;
	
}

#header-right{
	width:420px;
	height:100px;
	float:left;
	
}

#header-right h1{
	font-family:Arial, Verdana;
	font-size:14px;
	color:#999999;
	text-decoration: none;
	font-weight: bold 
	
}

#header-right form{
	width:420px;
	height:35px;
	float:left;
	margin-top:28px;
	margin-left:-10px;
}

#header-right span{
	margin-left:10px;
}

#header-right input.txtbox{
	font-family:Verdana,Arial;
	font-size:13px;
	color:#ffffff;
	background:#666666 url('../images/input-bg.jpg') repeat-x;
	border:1px solid #666666;
	height:25px;
	width:160px;
	float: left;
	margin-left:8px;
	margin-right:15px;
}

#header-right input.go{
	background:#666666 url('../images/login.jpg') no-repeat;
	width:101px;
	height:30px;
	border:none;
	float:left;
	cursor: pointer;
}

#space{
	width:20px;
	height:28px;
	float:left;
}

#space1{
	width:20px;
	height:28px;
	float:left;
}

.form-txt{
	font-family: Arial, Verdana;
	font-size:10px;
	color:#ffffff;
	line-height:18px;
	float:left;
	padding-right:117px;
}

#menu{
	width:966px;
	height:60px;
	float:left;
}

#preload-previous{
	background-image: url(../images/prev_project_hover.png);
	width:0px;
	height:0px;
}


#preload-case-study{
	background-image: url(../images/case_study_hover.png);
	width:0px;
	height:0px;
}


#preload-next{
	background-image: url(../images/next_project_hover.png);
	width:0px;
	height:0px;
}


#phone-img{
	width:30px;
	height:60px;
	float:left;
	padding-left:20px;
}

#phone{
	font-family: Arial, Verdana;
	font-size:13px;
	font-weight: bold;
	color:#ffffff;
	width:100px;
	height:20px;
	padding-top:22px;
	float:left;
}

#banner-web-design{
	float:left;
	width:966px;
	height: 363px;
	position: relative;
}

#banner-web-design2{
	float:left;
	width:966px;
	padding-top:20px;
}

#banner{
	float:left;
	width:940px;
	padding-top:12px;
	margin-left:10px;
}

#banner1{
	float:left;
	width:966px;
	padding-top:21px;
}

#container{
	width:966px;
	float:left;
	padding-top:25px;
	padding-bottom:35px;
	}

#container-blank{
	background-color:#ffffff;
	width:966px;
	float:left;
	padding-top:25px;
	padding-bottom:35px;
	}


#blog-div{

	width:580px;
	height: auto;
	padding-left:15px;
	float:left;
}

#blog-div a {
/*
	font-family: Arial, Verdana;
	text-decoration: none;
	*/
}

#blog-cat-div {
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	width:580px;
	height: auto;
	padding-left:15px;
	float:left;
}

#twitter-bird {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 660px;
	top: 178px;
}

#left{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	width:280px;
	height: auto;
	padding-left:15px;
	float:left;
}

#mid{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	width:280px;
	height: auto;
	padding-left:20px;
	float:left;
}

#right{
	font-family: Arial, Verdana;
	font-size:12px;
	color: #000000; 
	text-decoration: none;
	line-height: 18px;
	width:340px;
	height:100%;
	min-height:inherit;
	padding-left:20px;
	float:left;
}

#sep{
	border-left: 2px solid #cbc5b0;
	/*width:310px;*/
	padding-left:38px;
	height:100%;
	
}

#blog-sep{
	border-left: 2px solid #cbc5b0;
	padding-left:38px;
	height:1000px;
}

#sep1{
	border-left: 2px solid #cbc5b0;
	/*width:310px;*/
	padding-left:20px;
	float:right;
}

.title{
	font-family:"Rockwell", Arial, Verdana;
	font-size:24px;
	color:#333333;
	line-height: 35px;
	padding-bottom:10px;
}

#right-txt{
	padding-left:10px;
}

.right-txt{
	padding-left:10px;
}

.title-pad{
	padding-left:10px;
}

.service-pad{
	padding-left:30px;
}

.read-more{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#49b1e3;
	text-decoration: none;
	margin-left: 0px;
	padding: 0px;
}

.read-more li {
	margin-left: -26px;
	padding: 0px;
}

.read-more-large{
	font-family:Arial, Verdana;
	font-size:15px;
	color:#49b1e3;
	text-decoration: none;
	font-weight: normal;
}

.read-more-large a{
	font-family:Arial, Verdana;
	font-size:15px;
	color:#49b1e3;
	text-decoration: none;
	font-weight: normal;
}

.read-more a{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#000000;
	text-decoration: none;
}

.articletitle{
	font-family:Arial, Verdana;
	font-size:14px;
	color:#333333;
	text-decoration: none;
	font-weight: bold 
}

.articletitle:hover{
	text-decoration: none;
	font-weight: bold 
}
.lrgtitle{
	font-family:Arial, Verdana;
	font-size:22px;
	color:#333333;
	text-decoration: none;
	font-weight: bold 
}
.img-pad{
	padding-right:25px;
	padding-left:10px;
}

#footer-bg{
	background:#333333; 
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	width:100%;
	float:left;
}

#footer-outer{
	width:940px !important;
	margin: 0 auto;
	height: 196px;
	padding-top:15px;
}

#footer-logo{
	width:221px;
	float:left;
	padding-top:14px;
}

#address{
	width:120px;
	float:left;
	padding-left:48px;
	padding-top:12px;
}

#address2{
	width:140px;
	float:left;
	padding-left:58px;
	padding-top:12px;
}

#address1{
	width:120px;
	float:left;
	padding-left:83px;
	padding-top:12px;
}

.footer-txt{
	font-family:"Gill Sans MT",Arial, Verdana;
	font-size:12px;
	color:#cccccc;
	line-height: 18px;
}

.footer-title{
	font-family:"Gill Sans MT",Arial, Verdana;
	font-size:14px;
	color:#cccccc;
	line-height: 18px;
}

.footer-link{
	font-family:"Gill Sans MT",Arial, Verdana;
	font-size:12px;
	color:#cccccc;
	text-decoration:none;
}

.footer-link:hover{
	text-decoration:underline;
}

.click-here{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}

.click-here:hover{
	text-decoration:none;
}

.click-here1{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

.click-here1:hover{
	text-decoration:none;
}

#twitter-img{
	width:52px;
	height:44px;
	margin-left:300px;
	margin-top:-5px;
	position:absolute;
	left: 686px;
	top: 538px;
}

#enquiry{
	width:550px;
	float:left;
	padding-top:22px;
	padding-left:10px;
}

#enquiry-left{
	width:295px;
	float:left;
}

#enquiry-right{
	width:250px;
	float:left;
}

#map{
	width:364px;
	float:right;
	padding-top:31px;
	margin-right:-2px;
}

.txt-area{
    font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	width:250px;
	height:215px;
	border:1px solid #cbc5b0;
}

#submit{
	float:right;
	padding-right:10px;
}

.enquiry-txt{
	font-family: Arial, Verdana;
	font-size:10px;
	color:#333333;
	line-height: 20px;
}

.in-txtbox{
	font-family: Verdana,Arial;
	font-size:12px;
	color:#000;
	width:270px;
	height:24px;
	border:1px solid #cbc5b0;
}

.email-pad{
	padding-top:5px;
}

#txt-page{
	width:290px;
}

.bottom-pad{
	padding-bottom:7px;
}

.txt-area1{
    font-family: Arial, Verdana;
	font-size:10px;
	color:#333333;
	width:270px;
	height:190px;
	border:1px solid #cbc5b0;
}

#casestudy{
	width:940px;
	height:100%;
	margin-left:10px;
	padding-top:20px;
}

.casestudy{
	width:940px;
	height:100%;
	margin-left:14px;
	padding-top:20px;
}

#content-work-left{
	width:334px;
	float:left;
}

.content-work-left{
	width:325px;
	float:left;
}

.content-work-right{
	width:606px;
	float:left;
}

.content-txt{
	width:300px;
}

.backtotop{
	width:940px;
	float:left;
	padding-bottom: 30px;
	padding-top:20px;
}

.separator{
	float:left;
	width:852px;
	height:12px;
	border-bottom:2px solid #cbc5b0;
	background:url('../images/back-arrow.jpg') no-repeat right bottom;
}

.back-top{
	width:65px;
	text-align: right;
	float:left;
	padding-top:2px;
}

.quote-txt{
	font-family: Arial, Verdana;
	font-size:15px;
	color:#333333;
	line-height: 24px;
	margin-left:-10px;	
	padding-top:7px;
}

#quote-txt{
	font-family: Arial, Verdana;
	font-size:18px;
	color:#333333;
	line-height: 24px;
	margin-left:-10px;	
}

.quote-txt #startquote{
	margin-top:-6px;
}

.quote-txt #finishquote{
	padding-top:5px;
	padding-left: 5px;
	position:absolute;
}

.quote-txt #contactimg{
	margin-left:-10px;
	
}

.pad-contact{
	padding-left:1px;
	margin-bottom:-13px;
}

.pad-contact1{
	margin-left:20px;
	margin-bottom:-13px;
}

/* side navigation menu */

#sidenav{
	width:100%;
	height:100%;
}

#sidenav ul{
	list-style:none;
	list-style-position:outside;
}

#sidenav ul li{
 	margin-left:-38px;
 	padding-bottom:10px;
	padding-left:20px;
}

#sidenav ul li#bullet{
	background:url('../images/active-page-arrow.jpg') no-repeat ;
	margin-left:-38px;
	padding-left:20px;
}

#wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-image: url('../images/mainbodybg.jpg');
}
#wrapper-blank{
	width:100%;
	height:100%;
	margin:0 auto;
	background-color: #ffffff;
}
#outer-xxx{
	background: #ffffff url('../images/mainbodybg-blank.jpg') repeat-x;
	width:100%;
	height:800px;
	margin:0 auto;
	min-height: 100%;
}

#outer{
	background: #ffffff url('../images/mainbodybg.jpg') repeat-x;
	width:100%;
	height:550px;
	margin:0 auto;
	min-height: 100%;
}
/* blank template css*/
#outer-blank{
	background: #ffffff url('../images/mainbodybg-blank.jpg') repeat-x;
	width:100%;
	height:500px;
	margin:0 auto;
}

#outer-blank2{
	background: #ffffff url('../images/mainbodybg-blank2.jpg') repeat-x;
	width:100%;
	height:500px;
	margin:0 auto;
}

#left-blank{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	width:560px;
	height: auto;
	padding-left:15px;
	float:left;
}

#left-blank a{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#left-blank1{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#333333;
	line-height: 18px;
	width:930px;
	height: auto;
	padding-left:15px;
	float:left;
}

#right-blank{
	font-family: Arial, Verdana;
	font-size:12px;
	color:#49B1E3 ;
	text-decoration:none;
	line-height: 18px;
	width:340px;
	height: 760px;
	padding-left:20px;
	float:left;
}

#client-txt{
 	width:298px;
	height:345px;
	float:left;
}

#client-img{
	width:609px;
	height:345px;
	float:right;
}

#slide-btn1{
	width:160px;
	float:left;
}
/*del 
#txttile{
color:#336699;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:50px;
}
*/
/*wordpress specific tags*/
.rightnav{
	font-family:Arial, Verdana;
	font-size:14px;
	color:#49b1e3;
	text-decoration: none;
	font-weight: bold 
}

.posted-text {
	font-size:10px;
}

.blog-title {
	/*font-size: 28px;*/
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.cat-title a {
	font-size: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.cat-title {
	font-size: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.blog-title a {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	display: block;
	padding-top: 20px;
}

h3 a {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	display: block;
	padding-top: 20px;
}

.user-photo {
	width: 50px;
	height: 50px;
	float: left;
	padding-right: 15px;;
}
.post-banner {
	height: 140px;
	width: 966px;
	margin-left: 10px;
}
.related_post{
	text-decoration: none;
	margin-left: 0px;
	padding: 0px;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#49b1e3;
}
.related_post a{
	text-decoration: none;
	margin-left: 0px;
	padding: 0px;
	font-family:Arial, Verdana;
	font-size:12px;
	color:#49b1e3;
}
