/*
	Name: LINKs
	Date: February 2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
		line-height: 1.7;
		font-size: 87.5%; /* 100% = 16px */
		color: #666666;
		font-family: 'trebuchet ms', tahoma, arial, sans-serif;
		background: white;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h1 {font-size: 210%; font-weight: bold}
	h2 {font-size: 186.71%}
	h3 {font-size: 171.42%}
	h4 {font-size: 157.14%}
	h5 {font-size: 142.85%}
	h6 {font-size: 128.57%}
	
	h1, h2, h3, h4, h5, h6 {color: #DD2E93; margin-bottom: .4em; line-height: 1.1;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #DD2E93; text-decoration: none;}
	a:hover, a:active {text-decoration: none; color: #ef6dcd;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.7;
	}
	
	p.highlight {
		font-family: arial, verdana, sans-serif;
		color: #08657c;
		font-size: 92.85%;
		padding: 1em;
		border: 1px solid #2bd5ff;
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic;}

/* Lists */
ul {
  margin: 1em 0 1.5em .5em;
  line-height: 1.4;
  list-style: none
}

ul li {padding-left: 20px; background: url('images/icons/arrow.gif') no-repeat 0 .4em; margin-bottom: .5em;}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

ol li {padding: 0; background: none;}

/* Quotes */
blockquote {background: #BFE4DE; margin: 1.4em; padding: 1em; color: #1E9D97; font-style: italic; font-size: .9em;}
blockquote p {margin-bottom: .5em;}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto;}

thead th {background: #BFE4DE; color: #333; text-align: left; padding: .5em .4em}

tbody td {padding: .5em .4em}
tbody .alt td {background: #eee}

/***** Layout *****/
.limit {width: 960px; margin: 0 auto; padding: 0;}
#header .limit:after, #header-text .limit:after, #body.limit:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

/* Header */
#header {
	background: url('images/header-bg.png') repeat-x top left;
	height: 50px;
	min-width: 960px;
}
	#header img {
		float: right;
	}

#header .limit {position: relative;}

#header .tel {margin: 12px 17px 0 0}

	/* Logo */
	#logo {
		position: absolute;
		left: 0;
		top: 16px;
	}
	
	
/* Header Text */
#header-text {
	height: 162px;
	min-width: 960px;
	background: url('images/header-main-bg.png') repeat-x top center;	
}

#header-text .limit {position: relative;}
#header-text p {font-size: 128.57%; margin-bottom: 1em;}

#header-text ul {list-style: none; margin: 0; }
#header-text ul li {float: right; margin: 14px 0 0 18px; padding: 0; background: none; overflow: hidden}
#header-text li img {margin: 0}

/* Body */
#body {padding: 30px 0; min-width: 960px;}

	/* Sidebar */
	#sidebar {width: 220px; float: left; overflow: hidden;}
	
	#sidebar ul {margin: 0; padding: 0 0 0 0; color: #DD2E93; font-size: 112%; height:1%}
	#sidebar ul ul {font-size: 1em;}
	#sidebar ul li {margin: 0; padding: 0; background: none;}
	#sidebar ul li li {padding: 0 0 0 10px; background: none;}
	#sidebar ul li li li {padding: 0;}
	#sidebar ul li {margin: 8px 15px;}
	#sidebar ul .current-menu-item {margin: 0}
	#sidebar ul .current-menu-item li a:link, #sidebar ul .current-menu-item li a:visited, #sidebar ul .current-menu-item li a:hover, #sidebar ul .current-menu-item li a:active {color: #DD2E93}
	#sidebar ul .current-menu-item {background-color:#db268d; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; padding: 8px 15px}
	#sidebar ul .current-menu-item a:link, #sidebar ul .current-menu-item a:visited, #sidebar ul .current-menu-item a:hover, #sidebar ul .current-menu-item a:active {color: #fff}
	#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {color: #DD2E93}
	#sidebar ul li.categories h2, #sidebar ul li.archives h2 {font-size:1.2em;margin:0}
	#sidebar ul li.categories ul,#sidebar ul li.archives ul {background:none; padding: 0.2em 0 0 0;margin-bottom: 0}
	#sidebar ul li.categories ul li, #sidebar ul li.archives ul li {margin-bottom: 0}
	
	#sidebar .ad {display: block; margin: 2em 0 2em 0;}
	#sidebar .ad img {display: block;}
	
	/* Content */
	#content {width: 660px; float: right; overflow: hidden; padding-top:3px}

/* Footer */
#footer {
	background: #5E6A71 url('images/footer-bg.png') repeat-x top;
	color: #fff;
	min-width: 960px;
}
#footer .limit {position: relative;}

#footer p {margin-bottom: 0;}
#footer a {color: #fff;}

#address {background: url('images/vcard-bg.gif') no-repeat bottom left; padding: 20px 0 20px 30px;}
#back-top {position: absolute; right: 0; top: -12px;}
#back-top img {display: block;}

#features {width: 294px; padding: 13px; margin: 0 0 20px 20px; float: right; background: #dfdfdf; border-radius: 9px; -moz-border-radius: 9px}
#features h2 {font-size: 1em}

#survey {margin: 28px 0 14px;}
#survey h2 { display: block; height: 34px; background: url(images/h-survey.png) no-repeat; }
		
