/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font-family: OratorRegular,Verdana, Arial, Sans-Serif;
	font-size: 12px; 
	line-height: 18px;
	color: #342d2b;
	background-color:#eeeadc;
	min-width:930px;
}

a {	
	color: #82AC3C /* #5D7815 */; 
	background: inherit;
	text-decoration: none; 
}

a:hover { 
	color: #6C757A; 
	background: inherit; 
}

#nav_bar a {
	color:#fff;
}

hr {
	color: #9C9C9C;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 { 
	font-size: 24px; 
	margin-left: 0; 
	font-weight: bold; 
	letter-spacing: 1px; 
}

h2 { 
	margin: 0; 
	margin-bottom: 5px; 
	padding: 10px 0; 
	font-weight: bold;
	font-size: 18px; 
	letter-spacing: -1px; 
	color: #342d2b;
	border-bottom:1px solid #342d2b;
}

#content_right h2 {
	display:block;
	float:right;
	width:265px;
	height:55px;
	padding:0 5px;
	text-align:center;
	margin:20px -30px 10px 0;
	background: transparent url(img/menu_right_headline.png) no-repeat center right;
	line-height:40px;
	font-family:Corbel;
	font-size:24px;
	font-weight:bold;
}

#content_right h3 {
	font-weight:bold;
	font-family:verdana;
	font-size:14px;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#services h4 {
	padding-left: 18px;
	background: transparent url(img/laptop_edit.png) no-repeat center left;
}

h3 a:hover, .content_left h3 a:hover { text-decoration: none; }
	
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #5D7815; background: inherit; }

ul,form { margin: 0; padding : 0; list-style : none; }

/* layout
   ------ */

.wrapper {
	width: 902px;
	margin: 0 auto;
	clear:both;
}

#nav_bar {
	background-color: #342d2b;
	height:75px;
	line-height:75px;
	border-bottom:1px solid #d7d5ae;
}

#header {
	height:100px;
	margin-top:-25px;
	padding-top:25px;
	background:#cac9ab url(img/header_bg.png) no-repeat center center;
}

#header_logo { 
	float:left;
	width:250px;
	margin:0;
	clear:both;
}

#search {
	float:right;
	width:400px;
	text-align:right;
	margin-top:-10px;
}

#search .search_box {
	width:300px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}

#search .submit {
	text-align:center;
	border:0;
	background:transparent url(img/search.png);
	width:32px;
	height:32px;
}

#main_navig {
	float:right;
	width:600px;
	text-align:right;
}

#main_navig .menu {
	display: block;
	margin-top: 15px;
	list-style-type: none;
	padding: 0;
	text-align:center;
}

#main_navig .menu li {
	float:right;
}

#main_navig .menu li a {
	display: block;
	padding:5px 10px;
	font: normal 16px Verdana, Arial, sans-serif;
	color: #373737;
	text-decoration: none;
	text-transform:uppercase;
}

#main_navig .menu li a:hover {
	text-decoration: underline;
}

#no_portfolio_div {
	background-color:#98bb45;
	height:75px;
	margin-top:-20px;
	border-top:2px solid #bedd72;
	border-bottom:2px solid #9f9e89;
}

#portfolio_scroll_div {
	background-color:#98bb45;
	height:245px;
	border-top:2px solid #bedd72;
	border-bottom:2px solid #9f9e89;
}

#list_carousel {
	display:block;
	width:903px;
	height:265px;
	padding:10px 16px;
	position:relative;
	background: transparent url(img/portfolio_scroll_bg.png) no-repeat center center;
	top:-20px;
	left:-20px;
}

#portfolio_scroll {
	width:902px;
	height:285px;
}

#portfolio_scroll div {
	display:block;
	float:left;
	width:170px;
	height:265px;
	margin-right:13px;
}

#portfolio_scroll div h4 {
	font-weight:bold;
	text-transform:none;
	font-size:12px;
	margin:0 0 3px 0;
	padding:0;
}

#portfolio_scroll div p {
	font-weight:normal;
	text-transform:normal;
	font-size:11px;
	margin:0;
	padding:0;
}

#portfolio_scroll img {
	display:block;
	float:left;
	background-color:#fff;
	border: 1px solid #ccc;
	padding:9px;
	height:150px;
	width:150px;
}

#portfolio_scroll_next {
	display:block;
	position:absolute;
	float:right;
	width:75px;
	height:30px;
	bottom:80px;
	right:-10px;
	background:transparent url(img/scroll_next.png) no-repeat;
}
#portfolio_scroll_prev {
	display:block;
	position:absolute;
	width:75px;
	height:30px;
	bottom:80px;
	left:-8px;
	background:transparent url(img/scroll_previous.png) no-repeat;
}

#content {
	display: table;
	clear:both;
	width: 900px;
	margin:40px 0 0 0;
	padding:0;
	height:auto;
	min-height:100%;
	/* background-color:#dedec5; */
}

#content .content_col {
	float:left;
	width:284px;
	margin-top:25px;
	margin-right:24px;
}

