@charset "utf-8";
/* Sienna X Customer Mobile Template CSS */

*/ /* colour 675646 bk dad6cb*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 						{ border-collapse:collapse; border-spacing:0}
fieldset, img 				{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th 				{ text-align:left }
h1, h2, h3, h4, h5, h6 		{ font-size:100%; font-weight:normal }
q:before, q:after 			{ content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong 						{font-weight: bold }
em 							{font-style: italic }
a img 						{border:none } /* Gets rid of IE's blue borders */

/* Utility */

.floatLeft 					{float: left;}
.floatRight 				{float: right;}
.clear 						{clear: both;}
.spacer 					{height: 5px;}
#clear 						{clear: both; margin-bottom: 8px;}

/* Main Layout Structure */


body 						{background-color: #fefefe; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#675545;} /* Sets the overall body tags */

#outer-wrapper				{margin-left: auto; margin-right: auto; text-align: center;}

#page_wrapper				{width: 800px; margin: auto; padding: 0px 0px 10px 0px; background: #fff;}

#page-header				{width:800px; height:80px;}

#page_headerL				{width: 300px; height: 80px; float:left; text-align:left;}

#page_headerR				{width: 500px; height: 80px; padding-top: 0px; float:right;text-align:right; font-family: Verdana;font-size: 20px;font-weight: bold;color: #675646; line-height:20px;}

#main-nav					{ text-align: left; height: 35px; padding:0px 0px 0px 10px; line-height: 30px; background-image: url(../images/bgMenu.gif);background-repeat: repeat-x;}

#page_content				{ text-align:left; margin: 0px 20px 10px 20px;}

#footer						{margin-left: auto; margin-right: auto; text-align: left;}

#footer-content				{width: 800px; padding: 1px 0px 0px 0px; background: #675646; margin-top: 5px}

#footer-box1				{width:200px; height:112px; float:left ; padding: 4 0px 0px 0px;}

#footer-box2				{width:200px; height:112px; float:left ; padding: 4 0px 0px 0px;}

#footer-box3				{width:200px; height:112px; float:left ; padding: 4 0px 0px 0px;}

#footer-box4				{width:200px; height:112px; float:right ;  padding: 4 0px 0px 0px; text-align:center;}

	


/* Main Layout Structure Typology */

.title-text					{font-family: Verdana;font-size: 12px;font-weight: bold;color: #FFFFFF; line-height:35px; text-indent: 15px;}

.main_text					{font-family: Verdana; font-size: 12px; color: #666; line-height:18px; }

.titleBoldOrange			{font-family: Verdana;font-size: 12px;font-weight: bold;color: #ff7604; line-height:25px;}

.titleBoldWhite				{font-family: Verdana;font-size: 12px;font-weight: bold;color: #FFFFFF; line-height:33px; text-indent: 15px;}

.titleBoldBronze			{font-family: Verdana;font-size: 12px;font-weight: bold;color: #675646; line-height:25px;}


ul#main-nav					{margin: 0 0 0 0 0;font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#675545; }
ul#main-nav li 				{display:inline; margin-right:20px; text-decoration:none}
ul#main-nav li a			{color: #675545;text-decoration:none}
ul#main-nav li a:hover		{color: #675577;text-decoration:none}

.text-aline-right			{text-align:right;}


UL.pink						{padding-left: 30px;list-style-type: disc;color: #e3008b;line-height: 12px;}

h1							{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold; color:#675545;}
h1#magenta					{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold; color:#e3008b;}
.boldB						{font-weight:bold; color:#675545;}
.boldM						{font-weight:bold; color:#e3008b;}
.magenta					{font-family:Verdana, Arial, Helvetica, sans-serif;color:#e3008b;}

UL.pink a					{color: #675545;text-decoration:none}
UL.pink a:hover				{color: #675545;text-decoration:none}
UL.pink a:visited			{color: #675545;text-decoration:none}

#contact-boxL				{width: 375px; float:left;}
#contact-boxR				{width: 350px; float:right;}

/* Contact Form Structure */ 

.cssform p					{width: 300px;clear: left;margin: 0;padding: 3px 0 8px 0;padding-left: 155px; /*width of left column containing the label elements*/ height: 1%;}


.cssform label				{font-family:Verdana, Arial, Helvetica, sans-serif;color:#e3008b;float: left;margin-left: -155px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}


.cssform textarea			{width: 200px;height: 50px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix		{margin-left: 3px;}

.form-img				{text-align:center;}
#form-img				{text-align:center;}