/* Base HTML Elements */
html{height:100%;}
body{
	background:#040404 url(../images/sitewide/background-gradient.png) top left repeat-x fixed;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, tahoma, arial;
	color: #333;
	padding:0px;
	margin:0px;
	font-size:0.8em;
	height:100%;
	position:relative;
	z-index:0px;
}

a img{border:0px;}
h1,h2,h3,h4{font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
h1{margin:0;padding:0px;font-size:1.6em;color:#007f91;line-height:1.2em;}
h2{margin:9px 0px 6px 0px;padding:0px;font-size:1.2em;color:#007f91;}
h3{margin:7px 0px 6px 0px;padding:0px;font-size:1.1em;color:#000;}
h4{margin:7px 0px 6px 0px;padding:0px;font-size:1em;color:#000;}
p{margin:8px 0px 12px 0px;line-height:1.3em;}
h2 a, h3 a, h4 a{text-decoration:none;}
a,.link{color:#007f91;cursor:pointer;}
hr{color: #ccc;background-color: #ccc;height: 1px;border:0px;}

blockquote{width:190px;float:right;margin:-5px 0px 10px 14px;color:#007f91;display: block;font: normal normal normal 1.48em/normal Georgia, serif;}
blockquote.left{width:190px;float:left;margin:-5px 14px 10px 0px;}

/* CSS Utils */
.clear{clear:both;}

/* Header Area */
.pageWithMenuHeader{position:relative;height:240px;}
#headerImage {position:absolute;top:0px;left:76px;}
#LAWLogo{position:absolute;top:-11px;left:-12px;}
#promotion{font-size:1em;margin-left:10px;width:213px;height:152px;background-color:#000;color:#fff;position:absolute;top:0px;right:0px;}
#promotion div{padding:20px 21px;font-size:1.2em;line-height:1.3em;}
#promotion div a{color:#94C9CF;text-decoration:none;}

#whatIsLAW{font-size:1.1em;color:#94C9CF;padding:4px 4px 0px 4px;font-weight:normal;float:right;}
.keyServices{position:absolute;top:8px;right:256px;font-size:0.8em;color:white;padding:2px 4px;font-weight:bold;}

.contentBackgroundMiddle{background: url(../images/sitewide/cbMiddle.jpg) top center repeat-y;}
.contentBackgroundTop{background: url(../images/sitewide/cbTop.jpg) top center no-repeat;}

/* Root Master Page Zones */
#zoneBackgroundLogo{position:fixed;z-index:0;background: url(../images/sitewide/background-logo.png) top center no-repeat fixed;width:100%;height:100%;padding-top:0px;margin-left:auto;margin-right:auto;top:0px;}
#zoneRoot{margin-left:auto;margin-right:auto;width: 900px;margin-top:0px;padding-top:30px;z-index:10;position:relative;}
#zoneContentRoot{padding:10px 10px 30px 10px;background-color:#ffffff;}
#zoneHeader{padding:0;margin-top:10px;width:100%;color:#fff;}
#zoneMainHeader{position:relative;height:164px;}
#zoneMenuPageContent{}
#zoneFooter{width:100%;text-align:center;font-size:0.9em;color:#ccc;}

#zoneMenu
{
	margin-left:0px;
	float:left;
	width:540px;
	height:25px;
	position:relative;
}
#zoneUtils{text-align:center;width:100%;padding:8px 0px;font-size:0.9em;color:#007f91;}
#zoneKeyLinks{text-align:center;width:100%;padding:8px 0px;font-size:0.9em;color:#007f91;z-index:1000;}

#shareMain{position:absolute;right:-15px;top:109px;}

/* Site Wide Non-Zone Classes */
#location{margin-bottom:10px;}


/* Menu Master Page Zones */
#zoneLeftMenu{width:194px;float:left;}
#zoneMenuContents{float:left;width:630px;}

/* Home Page */
#zoneHomeContent{}
#zoneHomeMain{float:left;width:600px;padding:20px 10px 0 10px;}
#zoneHomeMain div img{margin-left:0px;}
#zoneHomeRight{float:right;width:178px;padding-right:10px;padding-top:20px;font-size:0.9em;}
#sectionIntro{width:470px;float:left;margin-top:10px;}
#readMoreIntroButton{text-decoration:underline;}
#zoneHomeLower{margin-top:10px;padding-top:10px;}
#zoneHomeUpper{margin-top:10px;padding-top:10px;}
#sectionWhyChooseUs{float:left;width:500px;}
#sectionServices{float:left;width:470px;}
#sectionRight{float:right;width:324px;padding-left:20px;}
#zoneClients{float:right;width:324px;padding-left:20px;}
#sectionServices h3 a{color:Black;text-decoration:none;}
#sectionServices h2 a{text-decoration:none;}
#sectionServices h2 a:hover,#sectionServices h3 a:hover{text-decoration:underline;}
#homeTopSection{}

.newsletter{position:relative;height:20px;width:180px;}
.newsletterEmail{position:absolute;left:0px;top:0px;height:18px;width:129px;border:solid 1px #8AD3DF; border-right:0px;margin:0px;padding:0px; }
.joinButton{position:absolute;top:0px;left:129px;}

.quote{font-size:0.8em;}
.quoteSource{line-height:1.2em;color:#007f91;}

#shareHome{float:right;height:30px;padding-right:12px;width:178px;text-align:right;background-color:black;z-index:1000;}

#zoneNews{}
#zoneNews hr{margin:0 0 20px 0;}
#introId{width:680px;height:337px;float:left;background-color:#fff;z-index:0;}
#serviceList
{
    float:right;
    width:178px;
    padding:30px 12px 0 0;
    height:278px;
    background-color:black;
    color:white;
    text-align:right;
}
#serviceList a{color:White;text-decoration:none;}
#serviceList a:hover{color:#007f91;text-decoration:underline;}

#digitalPortfolioServicesLaptop{margin: 0 -30px 0 -27px;}

/* Standard*/
#StandardPageMainColumn{float:left;width:450px;}
#StandardPageSecondColumn{float:right;width:160px;}

/* Contact Us */
#zoneGetInTouch{float:left;width:190px;margin-left:10px;margin-right:20px;}
.zoneGetInTouchContent{margin-top:12px;}
.zoneFindUs{float:left;width:400px;padding:0 20px;}
.zoneKeyPeople{float:left;width:240px;}
.address{float:left;width:200px;}
.googleMapInfoWindow{}
.googleMapInfoWindowContent{float:left;width:200px;}
.googleMapOfficePhoto{float:left;width:84px;}
.googleMapAddress{float:left;width:100px;}

/*#Clients#*/
#zoneClientContent{padding:0 10px;}
#clientLogos{float:left;width:620px;}
#clientTestimonials{float:right;width:178px;padding-right:10px;padding-top:20px;font-size:0.9em;}

/*#Portfolio#*/
.zonePortfolioClientPreviews{padding-top:10px;width:650px;}

.portfolioClientPreviewBox{padding:0px;margin-left:12px;width:197px;height:192px;float:left;text-decoration:none;}
.portfolioClientPreviewBox img{border:0px;}
.portfolioClientPreviewBox a{text-decoration:none;}
.portfolioClientContentSurround{width:197px;height:162px;margin:0;padding:0;border:0;position:relative;}
.portfolioClientImage{position:absolute;width:197px;height:162px;margin:0;padding:0;border:0;}
.portfolioClientImage:hover{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;}
.portfolioClientCopy{position:absolute;color:white;width:157px;height:122px;padding:20px;font-size:0.9em;overflow:hidden;background: url('/resources/images/portfolio/portfolioclienthover.png');}
.portfolioClientPreviewBox h3{padding:0px;width:197px;font-size:1.1em;}
.portfolioClientPreviewBox h3 a{color:Black;}
.portfolioClientIntro h2{margin-bottom:8px;}

.portfolioClientProjectFlash{height:300px;width:500px;}
.portfolioClientProject p {font-size:0.9em;}
.portfolioClientProject h3 {font-size:1em;}
.portfolioClientProject{clear: both;padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px #ddd;position:relative;}
.portfolioClientIntro{font-size:0.9em;padding-bottom:20px;margin-bottom:20px;margin-top:12px;border-bottom:solid 1px #ddd;}

.portfolioClientProjectSeparator{margin:20px 0;width:100%;border-bottom:solid 1px #bbb;}
.clientGalleryOuterHolder{width:100%;background-color:#fff;padding:20px 0;}
.clientGalleryInnerHolder{margin: 0 auto;width:500px;background-color:#fff;padding:20px 40px;}
.clientGalleryInnerHolder h4{display:inline;}

.clientSnapshot{background: #eee;padding:10px;}
.clientDescription{float:left;width:380px;padding-right:20px;}
.clientServices{float:left;width:200px;border-bottom:solid 1px #ddd;}
.clientSector{float:left;width:200px;padding-top:10px;}
.clientRightSection{float:right;width:200px;}

.galleryNav{width:500px;text-align:center;margin-bottom:10px;}
.divGalleryTitleOnly{width:500px;text-align:center;margin-bottom:10px;}

/* Plans */
.planOption{float:left;}

/* Left Nav Menu */
.leftTreeMenu {font-size:0.85em;width: 176px;margin-left:-7px;}
ul.leftTreeMenu, .leftTreeMenu ul
{
	color:#333;
	font-size:1em;
	line-height:1.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:7px;
	text-align:left;
	font-weight:normal;
}
.leftTreeMenu li a:hover{text-decoration:underline;}
.leftTreeMenu li a{border-bottom:1px dotted #ccc;width:100%;display:block;padding:4px 0;}
.leftTreeMenu li a{font-weight:normal;}
.leftTreeMenu li.current>a{font-weight:bold;}
.leftTreeMenu li a {color:#333;text-decoration:none;}

/* Tab Menu */
/*.nav{
height:25px;
position:absolute;
margin:0px;
padding:0px;
overflow: hidden;
width: 100%;
}
.nav li
{
	list-style-image:none;list-style-position:outside;list-style-type:disc;
    display:inline;
	float:left;
	height:25px;
	margin:0pt 0pt 0pt 0pt;
}

.nav li a
{
	background:transparent url(../images/sitewide/menu.gif) repeat scroll 0% 0%;
	display:block;
	float:left;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	padding:0px;
	color: #FFFFFF;
}


.nav li.mHome a{background-position:0px 0px;width:90px;}
.nav li.mHome a:hover{background-position:0px -50px;}
.nav li.mHomeSelected a{background-position:0px -25px;width:90px;}

.nav li.mAbout a{background-position:-90px 0px;width: 90px;}
.nav li.mAbout a:hover{background-position:-90px -50px;}
.nav li.mAboutSelected a{background-position:-90px -25px;width:90px;}

.nav li.mServices a{background-position:-180px 0px;width:90px;}
.nav li.mServices a:hover{background-position:-180px -50px;}
.nav li.mServicesSelected a{background-position:-180px -25px;width:90px;}

.nav li.mClients a{background-position:-270px 0px;width:80px;}
.nav li.mClients a:hover{background-position:-270px -50px;}
.nav li.mClientsSelected a{background-position:-270px -25px;width:80px;}

.nav li.mPortfolio a{background-position:-350px 0px;width:80px;}
.nav li.mPortfolio a:hover{background-position:-350px -50px;}
.nav li.mPortfolioSelected a{background-position:-350px -25px;width:80px;}

.nav li.mContact a{background-position:-440px 0px;width:100px;}
.nav li.mContact a:hover{background-position:-440px -50px;}
.nav li.mContactSelected a{background-position:-440px -25px;width:100px;}
*/

/* NAVIGATION LAYOUT   
----------------------------------------------------------*/

#menu {
	position: relative;
	height: 25px;
	width: 600px;
	padding:0;
	margin: 0;
	overflow: hidden;
}
		#menu li {
			float: left;
			list-style: none;
			background-color: #DDD;
			
		}
			#menu li.back {				
				background-color: #FFFFFF;
				width: 9px;
				height: 25px;
				z-index: 8;
				position: absolute;
			}
			#menu li a {
				font-size: 0.9em;
				font-weight: bold;
				text-decoration: none;
				color: #333;
				outline: none;
				text-align: center;
				top: 5px;
				z-index: 10;
				display: block;
				float: left;
				height: 25px;
				position: relative;
				overflow: hidden;
				margin: auto 10px;
				padding: 0 10px;
			}
				#menu li a:hover, #menu li a:active, #menu li a:visited {
					border: none;
				}   
				
				#menu li.current a {
					color: #007f91;
				}  

/* Coda Slider */
#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 620px;
    margin: 24px auto 0 auto;
    position: relative;
}

.scroll {
    height: 210px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #eee;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 170px;
    width: 580px;
}

#shade {
    background: #EDEDEC url(../images/codaslider/shade.jpg) no-repeat 0 0;
    height: 45px;
    margin-top:-10px;
}

.panel{margin:-10px 0 0 0;}

ul.codaNav {
    list-style: none;
    margin: 0;
    padding: 0 0 9px 0;
}

ul.codaNav li {
    display: inline;
    margin-right: 10px;
}

ul.codaNav a {
    padding: 10px 22px 10px 10px;
    color: #000;
    background: url(../images/codaslider/tabarrows.png) no-repeat right 4px;
    text-decoration: none;
}

ul.codaNav a:hover {
    background-color: #eee;
    background-position:right -24px;
}

ul.codaNav a.selected 
{
    background-color: #eee;
    background-position:right -24px;
}

ul.codaNav a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}