#content .content_col p {
	margin-bottom:5px;
	line-height:14px;
	font-style:italic;
	font-size:11px;
}

#content .content_col a {
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}

#content .content_col span {
	font-weight:normal;
	font-style:normal;
	font-size:10px;
	clear:both;
}

#content .left {
	display:block;
	float:left;
	width: 594px;
	height:auto;
}

#content .right {
	display:block;
	float: right;
	width: 284px;
	height:auto;
	font-size:12px;
}

#content_right_form label {
	float:left;
	width: 100px;
	font-size: 10px;
	line-height: 14px;
}

#content_right .special_img {
	float:left;
	width:65px;
	background-color: #807f6f;
	padding: 3px;
	border: 1px solid #373737;
	margin-right:5px;
}

#content .left .testimonial {
	width:90%;
	padding: 5px;
	color: #342d2b;
	font-size:12px;
	font-family: inherit;
	background-color: #f0eee8;
	border: 1px solid #544e4d;
	margin-top:15px;
}

#footer {
	height:55px;
	color: #c4c4c4;
	background-color: #342d2b;
	clear: both;
	padding:20px 0;
	border-top: 5px solid #99BC46;
	margin-top:15px;
}

.footer_inner {
	display:block;
	width:902px;
	margin: 0 auto;
}

.footer_left {
	float: left;
	width: 451px;
	padding:5px 0;
}

.footer_right {
	float: right;
	width: 451px.
	margin-top:15px;
	text-align:right;
}

.footer a {
	color: #cccbba;
}

.footer a:hover {
	color: #000;
}

.box {
	/* background: #ffffff url(img/box.gif) repeat-x 0 0;
	border: 1px solid #DEDCD4; */
	margin-bottom: 8px;
}

.box .details {
	padding: 10px;
	margin: 0 -8px 10px;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #acacac;
}

.divider {
	width: 250px;
	height: 50px;
	margin: 20px 0;
	background: transparent url(img/divider.jpg) no-repeat center center;
}

.fadeshow {
	display: block;
	width: 550px;
	height: 175px;
	padding: 10px;
	border: 1px solid #cccbba;
}

fieldset {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #cccbba;
}

legend {
	color: #cccbba;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #cccbba;
}

#content_right .fine_print {
	line-height:11px;
	font-style:italic;
	font-size:10px;
}

/* forms
   ------- */

.search_box .submit {
	border: 0;
	background: transparent url(img/search.png);
	width: 24px;
	height: 24px;
}

.aform label {
	float: left;
	width: 150px;
	line-height: 16px;
}

.aform p {
	clear:both;
}

.aform input, .aform textarea, .aform select {
	padding: 5px;
	color: #342d2b;
	font-size:16px;
	font-family: inherit;
	background-color: #f0eee8;
	border: 1px solid #544e4d;
}

.aform .form_field_error {
	border:1px solid red;
}

.content_right_form input, .content_right_form textarea {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #505049;
}

.aform .submit, .content_right_form .submit {
	background-color: #373737;
	border: 1px solid #000;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	color: #c4c4c4;
	font-size: 14px;
	padding: 4px;
	text-transform: uppercase;
	font-weight:bold;
}

.aform .required {
	background: transparent url(img/bullet_plus.png) no-repeat top right;
	background-position: 100% 1px;
}

#footer input,textarea {
	padding:3px;
	font-size:12px;
}

#footer input.contact-name {
	padding-left:24px;
	background: #fff url(img/form_contact_name.png) no-repeat center left;
}

#footer input.contact-email {
	padding-left:24px;
	background: #fff url(img/form_contact_email.png) no-repeat center left;
}


/* tutorials
   ------------ */

.example {
	display: block;
	background-color: #f6f6f6; /* #A2A2A2 url(images/example.jpg) repeat-x; */
	padding: 7px;
	font-weight: bold;
	font-size: 14px;
	color: #034A7F;
	border: 1px solid #cccbba;
	margin: 10px 0;
}

.example_code {
	background-color: #FFFFFF;
	border: 1px solid #A2A2A2;
	font-family: 'courier new',courier;
	font-size: 11px;
	color: #000000;
	padding: 3px;
}

.example_button {
	float: right;
	margin: 5px 0 0 0;
	background-color: #FFFFFF;
	width: 125px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #A2A2A2;
	text-align:center;
	font-size: 11px;
}

.example_button a { background: none; }

.tutorial_nav {
	display: block;
	margin-bottom: 7px;
	padding-top: 15px;
}

.tutorial_nav_left {
	float: left;
	width: 50%;
}

.tutorial_nav_right {
	float: right;
	width: 50%;
	text-align: right;
}

.list_tutorials li a {
	display: block;
	line-height: 20px;
	height: 16px;
	padding: 0 0 5px 20px;
	background: transparent url(img/theme.png) no-repeat 0 2px;
	font-size: 14px;
}

.list_guides li a {
	display: block;
	line-height: 20px;
	height: 16px;
	padding: 0 0 5px 20px;
	background: transparent url(img/book_tabs.png) no-repeat 0 2px;
	font-size: 14px;
}

