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

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, ol, ul, dl fieldset, form, label {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form {
	padding:0;
	margin:0 0 12px 0; 
	color:#c84b14;
	font-weight:normal;
}



body{
	background:#bab199 url(../images/body_bg.png) repeat-x;
	font:12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


a{
	color:#4e702c;
	text-decoration:none;
}
a:hover{
	color:#4e702c;
	text-decoration:underline;
}
#page{
	width:100%;
}
#wrap{
	width:905px;
	margin:0 auto;
}


/*header style*/
#header{
	position:relative;
	top:40px;
	overflow:hidden;
}


/*logo style*/
#logo-inner{
	width:265px;
	position:absolute;
	top:85px;
	left:45px;
}
#logo{
	height:90px;
	text-indent:-99999px;
}
#logo a.logo {
	width:265px;
	height:90px;
	display:block;
	background:url(../images/logo.png) no-repeat;
}


/*menu style*/
#header #menu{
	margin:0;
	width:100%;
	padding:0 0 0 450px;
	float:left;
	position:relative;
	list-style:none;
	background: url(../images/nav_bar_bg.png) no-repeat top left;
}

#header #menu li {
	float: left;
	width:auto;
}
#header #menu li a {
	float: left;
	width:auto;
	text-decoration: none;
	color: #f9f6e8;
	padding:0 15px 0 16px;
	margin-right: 2px;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-family: Times New Roman, Times, Georgia, serif;
	display: block;
	margin-top:10px;
	height: 45px;
}
#header #menu li a:hover {
 	color: #fe5528;
}
#header #menu li a:hover span {
}
#header #menu li a.current {color:#fe5528;
}
#header #menu li a.current span {
}

#header #menu li a.current:before{content:"{ "}
#header #menu li a.current:after{content:" }"}

/*featured style*/
#featured{
	width:100%;
}
#featured h2{
	font-size:36px;
	line-height:36px;
	font-family: Times New Roman, Times, Georgia, serif;
	color:#bbb299;
	letter-spacing:1px;
	float:right;
	margin-right:55px;
	margin-top:80px;
	padding:0;
}
#featured-inner{
	width:905px;
	height:370px;
	background:url(../images/featured_bg.png) no-repeat center bottom;
}
#inside-intro-inner{
	width:905px;
	height:190px;
	background:url(../images/featured_bg2.gif) no-repeat left bottom;
}
#featured-info{
	float:left;
	width:320px;
}
.featured-content{
	overflow:hidden;
	height:103px;
	margin-top:20px;
	margin-bottom:0;
}
.featured-title{
	width:220px;
	height:109px;
	position:relative;
	margin:10px 0 0 -10px;
}
#featured-info p{
	color:#1c1c1b;
	line-height:24px;
	margin-left:45px;
	font-size:18px;
	font-family:Times New Roman, Times, Georgia, serif;
}
#featured-info a,
#featured-info a:link{color:#7e3617;}
#featured-info a:hover{}
.view-works{
	display:block;
	text-indent:-99999px;
	width:138px;
	height:51px;
	float:right;
	margin-right:7px;
}
.view-works a, 
.view-works a:link{
	display:block;
	background:url(../images/view_works_button.png) no-repeat;
	width:138px;
	height:51px;
}
.view-works a:hover{
	background-position:0 100%;
}


/* Banner */
#banner{  
    width: 518px;  
    margin: 30px 30px 0 0;
	position: relative;
	float:right;
}

#banner #pager {
	position: absolute;
	top: 210px;
	right: 18px;
	z-index: 999;
	background-color: #fafafa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 5px 0px 5px;
}
#banner #pager a {
	font-size: 12px;
	background-color: #fafafa;
	padding: 3px 8px;
	margin-left: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	margin-right: 5px;
	color:#a03f15;
}
#banner #pager a:hover, #banner #pager a.activeSlide {
	color: #fff;
	background-color: #6e2f14;
}
#rotate {
	height: 259px;  
    width: 518px;  
    padding: 0 0 20px;  
    margin: 0;
	position:relative;
} 
#rotate a{
	position: absolute; 
	top: 0pt; 
	left: 0pt; 
	display: none; 
	z-index: 3; 
	opacity: 0;
}
#rotate img { 
    top: 0; 
    left: 0 
}


/* main-content */
#main-content{
	float:left;
	background:#fff;
	width:100%;
	padding:55px 0 5px 0;
}
#main-inside-pages{
	float:left;
	background:#fff;
	width:100%;
	padding:55px 0 30px 0;
}

