@charset "UTF-8";
/* WORLDOFFSET.ORG : TIFFANY HOLMES : tiffanyholmes.com */
/* author: Matthew C. Nelson : matthewcnelson.com */
/* last edited: 3.22.2008 */


/* TAG SELECTORS */
* { padding: 0; margin: 0;}
html, body {padding: 0;	margin: 0;	height: 100%; background-image: url(../images/stripe2.png);	background-repeat: repeat;	background-color:#333;}
a {	color: #000;}
a:hover { text-decoration: none;}
label {font-family: Courier, monospace;}
img {text-decoration: none;	outline: none; border: none;}
* html #container{ height: 100%;}

/* SPLASH PAGE */
#splash {background-repeat: no-repeat; background-color:#fff; width: 800px;	height: 650px; background-position: top;}
#splash_total {	position: relative;	float:right; text-align: right;	top: -2px;	right: 0px;	width: 780px; padding-right: 20px; margin: 0;}
#splash_total p{ float: right; line-height: normal;	color:#000;	font-family: Helvetica, sans-serif;	font-size: 40px; font-style: normal; font-weight: bold;	font-variant: normal;}
.current_promise_index { font-size: 40px; color:#F00; padding: 0 10px 0 0; width: 85px;}
.current_promise_regular { font-size: 18px; color:#F00;	padding: 0;}
.current_promise {font-size: 30px; color: #F00; width: 125px; text-align: left;}
#top_promise { padding: 20px 0 10px 0; font: normal small-caps bold 18px Helvetica, sans-serif;}
#left_promise {	padding: 50px 0 50px 0;	font: normal small-caps bold 17px Helvetica, sans-serif;}
.user_promise {	font-size: 30px; color: #F00; width: 125px; text-align: center;}
#top_section { padding: 0px; margin: 0px; width: 800px; height: 246px; background-color: #fff;}
#header { height: 246px; width: 800px;}

/* TOP NAV */
#nav { margin-top: 0px;	background-color: #000;	height: 30px; width: 800px;}
#nav ul{ list-style: none; padding: 3px 0 5px 0;}
#nav ul li{ list-style: none; display: inline;}
#nav ul li a{ color: #FFF; height: 18px; line-height: 14px; text-decoration: none; font: normal bold 14px Helvetica, sans-serif; text-transform: uppercase;	text-align: center; vertical-align: middle;	padding: 10px 18px 0px 18px;}
#nav ul li a:hover{	color: #F00;}

/* OTHER ID SELECTORS */
#container { min-height: 100%; padding: 0; margin: 0 auto; width: 800px; background-color: #fff; background-image: url(../images/container_bk.jpg);	background-repeat: repeat-x;}
#bottom_section{ background-color:#FFF;	width: 800px; margin: 0; padding: 0;}
#left_column{ float: left; width: 100px; font: normal 12px Helvetica, sans-serif; padding: 0 0 0 20px;}
#main_content{ width: 800px; padding: 0; background-color:#FFF;}
#content_promise{ float:left; padding: 20px 0 10px 50px; font: normal small-caps bold 18px Helvetica, sans-serif;}
#ecoviz{ float: left; width: 425px; padding: 0;}
#slug_content{ padding: 0; margin: 0; width: 700px; font-family: Helvetica, sans-serif; font-weight: normal; font-variant: normal; font-size: 12px; line-height: 14px;}
#slug_content h2{ background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; width: 700px; padding: 0; margin: 1px 0 10px 0;}
#slug_content ol{ margin-left: 20px;font-style: italic;}
#slug_content ol{ padding-bottom: 10px;}
#slug_content li{ padding: 2px;}
#slug_content p{ padding: 7px 0 6px 0;}
#slug_content2{ padding: 0; margin: 0; width: 700px; font-family: Helvetica, sans-serif; font-weight: normal; font-variant: normal; font-size: 12px; line-height: 14px;}
#slug_content2 h2{ background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; width: 700px; padding: 0; margin: 1px 0 10px 0;}
#slug_content2 ol{ margin-left: 20px;font-style: italic;}
#slug_content2 ol{ padding-bottom: 10px;}
#slug_content2 li{ padding: 2px;}
#slug_content2 p{ padding: 7px 0 6px 0;}

/* MENU BUTTONS */
#menu { width: 760px; height: 100px; margin-top: 0; padding: 20px 0 0 20px;}
#left_menu{	float: left; width:110px; height: 90px; padding-right: 15px; text-align: left; font: normal small-caps bold 18px Helvetica, sans-serif;	line-height: 22px;}
#right_menu { float: left; width: 630px; height: 90px; padding-left: 5px;}
#menu ul{ margin: 0;}
#menu ul li{ display: inline; padding: 0;}
#menu ul li a{ float: left; left: 0; top: 0; width: 90px; height: 90px; font: normal small-caps bold 20px Helvetica, sans-serif; text-decoration: none;}

/* BUTTON CLASSES */
.eat a{ color: #CC6600; background: #fff url(../images/nav/eat.jpg) no-repeat;}
.eat a:hover{ background: #fff url(../images/nav/over/eat.jpg) no-repeat;}
.drink a{ color: #CC6600; background: #fff url(../images/nav/drink.jpg) no-repeat;}
.drink a:hover{ background: #fff url(../images/nav/over/drink.jpg) no-repeat;}
.go a{ color: #CC6600; background: #fff url(../images/nav/go.jpg) no-repeat;}
.go a:hover{ background: #fff url(../images/nav/over/go.jpg) no-repeat;}
.live a{ color: #CC6600; background: #fff url(../images/nav/live.jpg) no-repeat;}
.live a:hover{ background: #fff url(../images/nav/over/live.jpg) no-repeat;}
.mail a{ color: #CC6600;	background: #fff url(../images/nav/mail.jpg) no-repeat;}
.mail a:hover{ background: #fff url(../images/nav/over/mail.jpg) no-repeat;}
.trash a{ color: #CC6600;	background: #fff url(../images/nav/trash.jpg) no-repeat;}
.trash a:hover{ background: #fff url(../images/nav/over/trash.jpg) no-repeat;}
.work a{ color: #CC6600; background: #fff url(../images/nav/work.jpg) no-repeat;}
.work a:hover{ background: #fff url(../images/nav/over/work.jpg) no-repeat;}

/* OTHER CLASSES */
.warning{ color: #F00; padding: 20px 0 0 10px; margin: 10px 0 20px 0; font-size: 20px; background-color: #FF0;}
.red{ color: #F00;}
.justified{ text-align: justify; line-height: 12px; font-family: Helvetica, sans-serif; font-weight: normal; font-variant: normal; font-size: 12px;}
.error{ border: 1px dashed red;}
.extra_tm{ margin-top: 35px;}
.clearleft{ clear: left;}
.title{ font-weight: bold;}
.q{ clear:both; font-size: 14px; font-style: italic; font-weight: bold;}
.popup{ position: relative; bottom: 20px; margin:0 0 20px 140px;}

/* FORM SELECTORS */
#accordian { width: 620px; background-color:#FFF;}
#accordian h2 { background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; padding: 5px; margin: 1px;}
#accordian h2:hover { color: #F00; text-decoration: none; cursor: pointer;}
#accordian ul { width: 620px; list-style: none; padding: 0; margin: 0; font: normal 12px Helvetica, sans-serif; line-height: 20px;}
#accordian ul li{ margin: 0; padding: 5px;}
#goodperson { width: 620px; background-color:#FFF;}
#goodperson h2 { background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; padding: 5px; margin: 15px 1px 1px 1px;}
#goodperson h2:hover { color: #F00; text-decoration: none; cursor: pointer;}
#goodperson ul { width: 620px; list-style: none; padding: 0; margin: 0; font: normal 12px Helvetica, sans-serif; line-height: 20px;}
#goodperson ul li{ margin: 0; padding: 5px;}
#form_content{ float: left; width: 630px; margin: 10px; padding: 0 0 20px 25px; background-color:#FFF;}
#identity{ clear: left; padding: 15px 0 0 0;}

/* GOOD PEOPLE SELECTORS */
#goodpeople { width: 700px; background-color: #FFF; padding: 0 50px 0 50px;}
#goodpeople h2 { width: 700px; background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; padding: 5px 0 5px 5px; margin: 1px 0px 1px 0px;}
#goodpeople dl { width: 700px;}
#goodpeople dl { margin: 0;}
#goodpeople dd { margin: 0;}
#goodpeople dt { background: #111; color: #FFF; font: normal small-caps bold 18px Helvetica, sans-serif; padding: 5px; margin: 1px;}
#goodpeople dt a { color: #FFF; text-decoration: none;}
#goodpeople dt a:hover { color: #F00; text-decoration: none;}
#goodpeople dd a { color: #000; }
#goodpeople ul { list-style: none; padding: 0; margin: 0; font: normal 12px Helvetica, sans-serif; line-height: 20px;}
#goodpeople ul li{ width: 695px; margin: 0; padding: 5px;}
#goodpeople .map_canvas{ width: 705px; margin: 0; padding: 0 0 0 0;}
#goodpeople .map_canvas p{ padding: 5px;}

/* ZEBRA STRIPE LIST */
li.alt { background-color: #EAF7FE;}
li.reg { background-color: #EEE;}

/* COUNTRY DROP DOWN */
.suggestionsBox { position: relative; left: 59px; margin: 0px 0px 0px 0px; width: 175px; background-color: #212427; border: 2px solid #000; color: #fff;}
.suggestionList { margin: 0px; padding: 0px;}
.suggestionList li { margin: 0px 0px 3px 0px; padding: 0; cursor: pointer;}
.suggestionList li:hover {background-color: #FFF; color: #000000;}