/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #000;
	background: #FFF;
	}

html, body { height: 100%; }

body#page,
body#home { }

img, a img { border: none; }

a, a:link, a:visited { text-decoration: underline; color: #372186; }
a:hover { color: #372186; }
a:active { }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

ul { padding-left: 1.3em; margin: .5em 0; padding-bottom: 1em; list-style-type: disc; }
ol { padding-left: 2.5em; margin: .5em 0; }
li { margin-bottom: .2em; }

u { text-decoration: none; }

h1, h2, h3, h4, h5, h6, h7 { font-size: 1em; font-family: Calibri, Arial, Helvetica, sans-serif; color: #231555; padding-left: 8px; }
h1 { font-size: 1.4em; padding-bottom: .2em; padding-top: .6em; }
h2 { font-size: 1.1em; padding-top: .7em; padding-bottom: .2em; }
h3 { font-size: 1em; padding-top: .5em; }
h4 { font-size: 1em; padding-top: .5em; }

p { padding-bottom: .8em; line-height: 1.4em; padding-left: 8px; padding-right: 8px; }

hr { height: 1px; color: #D3B066; background-color: #D3B066; border: none; margin: 0 8px; }

em, i { font-size: 96%; }

table, td, th {
	text-align: left;
	font-size: 1em;
	}

hr { color: #CCC; background-color: #CCC; height: 1px; }

.image_left { float: left; margin-right: 20px; }

/* CONTAINER */

#container {
	width: 100%; background: #f7f2ea;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}

/* HEADER */
#header { height: 30px; overflow: hidden; background: #FFF url(../img/mobile_header.png) no-repeat right top; }

#logo img { margin: 1px 0; }

/* PHOTO */
#photo { height: 100px; overflow: hidden; background: #231555 url(../img/mobile_photo.png) no-repeat right top; }

/* CONTENT */
#content { background: #FFF; }
#home h1 { color: #D60270; }
#page h1 {
	height: 44px; padding: 0; padding-left: 8px;
	line-height: 44px; text-transform: uppercase; letter-spacing: 1px;
	color: #FFF; background: #231555 url(../img/mobile_bar.png) no-repeat right top;
	}
	
#links { margin: 0; padding: 0; list-style: none; }
#links li { 
	margin: 0; padding: 0; margin-top: 3px; 
	background: #f2f0f3 url(../img/mobile_arrow_right.gif) no-repeat 100% 18px; 
	}

#links li a,
#links li a:link,
#links li a:visited {
	display: block; height: 44px; padding-left: 8px; overflow: hidden;
	text-decoration: none; font-weight: bold; font-size: 1.3em; line-height: 44px; font-family: Calibri, Arial, Helvetica, sans-serif;
	
	}
#links li#support { background-image: url(../img/mobile_arrow_down.gif); }	
#links li#support a,
#links li#support a:link,
#links li#support a:visited {}

#links li#directions { clear: left; }

#links li#contact { 
	min-height: 44px;
	background-image: url(../img/mobile_arrow_down.gif); 
	}

#links li#contact a,
#links li#contact a:link,
#links li#contact a:visited {
	float: left; padding-right: 10px;
	}
#links li#contact a#open,
#links li#contact a#open:link,
#links li#contact a#open:visited {
	float: right; width: 20px; padding: 0;
	}	
#links li#contact a#phone,
#links li#contact a#phone:link,
#links li#contact a#phone:visited,
#links li#contact a#email,
#links li#contact a#email:link,
#links li#contact a#email:visited {
	padding-left: 14px;
	font-weight: normal; font-size: .9em; font-family: Arial, Helvetica, sans-serif;
	color: #000; background: url(../img/mobile_icon_phone.gif) no-repeat left center;
	}
#links li#contact a#email,
#links li#contact a#email:link,
#links li#contact a#email:visited {
	background: url(../img/mobile_icon_email.gif) no-repeat left center;
	}

#links li span { 
	padding-left: 1em;
	font-weight: normal; font-size: .8em; font-family: Arial, Helvetica, sans-serif;
	color: #3c3b3d; 
	}

.hidden { display: none; }

#links li .hidden h2 { color: #D60270; }

#links li .hidden a,
#links li .hidden a:link,
#links li .hidden a:visited {
	display: inline; height: auto; padding: 0; overflow: visible;
	text-decoration: underline; font-weight: normal; font-size: 1em; line-height: normal;
	}
#links li#contact .hidden a,
#links li#contact .hidden a:link,
#links li#contact .hidden a:visited {
	display: block; padding: 1em 0; padding-left: 26px; float: none;
	text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #cfbcdd; 
	}
#links li#contact .hidden a#contact_phone,
#links li#contact .hidden a#contact_phone:link,
#links li#contact .hidden a#contact_phone:visited {
	background: url(../img/mobile_icon_phone.gif) no-repeat 8px 50%;
	}
#links li#contact .hidden a#contact_email,
#links li#contact .hidden a#contact_email:link,
#links li#contact .hidden a#contact_email:visited {
	background: url(../img/mobile_icon_email.gif) no-repeat 8px 50%;
	}

#links li#support.close,
#links li#contact.close { 
	background-image: url(../img/mobile_arrow_up.gif); 
	}


#website { padding-top: 1em; }
#website a,
#website a:link,
#website a:visited {
	text-decoration: none; font-weight: bold;
	}

#slogan { color: #7f7f7f; padding-top: 1em; }

#slogan strong { display: block; }

.block { 
	margin-top: .5em;
	background: #f2f0f3; 
	}

/* FOOTER */
#footer { 
	padding-top: 10px; padding-left: 8px; padding-bottom: 5px;
	font-size: .9em;
	color: #7b7975;
	}

#footer a,
#footer a:link,
#footer a:visited {
	color: #a6a6a6;
	}