#main-content p, #main-inside-pages p{
	line-height:20px;
	font-size:13px;
	line-height:1.9em;
	color:#4a3b29;
}

.border-bottom{
	border-bottom:1px solid #afa48c;
}
.section{
	float:left;
	width:auto;
	margin:10px 0 15px 0;
	padding:0 0 15px 0;
}

.intro-emphasis{
	font-size: 17px;
}

.who-we-are{
	float:left;
	padding:0 50px 0 30px;
	width:486px;
}
* html .who-we-are{
	padding:0 40px 0 30px;
}


/*free quote*/
.free-quote{
	background:url(../images/quote_bg.png) no-repeat;
	width:308px;
	height:277px;
	float:right;
	margin:0 30px 20px 0;
	padding:0;
}
* html .free-quote{
	margin:0 8px 0 0;
}
.free-quote div{
	padding:20px 35px;
}
.free-quote h3{
font-family:Georgia,Times New Roman, Times, serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0 0 7px 0;
}
#main-content p.free-quote-intro, #main-inside-pages p.free-quote-intro{
font-size:12px;
}

.free-quote-button{
	width:135px;
	height:50px;
	text-indent:-99999px;
}
.free-quote-button a,
.free-quote-button a:link{
	margin-top:15px;
	background:url(../images/free_quote_button.png) no-repeat;
	display:block;
	width:135px;
	height:50px;
}
.free-quote-button a:hover{
	background-position:0 100%;
}



/*learn more*/
.learn-more{
	background:url(../images/learn_more_arrow.gif) no-repeat left; 
	padding-left:7px;
	text-decoration:none;
}
.learn-more:hover{
	text-decoration:underline;
}



/*columns*/

.col1{
width:270px;
	background:url(../images/bg-quality.jpg) no-repeat;
	margin-left:30px;
	float:left;
}
.col2{
background:url(../images/bg-service.jpg) no-repeat;
width:270px;
float:left;
margin-left:15px;
}
.col3{
	width:270px;
	background:url(../images/bg-value.jpg) no-repeat;
float:right;
margin-left:15px;
}

.padd{
padding:15px 20px 35px 20px;
}


/*testimonial*/
.col1 h3,
.col2 h3,
.col3 h3, 
.news h3,
.categories h3,
.blog-search h3{
	color:#c84314;
	padding:20px 0 0 0;
	font-size:32px;
	font-family:Georgia,Times New Roman, Times, Georgia, serif;
	margin-bottom:0;
	text-align:center;
}

/*search*/
.blog-search form{
	padding:0 0 0 20px;
}
.blog-search #s{
	background:none;
}


.post{
	float:left;
	width:auto;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
}
.post .post-meta{
	float:left;
	width:170px;
	border-right:1px solid #b44b1d;
	margin-right:20px;
	
}
.post .post-meta .arrow{
	background:url(../images/post_meta_arrow.gif) no-repeat right;
	display:block;
	width:10px;
	height:17px;
	float:right;
	position:relative;
	margin:24px -10px 0 0;
}
.post .post-meta .date{
	font-size:12px;
	color:#f0966f;
	text-transform:uppercase;
	display:block;
}
.post .post-meta .category,
.post .post-meta .comments{
	font-size:12px;
	color:#f0966f;
	display:block;
}
.post .post-meta .author{
	font-size:12px;
	color:#f0966f;
	display:block;
}

.post .post-content{
	float:right;
	width:359px;
}


/*blockquote*/
blockquote{
	padding:0 0 15px 0;
}
blockquote p{
	font-style:italic;
}
.quote{
	background:url(../images/quote_icon.gif) no-repeat top left;
	float:left;
	display:block;
	width:37px;
	height:34px;
	margin:5px 0 0 0;
	padding:0 10px 0px 0;
}


/*Services*/
#services {
	margin:0 0 0 0px;
}
#services dt{
	margin:0;
	padding:0 0 14px 10px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	width:280px;
}
#services dd{
	background:#6e2f14;
	margin:0 0 20px 0;
	padding:0;
	width:280px;
	color:#e58d66;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	line-height:20px;
} 

.desc{
	padding:20px;
	display:block;
}


.blog-entry, .news-entry{
	list-style:none;
	padding:0 10px;
}
.news-entry{
	padding:0;
}
.blog-entry li .post-title, .news-entry li .post-title{
	display:block;
	font-size:13px;
	font-weight:bold;
}
.blog-entry li, .news-entry li{
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px solid #aa522d;
}



