/* =======================================================

	AUTHOR: 		Sumac UK
	DESCRIPTION:	Screen styles for CMS Wireframe
	DATE:			23/11/06
	LAST EDITED:	18/02/08

======================================================= */

/* ==========================================================
	GLOBALS
========================================================== */
body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	color: #000;
}
/* [ text sizing ]---------------------------------------- */
/* http://www.clagnut.com/blog/348/ ---------------------- */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}
input, select, table
{
	font-size: 100%; /* for IE */
}
/* [ links ] ------------------------------------------ */

/* [ headings ] ------------------------------------------ */
h1
{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0.5em 0;
	font-size: 1.6em;
	font-weight:normal;
}
h2
{
	margin: 0 0 0.5em 0;
	padding-bottom:0;
	font-size: 1.3em;
	color: #b2948a;
	font-weight:normal;
}
h3
{
	margin: 1.1em 0;
	font-size: 1.3em;
	color: #b2948a;
	font-weight:normal;
}
h4
{
	margin: 1.2em 0;
	font-size: 0.9em;
}
h5
{
	margin: 1em 0;
	font-size: 0.9em;
	font-style: italic;
}
h6
{
	margin: 1em 0;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
}
h2.related-links
{
	margin: 6px 0 0 0;
	background: transparent url(../image/related-links-img.gif) no-repeat left top;
	text-indent: -1500px;
}
a:link, a:visited
{
	color: #ef44a4;
	text-decoration: underline;
}
a:hover
{
	color: #ef44a4;
	text-decoration: none;

}
/* ==========================================================
	BANNERS FOR THE HEADER [BG IMAGES]
========================================================== */
body.banner-1 #header
{
	background: transparent url(../image/banner-1.jpg) no-repeat 37px bottom;
}
body.banner-2 #header
{
	background: transparent url(../image/banner-2.jpg) no-repeat 37px bottom;
}
body.banner-3 #header
{
	background: transparent url(../image/banner-3.jpg) no-repeat 37px bottom;
}
body.banner-4 #header
{
	background: transparent url(../image/banner-4.jpg) no-repeat 37px bottom;
}
body.banner-5 #header
{
	background: transparent url(../image/banner-5.jpg) no-repeat 37px bottom;
}
body.banner-6 #header
{
	background: transparent url(../image/banner-6.jpg) no-repeat 37px bottom;
}
body.banner-7 #header
{
	background: transparent url(../image/banner-7.jpg) no-repeat 37px bottom;
}
body.banner-8 #header
{
	background: transparent url(../image/banner-8.jpg) no-repeat 37px bottom;
}

/* [ other ] --------------------------------------------- */
hr
{
	display: none;
}
.hide
{
	/* display: none; */
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */	
}
.clear
{
	clear: both;	
}
label
{
	cursor: pointer;	
}
p
{
	margin: 0 0 1em 0;
}
a img
{
	border: 0;
}
/* ==========================================================
	JUMP-TO
========================================================== */
#jump-to
{
	position: absolute;
	top: 0;
	left: -9999px;
}
#jump-to a:hover
{
	background-color: #EEE;	
}
#jump-to a:focus
{
	display: block; 
	position: absolute; 
	top: 20px; 
	left: 10020px; 
	font-size: 1.5em; 
	background-color: #FFF; 
	border: solid 2px #999;
	color: #999;
	padding: 10px; 
	width: 15em; 
	z-index: 1;
}
/* ==========================================================
	PAGE
========================================================== */
#page
{
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8em;
	overflow: hidden;
	width: 980px;
}
#page-wrap
{
	padding: 0;
	margin: 0;	
	/*background: #FFF url(../image/page_wrap_bg.jpg) no-repeat center top;*/
	float:left;
/*	border: solid 1px #999966;
*/}
/* ==========================================================
	HEADER
========================================================== */
#header
{
	float: left;
	margin: 0;
	width: 100%;
	height: 390px;
	display: inline;
}
#header #logo
{
	float: left;
	margin: 0;
	border: 0;
}
address
{
	float: right;
	margin: 0 133px 0 0;
	color: #ef44a4;
	font-weight: bold;
	display: inline;
	padding: 14px 0 0 14px;
	background: transparent url(../image/address-bg.gif) no-repeat left top;
}
address span
{	
	display: inline;
	padding: 0 0 1em 0;
	
}
/*address span#contact-us-top a
{
	width: 62px;
	height: 12px;
	display: none;
}
address span#contact-us-top a:link,
address span#contact-us-top a:visited 
{
	background: transparent url(../image/contact-us-hover.gif) no-repeat left top;
}
address span#contact-us-top a:hover,
address span#contact-us-top a.current:link,
address span#contact-us-top a.current:visited,
address span#contact-us-top a.current:hover
{
	background: transparent url(../image/contact-us.gif) no-repeat left top;
}*/

