@charset "utf-8";

body{
margin:0 auto 0 auto;
text-align:center;
background-color:#c3bb96;
}

#wrapper{
text-align:center;
margin:0 auto 0 auto;
width:1000px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
min-height:3338px;
}

#top{
height:110px;
padding-bottom:10px;
}

#top_left{
padding:20px 0 10px 60px;
width:450px;
float:left;
}

#top_right{
position:relative; top:35px; right:41px;
width:400px;
float:right;
}

#header{
margin:0 auto 40px auto;
}

#content{
text-align:left;
}

.heading{
width:850px;
}

.heading_title{
width:400px;
padding-right:10px;
float:left
}

.heading_top_icon{
width:100px;
float:left;
}

#about{
margin:0 70px 0 80px;
width:840px;
font-size: 106%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#686345;
line-height:27px;
}

.about_highlights{
font-size: 110%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#686345;
line-height:27px;
background-color:#efe4ab;
}

#portfolio{
margin:0 50px 0 90px;
font-size: 106%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#686345;
line-height:27px;
}

.portfolio_row{
width:860px;
margin:5px 0 5px 0;
}

.portfolio_item1{
background-image:url(../images/polaroid.gif); background-repeat:no-repeat;
width:380px;
height:370px;
float:left;
margin:0 30px 0 0;
}

.portfolio_item2{
background-image:url(../images/polaroid.gif); background-repeat:no-repeat;
width:380px;
height:370px;

float:left;
margin:0 0 0 20px;
}

.portfolio_img{
width:307px;
float:left;
padding:21px 0 0 26px;
}

.portfolio_description{
width:379px;
float:left;
padding:0 0 0 25px;
color:#686345;
font-size: 17px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
line-height:5px;
font-style:italic;
position:relative; bottom:6px;
}

.portfolio_item_main_title{
font-size: 19px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color:#db4040;
line-height:7px;

}

.portfolio_item_secondary_title{
font-size: 17px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color:#48442c;
line-height:2px;
}

.contact{
float:left;
width:880px;
position:relative; left:80px;
}

.contact_holder{
float:left;
width:880px;
height:580px;
padding:20px;
position:relative; right:20px;
background-image:url(../images/papyrus.jpg); background-repeat:no-repeat;
}

.contact_inside{
padding: 88px 20px 0 85px;
}

#contact_inside_top{
padding:0 0 30px 25px;
width:400px;
text-align:justify;
FONT: 18px georgia,Helvetica, Arial, sans-serif;
color:#66541b;
line-height:26px;
}

#contact_inside_bottom{}

.contact_left{
float:left;
width:355px;
padding:0 0 0 25px;
}

.contact_right{
float:left;
width:200px;
padding:0 0 0 0;
}

/*..................... FORM ....................*/

label{
float:left;
width:125px;
FONT: 20px georgia,Helvetica, Arial, sans-serif;
color:#66541b;
font-style:italic;
}

.to{
FONT: 20px georgia,Helvetica, Arial, sans-serif;
color:#66541b;
font-style:italic;
}

#foul{
padding:10px 0 0 85px;
FONT: 18px georgia,Helvetica, Arial, sans-serif;
font-style:italic;
line-height:28px;
color:#66541b;
}

.line_holder{
width:350px;
padding:0 0 11px 0;
float:left;
}

.line_holder a{
FONT: 20px georgia,Helvetica, Arial, sans-serif;
color:#66541b;
font-style:italic;
text-decoration:none;
}

.line_holder a:hover{
FONT: 20px georgia,Helvetica, Arial, sans-serif;
font-style:italic;
color:#826d2b;
text-decoration:none;
}

.contact input{
width:190px;
height:18px;
vertical-align:middle;
FONT: 14px Helvetica, Arial, sans-serif; color:#a18951; border:.2em solid #ab935b;
background-image:url(../images/textfields.jpg);
}

.contact input.submit{
width:50px;
FONT: 18px georgia,Helvetica, Arial, sans-serif;color:#815e1a; border:.2em solid #ab935b; 
}

.contact input.submit:hover{
width:50px;
FONT: 14px georgia,Helvetica, Arial, sans-serif;color:#815e1a; border:.2em solid #ab935b; 
}

.contact textarea{
width:250px;
height:136px;
FONT: 14px Helvetica, Arial, sans-serif; color:#a18951; border:.2em solid #ab935b;
background-image:url(../images/textfields.jpg);
line-height:18px;

}

.validator{
font-family:Tahoma, "Times New Roman", Times, serif;
font-size:10px;
color:#999999;
}

/*................................................*/

#footer{
width:830px;
height:50px;
clear:both;
text-align:left;
padding:0 0 20px 110px;
font-size: 105%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#686345;
}

#footer_copyright{
float:left;
width:600px;
}

#footer_social_networking{
float:left;
width:200px;
position:relative; bottom:20px;
}

.footer_social_networking_icons{
float:left;
padding-right:10px;
}

#footer a{
font-size: 105%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#db4040;
}

#footer a:hover{
font-size: 105%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing:0.005em;
color:#b42137;
}

/*********************  SHARED ELEMENTS **************************/

.h1{
FONT: 240% georgia,Helvetica, Arial, sans-serif;
color:#db4040;
letter-spacing:0.005em;
font-style:italic;
}

.h1 a{
FONT: 20px georgia,Helvetica, Arial, sans-serif;
color:#aea77c;
font-style:italic;
text-decoration:none;
}

.h1 a:hover{
FONT: 20px georgia,Helvetica, Arial, sans-serif;
font-style:italic;
color:#826d2b;
text-decoration:none;
}

.h2{
FONT: 18px georgia,Helvetica, Arial, sans-serif;
color:#66541b;
font-style:italic;
line-height:26px;
}

.hr{
clear:both;
text-align:center;
margin:25px auto 20px auto;
width:702px;
height:131px;
background-image:url(../images/hr.gif); background-repeat:no-repeat;
border:none;
}

.hr_mini{
float:left;
padding:0 0 10px 0;
width:380px;
color:#686345;
}

.later{
display:none;
}

/************************* SCROLLER *************************/

#mycustomscroll {
/*percantage width: make it 100% to match container*/
width: 100%;
height: 255px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 20px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 96%;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	}
	
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 27px;
background-image:url(../images/scrollbar_track.gif); background-repeat:no-repeat;
}
.vscrollerbar {
width: 29px;
padding-bottom:20px;
background-image:url(../images/scrollbar_handle.gif); background-repeat:no-repeat;
}