/*inside pages*/
#content{
	float:left;
	width:530px;
	padding:0 0 0 40px;
}
#content ul{
	margin:0 0 20px 20px;
}
#sidebar{
	float:right;
	width:251px;
	padding:0 40px 0 0;
}
.sidebar-block{
	float:left;
	padding:0 0 20px 0;
	width:100%;
}

#sidebar h3, 
#content h3, 
#sidebar h4,
#content h4,
#sidebar h5,
#content h5, #main-inside-pages h3{
	color:#c84b14;
	font-family:Georgia, Times New Roman, Times, serif;
}
#sidebar h3, #content h3, #main-inside-pages h3{
	font-size:20px;
}
#sidebar h4, #content h4{
	font-size:16px;
}
#sidebar h5, #content h5{
	font-size:14px;
}
#sidebar h6, #content h6{
	font-size:12px;
}


/*work*/
.work-container{
	float:left;
	width:897px;
	padding:0px;
	padding-top:30px;
}
.work-container ul.work-list{
	list-style:none;
	padding:0 0 0 10px;
}
.work-container ul.work-list li h3.title{
	padding-top:12px;
	margin-bottom:5px;
	float:left;
	width:100%;
	font-size:20px;
	font-family:Georgia, Times New Roman, Times, serif;
}
.work-container ul.work-list li{
	float:left;
	width:279px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:16px;
}

.work-container ul.work-list li img{
	float:left;
	padding:3px;
	border:1px solid #bbb299;
	width:271px;
	height:136px;
}

.work-container ul.work-list li p{
	float:left;
}

.work-details{
	padding:0 0px 0 45px;
	float:left;
	width:auto;
}

.work-info{
	float:left;
	width:300px;
	padding-right:20px;
}
.work-info .title{
	font-size:25px!important;
}
#screenrotator{
	width:515px;
	float:right;
	padding:0px;
}
.visit{
	font-size:12px;
	text-transform:uppercase;
	position:relative;
	font-weight:bold;
}

.detail-testimonial{width:515px; float:right;}

.imagearea{
	overflow: hidden; 
	visibility: visible; 
	position:relative; 
	z-index: 2; 
	left: 0px;
	float:right;
	width:524px;
	height:399px;
	background:#fafafa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.imagearea ul{
	float:left;
}
.imagearea ul li{
	overflow: hidden; float: left; width: 514px; height: 399px;
}
.imagearea ul li img{
	float:left;
	margin:8px 0 0 7px;
}

.navbutton{
	padding-right:10px;
}
div#screenrotator button.prev {
	background:url(../images/btn_screenrotator_prev.png) no-repeat;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:35px;
	margin:0px 0px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0;
	width:51px;
	text-indent:-99999px;
}

div#screenrotator button.next {
	background:url(../images/btn_screenrotator_next.png) no-repeat;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:35px;
	margin:0px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:0;
	width:52px;
	text-indent:-99999px;
}



/*services*/
.webdev-icon,
.webdesign-icon,
.webmarketing-icon,
.others-icon{
	padding-right:18px;
	width:48px;
	height:48px;
	float:left;
	display:block
}
.webdev-icon{
	background:url(../images/onebit_23.png) no-repeat left;
}
.webdesign-icon{
	background:url(../images/onebit_22.png) no-repeat left;
}
.webmarketing-icon{
	background:url(../images/onebit_16.png) no-repeat left;
}
.others-icon{
	background:url(../images/onebit_08.png) no-repeat left;
}



input.btn-search{
  padding: 5px 10px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #efefef;
  background-color:#418f80;
  border-width: 1px;
  border-style: solid;
  border: #276c5f 1px solid;
}



/*footer*/
#footer{
	width:902px;
	height:50px;
	float:left;
	color:#fff;
	border-top:1px solid #642a11;
}
#footer a,
#footer a:link{
	color:#fff;
	text-decoration:underline;
}

#footer a.current{
	text-decoration:none;
}
#footer .dark, #footer .dark a:link,#footer .dark a:visited{color:#81655f;}

#footer a:hover{
	text-decoration:none;
}

.footer-content{
	float:left;
	width:98%;
	padding:5px 10px;
	font-size:12px;
}
.copyright{
	float:right;
	width:auto;
}
.footer-nav{
	float:left;
	width:auto;
}



/*styled-list style starts here*/
.styled-list{
	list-style:none;
	margin:0 0 20px 20px;
}
.styled-list li{
	background:url(../images/learn_more_arrow.gif) no-repeat left 0.6em;
	padding-left:17px;
}