/* misc
   ------ */

blockquote {
  background: transparent url(img/quote.png) left top no-repeat;
  margin:0;
}

blockquote div {
  padding: 0 48px;
  background: transparent url(img/quote2.png) right bottom no-repeat;
}

.skills_list {
	float:left;
	width:198px;
}

.skills_list ul li {
	text-transform:uppercase;
	padding:5px 0px 5px 26px;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:12px;
}

.skills_list ul .icondesign { background-image:url(img/icondesign.png); }
.skills_list ul .iconphp { background-image:url(img/iconphp.png); }
.skills_list ul .iconmysql { background-image:url(img/iconmysql.png); }
.skills_list ul .iconhtml { background-image:url(img/iconhtml.png); }
.skills_list ul .iconcss { background-image:url(img/iconcss.png); }
.skills_list ul .iconjs { background-image:url(img/iconjs.png); }
.skills_list ul .iconpsd { background-image:url(img/iconpsd.png); }
.skills_list ul .iconjava { background-image:url(img/iconjava.png); }
.skills_list ul .iconjquery { background-image:url(img/iconjquery.png); }
.skills_list ul .iconseo { background-image:url(img/iconseo.png); }
.skills_list ul .iconcms { background-image:url(img/iconcms.png); }
.skills_list ul .iconblogging { background-image:url(img/iconblogging.png); }

.list_services, .list_suggestions {
	padding-left: 0;
	list-style-type: none;
}

.list_services li a {
	display: block;
	line-height: 20px;
	height: 16px;
	padding-left: 16px;
	background: transparent url(img/bullet_stop.png) no-repeat 0 2px;
}

.list_suggestions li {
	padding-left: 16px;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	background: transparent url(img/bullet_right.png) no-repeat 0 2px;
}

.list_suggestions li span {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
}

.list_main {
	margin-bottom: 10px;
}

.list_main li {
	padding-left: 15px;
	background: #fff url('img/slider_a.png') no-repeat;
	background-position: 0 5px;
	margin-bottom: 5px;
}

#services ol li {
	font-family: Georgia;
	font-size: 26px;
	color: #999999;
	font-style: italic;
	border-bottom: 1px solid #DEDCD4;
}

#services ol p {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
}

#services .services_desc {
	font-size: 16px;
	font-style: italic;
	line-height: 16px;
}

#services-integration a {
	display: block;
	background-color: #B3C6D2;
	border: 1px solid #DEDCD4;
	width:200px;
	text-align:center;
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	clear:right;
}

#services-integration img { border: 0; }

.error_list {
	list-style-type: circle;
	color: red;
}

.error_list li {
	margin-left: 30px;
}

.error, .error h3 {
	color: red;
	background-color: #FFF;
	border: 1px solid red;
	padding: 7px 0 7px 5px;
	font-weight: bold;
	margin: 0 0 0px 0;
}

.portImg {
	display:block;
	clear: both;
	width: 235px;
	margin: 5px auto;
}

.portImg img a {
	width: 50px;
	height: 50px;
	border: 5px solid #034A7F;
	margin-bottom: 5px;
}

.portImg img a:hover {
	border: 5px solid #E7E7E7;
}

.cal {
	display: block;
	width: 50px;
	height: 48px;
	background-image: url(img/calendar.png);
	padding-top: 9px;
}

.cal .month {
	width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}

.cal .day {
	margin-top: 3px;
	width: 50px;
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.about_info label {
	float:left;
	width:75px;
}


.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 120px;
	height: 24px;
	background: url(img/star.png) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;		
	/*\*/
	float: left;
	/* */
	display:block;
	width:24px;
	height: 24px;
	line-height:24px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a{
	display:block;
	width:24px;
	height: 24px;
	line-height:24px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.four-stars{
	left: 75px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating li.current-rating{
	background: url(img/star.png) left bottom;
	position: absolute;
	height: 24px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* remove halo effect in firefox   */
a:active{
	outline: none;
}	

.service_div {
	background: #fff url(img/service_bg.png) no-repeat;
	width:262px;
	height:150px;
	padding: 5px 10px 5px 5px;
	margin-bottom: 10px;
}

.service_div img {
	float:left;
	width: 48px;
}

.service_div span {
	display:block;
	float:right;
	width:55px;
	height:55px;
	text-align:center;
	color: #fff;
	font-weight:bold;
	font-size: 16px;
	line-height:55px;
}

.service_div .service_more {
	text-align:right;
	margin-right: 20px;
}
.read_more, .read_more:hover {
	float:right;
	display:block;
	background: url(img/readmore.jpg) no-repeat center center;
	width:82px;
	height:18px;
	margin-bottom:10px;
	clear:right;
}


/* fonts
   --------- */

@font-face {
    font-family: 'OratorRegular';
    src: url('tt0755m_-webfont.eot');
    src: url('tt0755m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('tt0755m_-webfont.woff') format('woff'),
         url('tt0755m_-webfont.ttf') format('truetype'),
         url('tt0755m_-webfont.svg#OratorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}