@charset "utf-8";

/* CSS Document */

/* RESET EVERY ELEMENT IN HTML 

*************************************************************************/

@import "reset.css";

/************************************************************************/



body{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:62.5%;

	color:#000;

	line-height:18px;

	background-color:#fff7da;

	background-image:url(../images/bodybg.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}



#body-wrapper{

	width:960px;

	height:auto;

	margin:0 auto;

}



.separator{

	clear:both;

	background-image:url(../images/hr-bg.jpg);

	background-repeat:repeat-x;

	height:31px;

	border:none;

}



.clear{

	clear:both;

}

	#menu ul li{

		float:left;

		background: url(../images/menu_bg.jpg) no-repeat right top;

	}



		#menu ul li a, #menu ul li a:visited{

			text-transform:uppercase;

			color:#fff;

			font-size:1.8em;

			display:block;

			margin:10px 12px 0px 11px;

			padding-bottom:13px;

			text-decoration:none;

			

		}

	

		#menu ul li.current a, #menu ul li.current a:visited{

			color:#fca420;

			background: url(../images/menu_current_bg.jpg) no-repeat center bottom;

		}

		

		#menu ul li a:hover{

			color:#fca420;

			background: url(../images/menu_current_bg.jpg) no-repeat center bottom;

		

		}



	#header{

		clear:both;	

	}

		#header #logo{

			float:left;

			margin-top:30px;

			margin-left:30px;

			

		}

		

		#header #logo a, #header #logo a:visited{

			background: url(../images/logo2.jpg) no-repeat left top;

			width:172px;

			height:107px;

			display:block;	

		}

		#header h1{

			float:right;

			width:400px;

			font-size:1.8em;

			font-weight:normal;

			font-style:italic;

			line-height:25px;

			margin-right:260px;

			margin-top:50px;

			color:#584c3d;	

		}

			#header h1 a{

				color:#000;

				font-style:italic;

			}

		

	#content{

		clear:both;

	}

		#content #left, #content #right{

			float:left;

			width:435px;

			margin-top:40px;

			

			

		}

		#content #left h2, #content #inner-left h2 {

			font-size:2.2em;

			color:#8a5404;

			padding:15px;

			

		}

		#content #inner-left h2 {

			color:#fff;

		}

		#content #left p, #content #inner-left p{

			font-size:1.4em;

			line-height:20px;

			margin-bottom:10px;

			padding-left:18px;

		}

		#content #left #latest-work-thumb{

			padding-left:15px;

		}

		#content #left #latest-work-thumb a{

			width:375px;

			height:123px;

			background:url(../images/featured-work.jpg) no-repeat left top;

			display:block;

		}

		#content #left #latest-work-thumb span, div.site span{

			font-size:1.1em;

			color:#473f32;

			display:block;

			line-height:25px;

		}

		#content #left #latest-work-thumb p{

			padding-left:0px;

		}

			#latest-work-thumb span em, div.site span em{

				color:#813f32;

				font-style:italic

			}

		

		#content #right{

			float:right;

			width:490px;

			padding:10px;

		}

		

		

			#content #right	#contact_info{

				width:475px;

				height:84px;

				background-image:url(../images/home_contact_bg.gif);

				background-repeat:no-repeat;

				margin-left:10px;

				

			}

				#right #contact_info p{

					padding:10px;

					font-size:1.4em;

					line-height:20px;

					color:#473f32;

				}

					 #contact_info p em{

					 	color:#000;

						font-style:italic;

						font-weight:bold;

					 }

		   #content #right .lists{

		   	margin-left:10px;

		   }

		   

		     #content #right .lists	.leftlist, #content #right .lists .rightlist {

			 	float:left;

				width:230px;

			 }

			 

			 	.lists	.leftlist {

					margin-right:7px;

				}

				

				.lists .rightlist{

					margin-left:7px;

				}

			 

			 	.leftlist h2, .rightlist h2, #inner-right h2{

					color:#584c3d;

					font-size:2em;

					background-image:url(../images/h2-bg.jpg);

					background-repeat:repeat-x;

					background-position:left bottom;

					line-height:45px;

					width:200px;

				}

				

				.leftlist ul, .rightlist ul{

					margin-top:8px;

				}

				.leftlist p, .rightlist p{

					margin-top:8px;

					font-size:1.4em;

					padding-bottom:5px;					

				}

				

				.leftlist ul li, .rightlist ul li{

					margin-left:10px;

					background-image:url(../images/tick.jpg);

					background-repeat:no-repeat;

					background-position:left 3px;

					font-size:1.4em;

					padding-left:20px;

					padding-bottom:5px;

				}	

				

				.rightlist ul li{

					background-image:url(../images/star.jpg);

					font-size:11px;

					color:#4e4e4e;

				}

				.leftlist p a, .rightlist ul li a, .rightlist p a{

					font-weight:bold;

					font-style:italic;

					text-decoration:underline;

					font-size:12px;

					color:#454444;

				}

				

				.leftlist p a:hover, .rightlist ul li a:hover, .rightlist p a:hover{

					color:#000;

					

				}

#footer-wrapper{

background:#584c3d url(../images/footer-bg.jpg) no-repeat center top;

height:200px;

}

	#footer{

		width:960px;

		height:auto;

		margin:0 auto;

		

	}

	#footer div{

		float:left;

		width:480px;

		padding-top:40px;	

	}

	

	#footer div h3{

		color:#e1f502;

		font-size:1.5em;

		line-height:25px;

	}

	#footer div.con h3, #footer div.con p{

		margin-left:250px;

	}

	#footer ul li {

		display:inline;

		padding-right:5px;

	}

	

	#footer ul li a, #footer ul li a:visited{

	text-decoration:none;

	font-size:1.1em;

	color:#fff;		

	letter-spacing:1px;

	line-height:18px;

	}

	

	#footer ul li a:hover{

		text-decoration:underline;

	}



	#footer p{

		color:#ccc;

		font-size:1.1em;

	}

	