/*other-projects style*/
.other-projects{
	list-style:none;
	margin:0 0 20px 0px;
	width:550px;
	float:left;
}
.other-projects li{
	background:url(../images/learn_more_arrow.gif) no-repeat left 0.6em;
	padding-left:17px;
	float:left;
	width:250px;
}

.other-projects li a,
.other-projects li a:link{
	color:#732b0a;
}

.other-projects li a:hover,
.other-projects li a.current{
	color:#fff;
}


/*common classes style*/
.clearfix{
	clear:both;
}
a img{
	border:0;
	float:left;
}

.block{
	display:block;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignJustify{
	text-align:justify;
}
.alignCenter{
	text-align:center;
}

.floatRight{
	float:right;
	width:auto;
}
.floatLeft{
	float:left;
	width:auto;
}

abbr, acronym{
	font-style:italic;
	cursor:help;
	color:#b8d9e1;
}

.imageLeft{
	padding:4px;
	margin:0 15px 7px 0;
	border:1px solid #bbb299;
	float:left;
	width:auto;
}

.meet-principals .imageLeft{
	width:100px;
	height:118px;
	margin:0 10px 4px 0;
}

.imageRight{
	padding:4px;
	margin:0 0 20px 15px;
	background:#e6f4f7;
	float:right;
	width:auto;
}
.hide{
	display:none;
}
img{
	border:0;
}


/*Table*/
table {  
  margin: 0 0px 20px 12px;
  padding: 0;
  display: block;
  font-size: 12px;
  border-collapse: collapse;
  width:100%;
}
table caption {
  margin: 0 12px;
  padding: 20px 0 5px 0;
  font: 12px arial, sans-serif;
  text-align: left;  
}

table th,table td {
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}


thead th {
  color: #FFF;
  background-color: #6d6453;
  border-bottom: 1px solid #585043;
}

tbody tr.highlighted {
  background-color: #3c3028;
}

tbody td {
  border-bottom: 1px solid #42352c;
  color:#82725f;
}







/*form - Form Style*/
.contact-info{
	float:left;
	width:200px;
}
.form-inner{
	float:right;
	width:300px;
}
form {
  padding: 0px 0;
  margin:0;
}
form p{
	padding:0;
	margin:0 0 20px 0;
}
label {
  float: left;
  width: 80px;
  padding-right: 1px;
}
input,
textarea{
  padding: 6px;
  font: 400 12px arial, sans-serif;
  background: #f1f0ee;
  border:1px solid #b44b1d;
  color: #f0966f;
}
input:focus,
textarea:focus{  
  color: #f0966f;
  background:#ebeae7;
  border:1px solid #c25525;
}
#name, #email, #subject{
	width:200px;
	background:url(../images/sidebar_nav_bg_hover.gif) repeat-x top;
}
#message{
	width:300px;
	height:150px;
	background:url(../images/sidebar_nav_bg_hover.gif) repeat-x top;
}
input.button, input.btn-search {
  padding: 5px 20px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #fff;
  background-color:#7e310f;
  border-width: 1px;
  border-style: solid;
  border: #782d0d 1px solid;
}


/*errorMsg - Error Message Block style*/
.errorMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#bab199;
	margin:0 0 20px 0;
	border-top:1px solid #d1a0a0;
	border-bottom:1px solid #d1a0a0;
	width:93%;
}
.errorMsg h3{
	color:#d1a0a0;
	margin:0;
	padding:0;
}
.errorMsg ul{
	margin:0;
	padding:0 0 10px 0;
}
.errorMsg ul li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	color:#ffffff;
}
.errorMsg p{
	color:#ffffff;
}

/*highlight style*/
.highlight{
	color:#0c0402;
}


/*infoMsg - Info Message Block style*/
.infoMsg{
	float:left;
	padding:10px 20px 0px 20px;
	background:#fbf7ea;
	margin:0 0 20px 0;
	border-top:1px solid #d1a0a0;
	border-bottom:1px solid #d1a0a0;
	width:93%;
	color:#fefefe;
}
.infoMsg em{
	color:#c84b14;
}

/*reCAPTCHA styles*/

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFF !important; /*reCaptcha widget background color*/
 }
 
 #recaptcha_table {
 width:355px;
   border-color: #b44b1d !important; /*reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   border-color: #b44b1d !important; /*Text input field border color*/
   background-color:#FFF !important; /*Text input field background color*/
 }