/* ==========================================================
	MAIN-NAVIGATION
========================================================== */
#main-navigation
{
	float: left;
	margin-top: 12px;
	width: 940px;
	display: inline;
	padding: 7px 0 8px 0;
	background: #fef5fa url(../image/li-plus-bg.gif) no-repeat 5px 7px;
}
#main-navigation ul
{
	float: left;
	margin: 0 0 0 40px;	
	padding: 0;
	list-style-type: none;
}
#main-navigation ul li
{
	display: inline;
	text-decoration: none;
}
#main-navigation ul li a
{
	float: left;
	height: 20px;
	text-decoration: none;
	padding: 0 0 0 50px;
}


/* ==========================================================
	SUB-NAVIGATION
========================================================== */
#sub-navigation
{
	width: 239px;
	float: left;	
	margin: 10px 0 0 0;
	padding-bottom: 40px;
	display: inline;
	background: transparent url(../image/related-links-bg.gif) no-repeat 0 bottom;
}
#sub-navigation ul
{
	margin: 4px 0 0 0;
	padding: 0;
	list-style-type: none;
	display: block;	
}

#sub-navigation ul li
{
	border-bottom: none;
	padding: 0 0 0 10px;
	background: transparent url(../image/related-links-li-bg.jpg) no-repeat 0 7px;
}

#sub-navigation a:link, #sub-navigation a:visited
{
	color: #444700;
	text-decoration: none;
}
#sub-navigation a:hover,
#sub-navigation a.current:link,
#sub-navigation a.current:visited,
#sub-navigation a.current:hover
{
	color: #ef44a4;
	text-decoration: underline;
}
#sub-navigation ul li a
{
	display: block;
	padding: 0 0 0 5px;
	font-size: 0.9em;
}
#sub-navigation ul ul
{
	border: none;
}
/* second level sub nav */
#sub-navigation ul ul li
{
	border-bottom: none;
}
#sub-navigation ul ul li a
{
	padding: 0 0 0 15px;	
}
/* third level sub nav */
#sub-navigation ul ul ul li a
{
	padding: 0 0 0 25px;	
}
/* ==========================================================
	PROMOTIONS
========================================================== */
#promotions
{
	float: left;
	width: auto;
	margin-top: 19px;
}
#promotions h2, #promotions h3
{
	margin: 0 0 0.7em 0;
}
#promotions img
{
	border: none;
}

/* ==========================================================
	BODY
========================================================== */
#body
{
	float: left;
	margin: 0 0 0 37px;
	width: auto;
	display: inline;	
}
#body-wrap
{
	float: left;
	display: inline;
}
/* ==========================================================
	CONTENT
========================================================== */
#content
{
	float: left;
	margin: 13px 0 0 0;
	display: inline;
	width: 100%;
	background: transparent url(../image/nav-bg.gif) no-repeat left top;
}
#content h1
{
	margin: 9px 0 0.2em 40px;
}
#content h2, #content h3, #content h4, #content h5
{
	background: transparent url(../image/content-bg.gif) no-repeat 0 0;
	padding: 1em 0 0.2em 40px;
	width: 610px;
	clear: both;
	width: auto;
} 
#content-wrap
{
	float: left;
	width: 100%;
	display: inline;
	margin: 0;
}
#content p
{
	margin: 0 0 0.8em 40px;
	width: 610px;
}
#content ul
{
	margin: 1em 0 1em 40px;
	padding: 0;
	list-style: none;
	clear: both;
}
#extras ul
{
	margin: 0.3em 0 0.2em 0;
	padding: 0;
	list-style: none;
	clear: both;

}
#content li, #extras li 
{
	margin: 0;
	background: transparent url(../image/related-links-li-bg.jpg) no-repeat 0 7px;
	padding: 0 0 0 21px;
	list-style: none;
}