/*Styles for innerpage*/

	 

	 #content #inner-right{

			float:left;

			width:270px;

			padding:0px 10px 0px 10px;

			margin-top:40px;

			

		}

		

	 #content #inner-right h2{

	 	width:260px;

	 }

	 #content #inner-right p{

	 	font-size:1.3em;

		color:#000;

		padding:5px 0px 0px 60px;

		display:block;

		background-image:url(../images/phone.jpg);

		background-repeat:no-repeat;

		background-position:left top;

		height:100px;

		margin-top:10px;

		line-height:22px;

	 }

	

	  #content #inner-right ul li{

		

		font-size:1.4em;

		width:240px;

	  }

	 #content #inner-right ul li a{

		color:#655f57;

		text-decoration:none;	

	 }

	 

	 #content #inner-right ul li a.current{

		color:#000;

		font-weight:bold;

		text-decoration:none;	

	 }

	 

	 #content #inner-right ul li a:hover{

	 	color:#333;

	

	 }

	 

	 #selected_work li{

		background-image:url(../images/star.jpg);

		background-position:left 5px;

		background-repeat:no-repeat;

		padding-left:15px;

		margin-bottom:3px;

	}

	

	.skills li{

		background-image:url(../images/tick.jpg);

		background-position:left 5px;

		background-repeat:no-repeat;

		padding-left:20px;

		margin-bottom:3px;

	}

	 

	 #content #inner-left{

			float:left;

			width:630px;

			padding:10px 10px 20px 10px;

			background-color:#514c46;

			border:10px solid #fff7da;	

		}

		

	#inner-left	 p{

		color:#fff;

		margin-right:40px;

	}

	#inner-left	 p img{

		float:left;

		padding:0px 10px 0px 0px;

	}

		

		.port{

			background-image:url(../images/port-bg.jpg);

			background-repeat:repeat-y;

		}

		

		.about{

			background-image:url(../images/about-bg.jpg);

			background-repeat:repeat-y;

		}

		.about h3, .services h3{

			padding-left:20px;

		}

		

		.services h2{

			color:#fff !important;

			font-weight:bold;

			

			

		}

		

		.about a, .services a{

			color:#fff;

			text-decoration:underline;

		}

		

		.services{

			background-image:url(../images/services-bg.jpg);

			background-repeat:repeat-y;

		 }

		 

		.contact fieldset{

			margin-left:60px;

		}

		

		.contact fieldset div.row{

			margin-bottom:10px;

		}

		

		fieldset div.row span{

			float:left;

			display:block;

			width:250px;

			

			

		}

		

		div.row label{

			color:#fff7da;

			font-size:1.2em;

		}

		div.row label em{

			font-size:.8em;

			color:#f2bc9b;

		}

		

		div.row input, div.row textarea{

			border-top:1px solid #333;

			border-left:1px solid #333;

			border-bottom:1px solid #fff;

			border-right:1px solid #fff;			

			padding:2px;

			margin:0px;

			background-image:url(../images/input-bg.jpg);

			background-repeat:repeat-x;

		}

		

		div.row textarea{

			width:450px;

			background-image:none;	

		}

		

		.send{

		   border:none !important;	

		}

		.spamnote{

			color:#eee;

			font-size:1.1em;

		}

		

		#error{

			width:460px;

			background-image:url(../images/error-bg2.jpg);

			background-repeat:no-repeat;

			padding-bottom:15px;

			display:none;

		}

		

		#error p{

			color:#ffe901;

			margin-left:35px;

			padding-top:10px;

		}

		

	 #content #inner-left h1{

	 	color:#fff;

	 }

	 #content #inner-left h3{

		font-size:1.6em;

		color:#fff;

		font-style:italic;

		font-weight:bold;

		margin:10px 0px;	

	 }	

	 

	  #content #inner-left ul{

	  	margin-left:20px;

	  }	

	  

  	  #content #inner-left ul li a{

			font-size:1.3em;

			color:#fff;

			text-decoration:none

		}		

	 #content #inner-left div.site{

	 	 	margin-left:30px;

			margin-right:40px;

			

			clear:both;	

	 }

	  #content #inner-left div.site img{

	 	 border-bottom:4px solid #333;

		 margin-bottom:10px;

	 		}

		#content #inner-left div.site p{

			color:#fff;

			padding-left:0px;

			font-size:1.2em;

		}

	 #content #inner-left div.site span{

	 	color:#fff;

		float:left;

	 }

	 

	 #content #inner-left div.site span.link{

	 	float:right;

	 }

	 		div.site span.link a{

				color:#ccc;

				font-weight:bold;

				font-style:italic;

				text-decoration:underline;

			 }

	 

	  #content #inner-left div.site span em{

	  	color:#ccc;

	  }

	 

	#twitter_update_list li{

		background-image:none !important;

		

		padding:8px 0;

	}

	 

	 	#twitter_update_list li a{

		 display:block;

	

		}

	#Favorites li, #weblink li{

		float:left;

		width:170px;

		padding:2px;

	} 

	 

	 

	 .confirm{

	 	height:550px;

	 }

	 

	 #msg{

	 	    width:460px;

			background-image:url(../images/message.jpg);

			background-repeat:no-repeat;

			padding:5px 0px 20px 60px;

			margin-top:150px;

			margin-left:50px;

	 }

	 

	 

	 

	 #msg a, #msg a:visited{color:#fff;}