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

	Author: Ariamedia
	Author URI: http://www.ariamedia.com/

	Date: Feb, 28 2010
	Version: 1
	
	CityofSouthlake.com
	(c) 2010 City of Southlake
	
	This site was designed, produced and coded by Ariamedia,
	for City of Murphy. Feel free to use anything you see here,
	but please do not use this design or design elements without
	contacting us first.
	
	Thanks,
	
	Jordan Wollman, Partner / Executive Creative Director, Ariamedia

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

/* [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */

body												{ background: url(/sitecontent/70/images/home/home_bg.gif) 0 0 repeat-x; }
a img												{ border: none; }

/* [ TOP NAV ] ------------------------------------------------------------- */
.nav-wrapper											{ width: 760px; margin: 0 auto; position: relative; }
.nav-wrapper .southlake-logo									{ padding-top: 20px; }
.nav-wrapper .nav-utility									{ background: url(/sitecontent/70/images/home/topnav_bg.gif) 0 0 repeat-x; position: absolute; right: -5px; top: 0px; width: 389px; height: 49px; }
.nav-wrapper .nav-utility ul									{ list-style: none; margin: 12px 0 0 24px; }
.nav-wrapper .nav-utility li									{ display: inline; margin: 0 14px 0 0; font-size: 10px; font-weight: bold; }
.nav-wrapper .nav-utility a									{ background: url(/sitecontent/70/images/home/topnav_sprite.gif) 0 0 no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 14px; }
.nav-wrapper .nav-utility a:hover								{ text-decoration: underline; }
.nav-wrapper .nav-utility #nu-1									{ background-position: 0 -88px; }
.nav-wrapper .nav-utility #nu-2									{ background-position: 0 -59px; }
.nav-wrapper .nav-utility #nu-3									{ background-position: 0 -29px; }
.nav-wrapper .nav-utility #nu-4									{ background-position: 0 1px; }
.nav-wrapper .nav-utility #search								{ width: 100px; border: 1px solid #BFA754; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; padding: 3px 2px 1px; color: #FFF; background: #A38C3D; font-weight: bold; }
.nav-wrapper .nav-utility #search-input								{ margin: 0 4px 0 0; }