/* ==========================================================
	RELATED LINKS, STYLE WITH BG IMAGE
========================================================== */

#special-links a:link, #special-links a:visited
{
	color: #444700;
	text-decoration: none;
	padding: 0 0 0 15px;
	display: block;
	background: transparent url(../image/related-links-li-bg.jpg) no-repeat 0 7px;
}
#special-links a:hover
{
	color: #ef44a4;
	text-decoration: underline;
}
/**************************************************************************************/
#content ul
{
	font-size:1em;
}
/*#content img
{
	border:solid 1px black;
	margin:0 0 5px 20px;
}*/
body.three-column #content
{
	width: 672px;	
}
body.two-column #content
{
	width: 570px;	
}
/* ==========================================================
	FORMS
========================================================== */

fieldset
{
	margin: 0;
	padding: 0;
	border: none;
	padding: 0 0 0.5em 40px;
}
legend
{
	display: none;	
}
fieldset label
{
	width: 100px;
	display: block;
	float: left;
}
fieldset input, fieldset textarea
{
	width: 230px;
	border: 1px solid #ef44a4;
	margin-bottom: 0.4em;
}
.button
{
	float: left;
	background-color:transparent;
	border: 1px solid #ef44a4;
	margin: 2px 0 10px 40px;
	/*margin: 2px 300px 10px 0;*/
	overflow: visible;
	padding: 1px;
	width: auto;

}
/* ==========================================================
	EXTRAS
========================================================== */
#extras
{
	float: left;
	width: 238px;
	margin: 13px 0 0 28px;	
	display: inline;
	background: transparent url(../image/extras-line-bg.gif) no-repeat left top;
}
#extras-wrap
{
	float: left;
	width: auto;
	display: inline;
	margin: 10px 0 0 0;
}
#extras img
{
	/*border:solid 1px black;*/
	margin: 0 0 5px 0;
}
#extras h3, #extras h4, #extras h5
{
	background: transparent url(../image/extras-line-bg.gif) no-repeat left top;
	padding: 0.5em 0 0 0;
	width: 240px;
	margin: 10px 0 0.6em 0;
	font-family: Arial;
}
/* ==========================================================
	CRUMBTRAIL

#crumbtrail
{
	clear: both;
	border-bottom: 1px dotted #DDD;
	color: #AAA;
	padding: 1px 0;
}
#crumbtrail p
{
	margin: 0.75em 0;
}
========================================================== */
/* ==========================================================
	FOOTER
========================================================== */
#footer
{
	padding: 0.4em 0  0.4em 0;
	margin:  26px 0 20px 0;
	display: inline;
	float: left;
	width: 100%;	
	clear: both;
	font-size: 0.9em;
	color: #b2938e;
	background-color: #fef5fa;	
}
#footer p
{
	text-align: left;
	padding-left: 203px;
}
#footer p span
{
	padding: 0 17px 0 17px;
}
#footer p a:link, #footer p a:visited
{
	color: #b2938e;	
	text-decoration: none;
}
#footer p a:hover
{
	color: #b2938e;	
	text-decoration: underline;
	background-color: transparent;
}
#footer ul.hygene
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
#footer ul.hygene li
{
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
	text-align: left;
}
#footer #copyright
{
	margin: 0;	
}
#footer-wrap
{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}
/* ==========================================================
	TESTAMONIALS
========================================================== */

#testamonials
{
	float: left;
	margin: 40px 0 0 0;
	width: auto;
	display: inline;
}
.testamonials-wrap
{
	float: left;
	margin: 0 0 20px 0;
	display: inline;
	width: 672px;
	clear: both;
	background: transparent url(../image/content-bg.gif) no-repeat left bottom;
}
.testamonials-wrap h4
{
	color: #000;
	font-size: 1em;
	margin: 0 0 0.3em 40px;
}
#content .testamonials-wrap p
{
	font-size: 1em;
	padding: 0;
	margin: 0 0 0.3em 40px;
}
#testamonials-home
{
	float: left;
	margin: 0;
}
#testamonials-home p.black-font
{
	color: #000;
}
#testamonials-home p.author, #testamonials p.author
{
	margin: 0 0 1em 40px;
	color: #b2938d;
}
.last
{
	background: none;
}