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

Theme URI: http://www.chamelledesigns.com
Description: Chamelle Design & Photography
Version: 1.0  (c) 2008.

Author: Livia Cheng

Handcoded from scratch. Look ma - no Dreamweaver!

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

html { -webkit-text-size-adjust: none; }

html, body {
	padding: 0;
	margin: 0;
}

body {
	background-image: url(../images/bg-contact-green.jpg);
	background-color: #37831c;     /* medium grey #666666 */
	background-repeat: repeat-x;
	background-attachment: fixed; 
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 160%;
	position: relative;
	bottom: 8px;
}

#container {  /* for centering */
	min-height: 100%;
	text-align: left;
	width: 860px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

/* ----------------- elements ---------------------- */

h1,h2,h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h1 { font-size: 160%; margin-top: 15px; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
	
h2.submenu {
	padding-left: 0;
}

a:link {
	color: #000;
	text-decoration: none;
	padding: 3px;

}
a:visited {
	color: #666;
	text-decoration: none;
	padding: 3px;
}

/* get rid of hover on img */
#contact a:hover, #contact2 a:hover {
	background-color: #FFF;
	text-decoration: none;
	padding: 3px;
}

strong {
	font-weight: bold;
}

/* ----------------- END elements ------------------ */

/* ----------------------header bar ------------------- */

#header { 
	background-color: #CCC;
	padding: 0 0 0 10px; 
	margin: 0;
	width: 850px;
	height: 52px;
	line-height: 500%;
}

/*#breadcrumbs {
	margin: 0;
	padding: 14px 0 0 11px;
	text-align: left;
}
*/
#search_rss {
	width: 400px;
	float: right;
	margin: 0;
	padding: 0 11px 3px 0;
	position: relative;
	bottom: 54px;
	text-align: right;
}

.search {
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 9px; border: 2px #f49ac1 solid;
}

form {
margin: 0;
padding: 0;
}

/* -------------------END header bar ------------------- */

/* ----------------- flash section ------------------ */
#divmiddle4px {
	height: 4px;
	overflow: hidden;
}

#middle { 
	padding: 0; 
	margin: 0;
	width: 860px;
	height: 242px;
}

#divmiddleb4px {
	height: 4px;
	overflow: hidden;
}


/* ----------------- END flash section ------------------ */

/* -------------- Content  ----------------- */



#bottom {
	background-image:url(../images/contact.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	width: 860px;
}

/*
#bottom:after {
	content: ".";
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px;
}
*/

#divbottom4px {
	height: 4px;
	overflow: hidden;
}

#navig {
	float: left;
	width: 178px;
	margin: 17px 0 0 125px;
	color: #666;
	font-size: 12px;
}

#navig ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position:inside;
}

#navig ul li {
	list-style-image:url(../images/navig-bullet.png);
	line-height: 230%;
	padding-left: 0;
	margin-left: 0;
}

#navig ul li.thispage {
	list-style-image: url(../images/navig-bullet-thispage.png);
	color: #000;
	font-weight: bold;
}


#navig ul li a:link {
	color: #333;
	text-decoration: none;
	padding: 3px;
}
#navig ul li a:visited {
	color: #669933;
	padding: 3px;
	text-decoration: none;
}
#navig ul li a:hover {
	background-color: #FFF;
	padding: 3px;
	text-decoration: none;
}



#contact {
	float: left;
	margin: 0;
	padding: 8px 13px 20px 42px;
	width: 170px;
	color: #333;
	line-height: 140%;
}

#contact2 {
	float: left;
	margin: 0;
	padding: 20px 0 30px 32px;
	width: 280px;
	color: #333;
	line-height: 140%;
}

#blah {
	border:1px solid red:
}

label {
	float: left;
	width: 90px;
	display: block;
	color: #fff;
}

label.wider {
	float: left;
	width: 275px;
	color: #fff;
}

label.comments {
	float: left;
	width: 250px;
	display: block;	
	color: #fff;
}

input.inputtext, select {
	width: 160px;
	display: block;	
}

select {
	color: #39852b;	
}

input.button {
	width: 100px;
	display: inline;
}

.star {
	color: #ffff00;
	font-size: 18px;
}


/* --------------END content CONTACT FORM --------------------- */

/* ------------------- footer ------------------------------- */

#footer {
	background-color: #ccc;
	margin: 0 0 4px 0;
	padding: 32px 0 0 0; 
	width: 860px;
	height: 104px;
	text-align: center;
	line-height: 150%;
}

#footer a:link {
	color: #333;
	text-decoration: none;
	padding: 3px;
}

#footer a:visited {
	color: #666;
	text-decoration: none;
	padding: 3px;
}

#footer a:hover {
	background-color: #FFF;
	text-decoration: none;
	padding: 3px;
}

#footer p.copyright {
	padding: 18px 0 5px 0;
	margin: 0;
	font-size: 85%;
}

#footer2-backtotop { 
	background-image:url(../images/footer2-backtotop.jpg);
	background-repeat: no-repeat;
	font-size: 1.1em;
	margin: 0 0 4px 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	width: 860px;
	height: 26px;
	line-height: 150%;
}

/*
#footer2-backtotop a:hover {  
	background-color: #D0aadd;
}
*/

#footer2-backtotop img {
	margin: 0;
	padding: 0;
	border: 0;
}

#footer3 {
	background-image: url(../images/footer3.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0; 
	width: 860px;
	height: 104px;
	text-align: center;
	line-height: 150%;
}

/* ------------------- END footer --------------------------- */

/* ------------------- Back to top ------------------------- */

#backtotop { 
	font-size: 1.1em;
	margin: 0; 
	padding: 0 5px 2px 5px;
	text-align: center;	
}

#backtotop a:hover {  
	background-color: #e8fb99;
}

#backtotop img {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ------------------- END Back to top ------------------------- */