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

	Version: 1.0
	Author: Ariamedia
	Author URI: http://ariamedia.com
	
	VisitSouthlakeTexas.com
	(c) 2009-2010 City of Southlake, Texas
	
	This site was designed, produced and coded by Ariamedia
	Feel free to use anything you see here, but please do not
	use my design or design elements without contacting me first.
	
	Thanks,
	
	Jordan Wollman: Ariamedia

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

/* [ CSS IMPORTS ] --------------------------------------------------------- */

@import url('reset.css');
@import url('text.css');
@import url('960.css');

/* [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */
html									{ width: 100%; height: 100%; }
body									{ color: #333; font: 12px/normal "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
a									{ color: #3A4d80; text-decoration: none; }
a:hover									{ color: #000; text-decoration: underline; }
a img									{ border: none; }
h1,
h2									{ font: 16px Georgia, Times New Roman, Times, Serif; color: #333; border-bottom: 1px solid #DCDCDC; padding-bottom: 6px; }
h3									{ font: 12px Georgia, Times New Roman, Times, Serif; color: #333; font-weight: bold; border-bottom: 1px solid #DCDCDC; padding-bottom: 6px; margin-bottom: 10px; position: relative; }
h4									{ font: 12px Georgia, Times New Roman, Times, Serif; color: #333; font-weight: bold; }
h5									{  }
h6									{  }
hr									{ border: none; width: 100%; float: left; margin: 0 0 10px; height: 0; border-top: 1px solid #CCC; }
input,
textarea,
option,
select									{ font: 12px/normal "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
td									{ vertical-align: top; }
ol, ul, dl								{ position: relative; }

/* [ MASTHEAD ] ------------------------------------------------------------ */
#masthead								{ margin-top: 20px; }
#masthead a								{ color: #183D20; }
#logo									{ margin-bottom: 10px; }
#nav_utility ul								{ float: right; margin: 0 0 6px 0; padding: 0; }
#nav_utility li								{ display: block; font-size: 10px; padding: 0; margin: 0; float: left; }
#nav_utility li a							{ padding: 0 5px; border-left: 1px solid #DCDCDC; }
#nav_utility .first a							{ padding: 0 5px 0 0; border: none; }
#nav_utility .last a							{ padding: 0 0 0 5px; }
#search_form								{ margin: 0; padding: 0; width: 220px; }
#search									{ width: 158px; padding: 3px 4px 0 24px; line-height: normal; height: 17px; background: url(/sitecontent/67/images/ui_files/backgrounds/search_bg.gif) 0 0 no-repeat; border: none; font-size: 11px; color: #333; float: left; }
#search_form a								{ background: url(/sitecontent/67/images/ui_files/backgrounds/search_bg.gif) 100% 0 no-repeat; float: right; width: 32px; height: 16px; padding: 4px 0 0 0; text-align: center; display: block; font-size: 10px; font-weight: bold; color: #FFF; }
#search_form a:hover							{ background-position: 100% 100%; text-decoration: none; color: #000; }
#banner									{ float: left; width: 940px; height: 192px; margin-bottom: 18px; }
#banner h1								{ position: absolute; top: -1000em; }

	/* nav_core ------------------------------------------------------------ */
	#nav_core							{ background: #CFD3B3 url(/sitecontent/67/images/ui_files/backgrounds/nav_core_bg.gif) 0 0 repeat-x; }
	#nav_core div							{ border: 1px solid #BABF8F; float: left; width: 938px; }
	#nav_core div div						{ border: none; width: auto; }
	#nav_core div .left						{ width: 700px; float: left; }
	#nav_core div .right						{ width: 220px; float: right; }
	#nav_core li							{ display: block; margin: 0; float: left; }
	#nav_core li a							{ display: block; }
	#nav_core li span						{ display: block; padding: 36px 0 0; }
	#nav_site							{ margin: 0; padding: 0; float: left; }
	#nav_site a							{ padding: 10px; }
	#nav_site .lb a,
	#nav_site .lb span						{ border-left: 1px solid #E7E9D9; }
	#nav_site .rb a,
	#nav_site .rb span						{ border-right: 1px solid #BABF8F; }
	#nav_site .active a						{ font-weight: bold; color: #000; }
	#nav_social							{ margin: 0; padding: 12px 10px 0 0; float: right; }
	#nav_social li							{ font-size: 10px; margin-left: 10px; line-height: normal; }
	#nav_social li span						{ padding: 0; display: inline; }
	#nav_social li a						{ display: block; height: 12px; padding: 0 0 0 16px; background: url(/sitecontent/67/images/ui_files/backgrounds/sprite_social.gif) 0 0 no-repeat !important; }
	#nav_social li a:hover						{ text-decoration: none; color: #000; }
	#nav_social li#l_share a					{ background-position: 0 0; }
	#nav_social li#l_share a:hover					{ background-position: 0 -12px; }
	#nav_social li#l_twitter a					{ background-position: 0 -24px; }
	#nav_social li#l_twitter a:hover				{ background-position: 0 -36px; }
	#nav_social li#l_rss						{ display: none; }
	#nav_social li#l_rss a						{ background-position: 0 -48px; }
	#nav_social li#l_rss a:hover					{ background-position: 0 -60px; }
	#nav_social li span.stbuttontext				{ line-height: normal; }


/* [ FOOTER ] -------------------------------------------------------------- */
#footer									{ background: url(/sitecontent/67/images/ui_files/backgrounds/footer_bg.gif) 0 0 no-repeat; height: 96px; margin-top: 10px; color: #FFF; }
#footer .weather							{ font-size: 14px; margin: 30px 0 0 20px; }
#footer ul								{ width: 100%; float: left; padding: 10px 20px; margin: 0; }
#footer li								{ float: left; display: block; margin: 0; font-weight: bold; font-size: 11px; padding: 0 10px; border-right: 1px solid #FFF; }
#footer .first								{ padding-left: 0; }
#footer .last								{ padding-right: 0; border-right: none; }
#footer a								{ color: #FFF; }

/* [ MISC CLASSES ] -------------------------------------------------------- */
.clear									{ clear: both; }
.large									{ font-size: 14px; }
.small									{ font-size: 10px; margin: 0 0 10px; }
.uparrow a								{ background: url(/sitecontent/67/images/ui_files/backgrounds/uparrow_sprite.gif) 100% 0 no-repeat; height: 12px; padding-right: 12px; }
.uparrow a:hover							{ background-position: 100% -12px; }
.pdf_download								{ border-bottom: 1px solid #EBEBEB; background: url(/SiteContent/67/images/ui_files/backgrounds/icon_download_pdf.gif) 0 50% no-repeat; display: block; padding: 10px 0 20px 40px; }
.pdf_download span							{ font-size: 85%; font-style: italic; }
.mb_20									{ margin-bottom: 20px; }
.mb_10									{ margin-bottom: 10px; }
.mb_0									{ margin-bottom: 0; }
.img_left								{ float: left; margin: 0 10px 10px 0; }
.shopping .mb_10							{ padding-top: 34px; }
.cal_link 								{ float: left; width: 400px; }
.cal_link p								{ margin: 0; }
.cal_link .left								{ float: left; }
.cal_link .right							{ float: right; font-size: 10px; }

/* [ BREADCRUMB ] ---------------------------------------------------------- */
.breadcrumb								{ width: 100%; float: left; margin: 0 0 10px; }
.breadcrumb ul							{ list-style: none; margin: 0; padding: 0; }
.breadcrumb li							{ display: block; float: left; color: #666; margin: 0 .5em 0 0; padding: 0; font-size: 10px; }
.breadcrumb strong						{ color: #8C3B32; font-weight: bold; }
.breadcrumb a							{ color: #666; font-weight: bold; }
.breadcrumb a:hover						{ color: #000; }

/* [ CALENDAR ] ------------------------------------------------------------ */
.cal_item								{ margin-bottom: 10px; float: left; width: 100%; }
.cal_date								{ float: left; width: 40px; margin-right: 20px; }
.cal_date h4								{ padding: 4px 0; text-align: center; color: #FFF; background: #AE6119; font-size: 10px; font-weight: normal; margin: 0; letter-spacing: -.02em; }
.cal_date a								{ display: block; font-size: 10px; height: 12px; font-weight: bold; background: url(/sitecontent/67/images/ui_files/backgrounds/uparrow_sprite.gif) 32px 0 no-repeat; width: 40px; }
.cal_item p								{ margin-bottom: 0px; display: block; float: left; width: 340px; }

/* [ CONTACT ] ------------------------------------------------------------- */
#contactForm label							{ display: block; font-weight: bold; font-size: 10px; }
#contactForm .contactNerf						{ display: none; }
#contactForm input							{ padding: 2px; border: 1px solid #CCC; margin: 0 0 10px 0; width: 320px; }
#contactForm textarea							{ padding: 2px; border: 1px solid #CCC; margin: 0 0 10px; width: 320px; height: 80px; }
#contactForm .contactBtn						{ width: auto; }

/* [ CONTAINERS ] ---------------------------------------------------------- */

	/* GRAY CONTAINER  ------------------------------------------------------- */
	.gray									{ padding: 20px 20px 10px; background: #EFF0F0; }
	.gray ul								{ margin: 0 0 10px 0; list-style: none; border-bottom: 1px solid #DCDCDC; padding: 0 0 2px 0; }
	.gray li								{ display: block; margin: 0; padding: 0; }
	.gray li a								{ display: block; border-bottom: 1px solid #DCDCDC; padding: 2px 0; }
	.gray .short								{ margin-top: 10px; width: 100%; float: left; }
	.gray .short li								{ float: left; width: 50%; }
	
	/* PURPLE CONTAINER  ----------------------------------------------------- */
	.purple										{ padding: 20px 20px 10px; background: #DCE5F1; }
	.purple h3									{ border-color: #B9CBE3; }
	.purple p									{ margin-bottom: 10px; }

	/* WHITE CENTER CONTAINER  ----------------------------------------------- */
	.white_center								{ padding: 16px 0 0 0; }

	/* VIDEO CONTAINER  ------------------------------------------------------- */
	.video										{ padding: 20px; height: 190px; background: url(/sitecontent/67/images/ui_files/backgrounds/video_bg.gif) 0 0 no-repeat; }
	.video img									{ margin-bottom: 10px; }
	.video p									{ font-size: 12px; font-weight: bold; color: #FFF; line-height: 1.2em; }


	/* TAN CONTAINER  --------------------------------------------------------- */
	.tan										{ padding: 20px 20px 30px; background: #CACEAA url(/sitecontent/67/images/ui_files/backgrounds/video_bg.gif) 0 100% no-repeat; }
	.tan p										{ margin-bottom: 10px; }

	/* PHOTO CONTAINER  ------------------------------------------------------- */
	.photo div									{ padding: 20px; height: 199px; background: url(/sitecontent/67/images/ui_files/backgrounds/photo_bg.gif) 0 0 no-repeat; }
	.photo div div								{ padding: 0px; height: auto; }
	.photo .left								{ float: left; width: 190px; height: 169px; }
	.photo .middle								{ float: left; width: 180px; height: 169px; margin-left: 20px; }
	.photo .middle a							{ display: block; padding: 24px 16px; width: 148px; line-height: normal; font-size: 10px; font-weight: bold; background: #FFF url(/sitecontent/67/images/ui_files/backgrounds/rightarrow.gif) 150px 34px no-repeat; margin: 0 0 20px 0; }
	.photo .middle a:hover						{ color: #000; background: #FFF url(/sitecontent/67/images/ui_files/backgrounds/rightarrow_hover.gif) 150px 34px no-repeat; }
	.photo .middle div.left,
	.photo .middle div.right					{ width: 80px; height: 74px; }
	.photo .middle .left						{ float: left; }
	.photo .middle .right						{ float: right; }
	.photo .right								{ float: right; width: 190px; height: 169px; }