/* for about.html
testimonials.html
faq.html
terms.html
privacy.html
*/

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

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: #f3a9ca url(../images/bg-big-duck.jpg) fixed no-repeat;
	/*  medium grey #666666 */
	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%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
	
h2.submenu {
	padding-left: 0;
}

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

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


/* add div name in front of a:hover so images don't have a hover effect */

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

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

strong {
	font-weight: bold;
}

img {
	border: none;
}


/* -------------------- 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 ------------------ */
.div4px {
	height: 4px;
	overflow: hidden;
}

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


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

/* ----------------- content ABOUT--------------------- */

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

#bottom-faq {
	background-image:url(../images/faq.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	width: 860px;
	height: 100%;
}

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


/* --------------END content ABOUT ------------------------ */

/* ------------------- 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 ------------------------- */


	
/* ------------------- content -------------------------------- */

/* my face photo */
#about3photo {
	clear: both;
	background-image: url(../images/about-mephoto.jpg);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 104px;
	height: 104px;
}

/* no photo */
#about3photo.blankphoto {
	clear: both;
	background-image: url(../images/about-blankphoto.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 104px;
	height: 104px;
}

/* super chamelle picture */
#about3photo.chamelle {
	clear: both;
	background-image: url(../images/superchamelle-logo-small.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	width: 104px;
	height: 104px;
}

#navig {
	float: left;
	width: 178px;
	margin: 17px 0 0 25px;
	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: #d0aadd;
	padding: 3px;
	text-decoration: none;
}
#navig ul li a:hover {
	background-color: #FFF;
	padding: 3px;
	text-decoration: none;
}


#about {
	float: left;
	margin: 0 0 20px 0;
	padding: 20px 13px 0 42px;
	width: 480px;
	color: #333;
	line-height: 160%;
}


#about a { color: black; text-decoration: none; }

#about a:visited { color: #d0aadd; }

#about a:hover { background-color: #ffe6fa; }

#about.smallertext {
	margin:0;
	padding: 0 0 0 3px;
	font-size: 85%;
	height: 250px;
	width: 490px;
	overflow: scroll;
}

#about2 {
	clear: both;
	float: left;
	text-align: left;
	margin: 43px 0 25px 111px;
	padding: 15px 20px 0 20px;
	width: 500px;
	line-height: 160%;
}

#about #terms {
	padding: 0;
	margin: 0;
	width: 200px;
	float: left;
	
}

/* ------------------- END content ---------------------- */