/***** Sections *****/
/* Choose Your Location Menu */
#local-link {
	width: 660px;
	height: 310px;
	background: url('images/choose-link-bg.png') no-repeat center center;
	position: relative;
	margin: 0 0 2em 0;
	font-size: .85em;
}

#local-link li {
	padding: 0;
	background: none;
	position: absolute;
	text-transform: uppercase
}

#local-link a:link, #local-link a:visited {color: #383838}
#local-link a:hover, #local-link a:active {color: #383838; background: none; text-decoration: underline;}

	/* Link Positioning */
	#local-link .l1 {top: 13px; left: 200px; text-align: center; width: 135px;}
	#local-link .l2 {top: 13px; left: 340px; text-align: center; width: 135px;}
	
	#local-link .l3 {top: 62px; left: 480px;}
	#local-link .l4 {top: 110px; left: 552px;}
	#local-link .l5 {top: 185px; left: 552px;}
	#local-link .l6 {top: 230px; left: 480px;}
	
	#local-link .l7 {top: 250px; left: 340px; width: 135px; text-align: center;}
	#local-link .l8 {top: 250px; left: 200px; width: 135px; text-align: center;}
	
	#local-link .l9 {top: 230px; right: 480px;}
	#local-link .l10 {top: 185px; right: 552px;}
	#local-link .l11 {top: 110px; right: 552px;}
	#local-link .l12 {top: 62px; right: 480px;}
	
	#local-link .l1 img, #local-link .l2 img {position: absolute; top: 1.4em; left: 50%; margin-left: -14px;}
	
	#local-link .l3, #local-link .l4, #local-link .l5, #local-link .l6 {padding-left: 35px;}
	#local-link .l3 img, #local-link .l4 img, #local-link .l5 img, #local-link .l6 img {position: absolute; top: -5px; left: 0;}
	
	#local-link .l7 img, #local-link .l8 img {display: block; margin: 0 auto;}
	
	#local-link .l9, #local-link .l10, #local-link .l11, #local-link .l12 {padding-right: 35px;}
	#local-link .l9 img, #local-link .l10 img, #local-link .l11 img, #local-link .l12 img {position: absolute; right: 0; top: -5px;}
	
	html, body {margin: 0; padding: 0;}
	
/* Blog */
#post-list {margin: 0; list-style: none}

.post {margin-bottom: 3em; line-height: 1.4; padding: 0; background: none;}

.post .meta {display: block; font-size: .8em; margin-bottom: 1em; color: #666}

/* Comments */
#comments h2 {font-size: 128.57%; margin-bottom: .8em; line-height: 1; text-decoration: none}
#comments ul {margin: 0 0 2em 0; padding: 0; list-style: none}
#comments ul li {background: #eee; padding: 1em; margin-bottom: 1em}

#comments blockquote {margin: 0; padding: 0; color: #000; font-style: normal; background: none;}
#comments blockquote p {margin-bottom: 0}
#comments cite {font-size: 76.92%; color: #acacac}

/* Comments Form */
#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}
#comment-form div {margin-bottom: 15px; overflow: hidden; height: 1%}

#comment-form label {
	display: block;
	float: left;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#comment-form .text, #comment-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 560px;
	color: #888;
	background: #fff;
	border: 1px solid #ddd;
}

#comment-form textarea {float: none; width: 635px; height: 125px}

#comment-form .button {
	float: right;
	background: #2cd5ff;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: .3em 2em .3em 2em;
	margin-right:9px;
	cursor: pointer
}

/* Contact */
#contact {overflow: hidden; height: 1%;position:relative; top: -15px}
#contact address {width: 220px; float: right; font-style: normal; font-size: 115.38%;padding-top:25px;height: 1%;}
#contact .button:link, #contact .button:visited {
	float: left;
	background: #DD2E93;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: 3px 2em 3px 2em;
	cursor: pointer;
	margin-top: 13px;
}

#contact #contact-form {
	width: 610px;
	float: left;
	background: url('images/form-bg.png') no-repeat top center;
	height:1%;
	padding: 20px 0 0 15px;
	margin:0;
}

#contact #name , #contact #email {
	border-color: #cccccc;
	background-color: #ffff99;
}

#contact #url , #contact #message, #contact #name , #contact #email  {
	border-color: #cccccc;
}


#contact-form .text, #contact-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 450px;
	color: #888;
	background: #fff;
	border: 1px solid #ddd;
}

#contact-form select {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 280px;
	color: #888;
	background: #fff;
	border: 1px solid #ddd;
}

#contact-form label {width: 100px; float: left; text-align: left; margin: 0 25px 1em 0; clear: left}


#contact #contact-form .button {
	float: right;
	background: #DD2E93;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: .3em 2em .3em 2em;
	cursor: pointer;
	margin-right: 20px;
}

/* Location */
#get_direction ul {list-style-type:none;margin:10px 0 0 0}
#get_direction li {background:none;padding:0;clear:both;}
#get_direction li label {float:left;width: 50px}
#get_direction li .text {float:left;width:100px;margin-right:30px;}
#map_canvas {width: 100%; height: 400px;margin-top:5px}
#detailed-directions {font-size:1em;margin-top:10px}
#directions {width:100%;height:auto;margin-top:10px}
#directions tr td {border:none}
#get_direction li select.text {width:170px}


/* Calendar */
#calendar_wrapLarge h2 {font-size: 1.2em; margin-bottom: 0}
