/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	
	background: url(../images/bg-header.jpg) top repeat-x;
	margin: 0px;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header_top {background: url(../images/bg-footer.jpg) bottom repeat-x;}
#header_top2 {background: url(../images/bg-footer3.jpg) bottom repeat-x;}

#main { 
	margin:0 auto;
	width:849px;
	
}

#footer { 
	margin:0 auto;
	width:849px;
	height:196px;
}

#footer2 { 
	margin:0 auto;
	width:849px;
	height:122px;
}



/*  
	#main { 
	margin:0 auto;
	width:975px;
	background: url(../images/top-img.jpg) no-repeat;
}
*/

/*
---------------------------------------------
02. LINKS
---------------------------------------------
*/	

a { color: #6e4910; text-decoration: underline; }
a:hover, a:focus { color: #efddc8; text-decoration:underline }
a:visited { color: #6e4910; }

a.linkBlue:link {color: #0000FF; text-decoration:none}
a.linkBlue:visited {color: #0000FF; text-decoration:none}
a.linkBlue:hover {color: #666666;text-decoration:underline}


a.linkBottom:link {color: #FFFFFF; text-decoration:underline}
a.linkBottom:visited {color: #FFFFFF; text-decoration:underline}
a.linkBottom:hover {color: #666666;text-decoration:underline}

a.linkBottom2:link {color: #FFFFFF; text-decoration:underline}
a.linkBottom2:visited {color: #FFFFFF; text-decoration:underline}
a.linkBottom2:hover {color: #f4f2ee;text-decoration:underline}

a.linkBottom3:link {color: #f5e0c8; text-decoration:none}
a.linkBottom3:visited {color: #f5e0c8; text-decoration:none}
a.linkBottom3:hover {color: #FFFFFF;text-decoration:none}


/*
---------------------------------------------
03. NAVIGATION
---------------------------------------------
*/	

/*
#menu { height:40px;}
#menu li {float:left; font-size:14px; text-align:center;  display:block;}
#menu li a {color:#5a5a5d; text-decoration:none; font-weight:bold; font-size:14px; display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#ff0000; text-decoration:none;}
#menuHome { width:85px;}
#menuAbout { width:103px;}
#menuContact { width:118px;}
*/



/*
---------------------------------------------
04. LIST PROPERTIES
---------------------------------------------
*/	

ul.bullet {

	padding-left:20px;
	margin-top:5px;
}

ul.bullet li{
	list-style:url(../images/bullet-circle.gif);
	margin-bottom:8px;

}

ul.footer-list {
	list-style:url(../images/bullet-square.gif);
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
}

ul.footer-list li{
	color:#FFF;
	border-bottom:dotted #FFF 1px;
	width:174px;
	margin-bottom:5px;
}


ul.footer-list2 {
	list-style:url(../images/bullet-square.gif);
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
}

ul.footer-list2 li{
	color:#FFF;
	width:174px;
	margin-bottom:5px;
}

/*
---------------------------------------------
05. BOX AND BORDERS
---------------------------------------------
*/

#page-container {width:799px; overflow:auto; padding: 40px 25px 30px 25px; background:#FFF;}

#contentArea {width:540px; float:left; padding-right:20px; }
#rightNavArea {width:224px; float:right; background:url(../images/line-side.jpg) no-repeat left top; padding-left:15px; }

#footer-cell1 {width:192px; height:144px; padding-top:15px; padding-left:10px; padding-right:10px; }
#footer-cell2 {width:406px; height:144px; padding:15px 10px 0px 10px; }
#footer-cell3 {width:180px; height:144px; padding:15px 10px 0px 10px; }
#footer-cell4 {width:620px; height:55px; padding-top:25px; padding-left:10px; padding-right:0px; }

#page-wed {width:799px; overflow:auto; padding: 40px 25px 10px 25px; background:#FFF url(../images/jp-img.jpg) bottom right no-repeat;}
#footer-cell5 {width:180px; height:55px; padding:5px 10px 0px 10px; }

.image { border: 1px solid #95abbd; background: #bcc5ce; padding: 2px;}

/*.lineBrown {border-bottom:solid 1px #b8ab98; margin:10px 0px;}
.lineDarkBrown {border-bottom:solid 1px #8d7456; margin:5px 0px;}*/

.lineBrown {border-bottom:solid 1px #FFFFFF; margin:7px 0px;}
.lineDarkBrown {border-bottom:solid 1px #9e8870; margin:4px 0px;}
/*********************************************/


/*
---------------------------------------------
06. PARAGRAPH TAGS
---------------------------------------------
*/
h1 {
	font-size: 21px;
	color: #462b0e;
	margin-top:0;
	margin-bottom:0px;
}

h2 {
	margin-top:0;
	margin-bottom:0px;
	font-size: 18px;
	color: #a32c0e;
	font-weight:normal;
}

h3 {
	margin-top:0;
	margin-bottom:0px;
	font-weight:bold;
	font-size: 14px;
	line-height:18px;
	color: #462b0e;
}


/*
---------------------------------------------
07. PAGE TEXT
---------------------------------------------
*/

.BodytextGray11 {
	font-family: Arial;
	font-size: 13px;
	color: #555555;
	line-height:18px;
}

.textGray11 {
	font-size: 11px;
	color: #555555;

}

.textGray11_testmonialtext {
	font-size: 11px;
	color: #555555;

}

.textGray12 {
	font-size: 12px;
	line-height:18px;
	color: #555555;

}

.textGray14 {
	font-size: 14px;
	color: #555555;

}

.textGray16 {
	font-size: 15px;
	color: #555555;
}


.textDarkBrown12 {
	font-size: 12px;
	line-height:18px;
	color: #593a0e;

}



.textBrown11 {
	font-size: 11px;
	line-height:18px;
	color: #f5e0c8;
	font-weight:bold;
}

.textBrown11N {
	font-size: 11px;
	line-height:18px;
	color: #f5e0c8;
	font-weight:normal;
}

.textBrown12 {
	font-size: 12px;
	line-height:18px;
	color: #ab967d;

}

.textBrown14 {
	font-size: 14px;
	line-height:18px;
	color: #6c4c1f;

}

.textBrown24 {
	font-family: Arial;
	font-size: 24px;
	line-height:18px;
	color: #a6927a;

}

.textBrown20 {
	font-family: Arial;
	font-size: 16px;
	line-height:19px;
	color: #6c4c1f;

}

.textWhite12 {
	font-size: 12px;
	line-height:18px;
	color: #ffffff;

}

.textWhite12_bottom {
	font-size: 11px;
	color: #ffffff;

}

.textWhite18 {
	font-size: 18px;
	line-height:18px;
	color: #ffffff;

}

.textWhite20 {
	font-size: 20px;
	line-height:18px;
	color: #ffffff;

}


/*
---------------------------------------------
08. FORMS
---------------------------------------------
*/

.formField {
	
	width:182px;
	height:18px;
	padding:0px 0px;
	margin:3px 0 10px 0;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#404040;
}

.formMessage {
	font-family: Arial;
	font-size: 12px;
	width:260px;
	height:85px;
	background:#ffffff;
	border:1px solid #cccccc;
}

.formFieldVerify {	
	width:110px;
	height:21px;
	font-family: Arial;
	font-weight:bold;
	font-size: 13px;
	background:#ffffff;
	border:1px solid #7c7c7c;
	color:#0071bb; 
	padding:6px 0px 0px 5px;
	margin: 0px 5px 0px 5px;	
}

/*.formbutton:hover {background:transparent url("../images/contact-btn3b.gif") no-repeat center top;}*/

.formSubmit {
	width:84px;
	height:28px;
	background:#404040;
	padding-bottom:4px;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	background: transparent url(../images/submit-btn.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

form.myform .formSubmit:focus {
  background: transparent url(../images/submit.jpg) no-repeat center top;
  border: none;
}

form.myform input:focus, form.myform textarea:focus {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #1fae4b;
}

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