/* [ SLIDER ] -------------------------------------------------------------- */
.slider												{ background: url(/sitecontent/70/images/home/slider_bg.gif) 0 0 no-repeat; margin: 2px auto 0 auto; width: 775px; height: 253px; padding: 7px 0 0 17px; position: relative; }
.slider .dots											{ position: absolute; right: 45px; bottom: 14px; list-style: none; margin: 0; z-index: 900; }
.slider .dots li										{ display: block; float: left; margin-left: 6px; }
.slider .dots li a										{ background: url(/sitecontent/70/images/home/icn_dots.png) 0 0 no-repeat; display: block; width: 9px; height: 0px; padding-top: 9px; overflow: hidden; }
.slider .dots li.active a									{ background-position: 0 -9px; }
.slider .slider-crop										{ overflow: hidden; width: 758px; height: 258px; position: absolute; top: 7px; left: 17px; }
.slider .slider-crop .slide-content								{ width: 718px; height: 215px; padding: 40px 0 0 40px; }
.slider .slider-crop .slide-content h1								{ text-indent: -1000em; height: 66px; width: 100%; margin: 0 0 6px; }
.slider .slider-crop .slide-content h2								{ font-weight: normal; font-size: 20px; color: #FFF; }
.slider .slider-crop .slide-content h3								{ font-size: 14px; font-weight: bold; margin: 0 0 20px; }
.slider .slider-crop .slide-content p								{ color: #FFF; margin: 0 0 20px; }
.slider .slider-crop .slide-content a								{ color: #FFF; text-decoration: none; }
.slider .slider-crop .slide-content a:hover							{ color: #000; }
.slider .slider-crop .slide-content .social							{ list-style: none; }
.slider .slider-crop .slide-content .social li							{ display: block; float: left; margin-right: 10px; }
.slider .slider-crop .slide-content .social li a						{ background: url(/sitecontent/70/images/home/slider_social.png) 0 0 no-repeat; padding: 2px 10px; width: 60px; display: block; color: #333; font-size: 10px; font-weight: bold; }

/* [ RIBBON ] -------------------------------------------------------------- */
.ribbon												{ width: 720px; margin: 0 auto; padding: 0 20px; color: #333; }
.ribbon .headlines										{ width: 549px; float: left; height: 10px; padding: 16px 0; }
.ribbon .headlines p										{ margin: 0; }
.ribbon .headlines .left									{ float: left; width: 460px; height: 1.25em; overflow: hidden; }
.ribbon .headlines .right									{ float: right; margin-right: 20px; font-style: italic; }
.ribbon .headlines .right a									{ color: #999; text-decoration: none; }
.ribbon .headlines .right a:hover								{ color: #000; }
.ribbon .headlines .right a span								{ font-size: 10px; }
.ribbon .find-us										{ border-left: 1px solid #FFF; height: 12px; padding: 16px 0 15px 20px; float: left; }
.ribbon .find-us h2										{ font-size: 12px; width: 150px; }

/* [ CONTENT ] -------------------------------------------------------------- */
.page-content											{ width: 760px; margin: 0 auto; position: relative; }
.page-content .nav-core										{ background: url(/sitecontent/70/images/home/home_fade_green.gif) 0 0 repeat-x; width: 569px; height: 280px; float: left; }
.page-content .nav-core .col-1									{ width: 210px; float: left; /* position: absolute; z-index: 200; */ }
.page-content .nav-core .col-1 ul								{ list-style: none; margin-top: 8px; }
.page-content .nav-core .col-1 ul li								{ display: block; color: #333; padding: 10px 20px 18px; font-size: 14px; }
.page-content .nav-core .col-1 ul li.active							{ font-weight: bold; background: url(/sitecontent/70/images/home/home_nav_core_grad.png) 0 6px no-repeat; }

.page-content .nav-core .cols-container								{ position: absolute; left: 211px; float: left; width: 337px; background: url(/sitecontent/70/images/home/home_fade_green.gif) 0 0 repeat-x; }
.page-content .nav-core .cols-container p a							{ text-decoration: none;}

.page-content .nav-core .col-2									{ margin-right: 20px; }
.page-content .nav-core .col-2,
.page-content .nav-core .col-3									{ width: 157px; float: left; padding: 20px 0 10px; }

.page-content .nav-core .col-2 ul,
.page-content .nav-core .col-3 ul								{ margin: 0; list-style: none; float: left; }

.page-content .nav-core .col-2 ul li,
.page-content .nav-core .col-3 ul li								{ font-size: 11px; }

.page-content .nav-core .col-2 ul li a,
.page-content .nav-core .col-3 ul li a								{ display: block; text-decoration: none; border-bottom: 1px dotted #6E6E6E; padding: 0 10px 9px 0; margin: 0 0 9px 0; width: 147px; background: url(/sitecontent/70/images/home/home_gold_arrow.png) 100% 2px no-repeat; }

.page-content .nav-core .col-2 ul li a:hover,
.page-content .nav-core .col-3 ul li a:hover							{ color: #000; }

.page-content .nav-elsewhere									{ background: url(/sitecontent/70/images/home/home_fade_yellow.gif) 0 0 repeat-x; width: 150px; height: 240px; padding: 20px; float: right; }
.page-content .nav-elsewhere ul									{ margin: 0; list-style: none; }
.page-content .nav-elsewhere ul li								{ font-size: 12px; font-weight: bold; }
.page-content .nav-elsewhere ul li a								{ color: #333; display: block; text-decoration: none; border-bottom: 1px dotted #6E6E6E; padding: 0 0 9px 0; margin: 0 0 9px 0; width: 150px; }
.page-content .nav-elsewhere ul li a:hover							{ color: #336633; }

/* [ FOOTER ] --------------------------------------------------------------- */
.footer												{ padding: 20px 0; }
.footer ul											{ border-top: 1px solid #CCC; padding-top: 20px; }