/*--- 
Drive New Media
CSS Template
8/2008
---*/

/* Colors: 
		green: 			#9FBC2E;
		taupe: 			#858677;
		tan:			#B9B7A1;
*/

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ul li {
	list-style-type:none;
}

a {
	color: #fff;
	text-decoration: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size: 62.5%; 
	line-height:1.25em; 
	text-align:center;
	background: #858677; /*taupe*/
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
}


/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 { color: #fff; }

h1 { font-size:3em; font-weight: bold; }
h2 {font-size:2em; }
h3 {font-size:1.5em;}
h4 {font-size:1.2em; line-height: 1.4; }
h5 {font-size:1em; }


/* ------------------------- LAYOUT SECTIONS ------------------------------ */


#krs-one { margin: 0 auto; text-align: left; background-color: #fff; width: 745px; padding: 75px 25px 25px 25px; }

#header { float: left; width: 745px; border-bottom: 10px #fff solid; }
#header h2#logo { background: #fff url(../images/g_logo.gif) no-repeat top left; float: left; text-indent: -9999px; width: 261px; height: 27px; }
#header h2#logo a { display: block; height: 27px; }
ul#mainNav { background: #858677/*taupe*/ url(../images/g_navigation_slant.gif) no-repeat top left; float: right; height: 20px; width: 470px; padding: 7px 0 0 10px; }
ul#mainNav li { display: inline; font-size: 1em; border-right: 1px #fff solid; padding-right: 5px; }
ul#mainNav li.last { border: none; }
ul#mainNav li a { margin-left: 3px; }
ul#mainNav li a.active { color: #9FBC2E/*green*/ }

#content_topSection { float: left; height: 309px; width: 745px; border-bottom: 10px #fff solid; position: relative; }
#content_topSection img { float: left; width: 493px; height: 309px; }
#content_topSection #col1 { float: right; width: 252px; height: 276px; position: relative; }
#content_topSection #col1.longer { height: 309px; }
#content_topSection div.green { background-color: #9FBC2E/*green*/ }
#content_topSection div.tan { background-color: #B9B7A1/*tan*/ }

/*--- Lang Quotes ---*/
#content_topSection #col1 h1#langQuote_home{ background: transparent url(../images/q_homepageQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 189px; height: 229px; }
#content_topSection #col1 h1#langQuote_practiceAreas{ background: transparent url(../images/q_practiceAreasQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 205px; height: 270px; color: #fff; font-size: 1.4em; line-height: 1.5; }
#content_topSection #col1 h1#langQuote_collaborativeLaw{ background: transparent url(../images/q_collaborativeLawQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 215px; height: 268px; color: #fff; font-size: 1.4em; line-height: 1.5; }
#content_topSection #col1 h1#langQuote_history{ background: transparent url(../images/q_historyQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 214px; height: 231px; color: #fff; font-size: 1.4em; line-height: 1.5; }
#content_topSection #col1 h1#langQuote_biography{ background: transparent url(../images/q_biographyQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 210px; height: 243px; color: #fff; font-size: 1.4em; line-height: 1.5; }
#content_topSection #col1 h1#langQuote_contact{ background: transparent url(../images/q_contactQuote.gif) no-repeat top left; margin: 20px 0 0 20px; text-indent: -9999px; width: 189px; height: 229px; }

#content_topSection #col1 h4 { padding: 20px 25px 0 30px; line-height: 1.7; letter-spacing: 1px; }
/*-- End Quotes --*/

#content_topSection #markMyWords { float: right; width: 252px; height: 33px; background: #858677/*taupe*/ url(../images/g_MarkMyWords.jpg) no-repeat bottom right; }
#content_topSection #markMyWords h4 { text-indent: -9999px; }
#content_topSection #markMyWords h4 a { display: block; height: 33px; }

#content_bottomSection { float: left; width: 745px; position: relative; color: #858677; border-bottom: 1px #A2A28E solid; }
#content_bottomSection h2#sectionTitle_PracticeArea { width: 745px; height: 27px; background: #9FBC2E url(../images/t_practiceArea.gif) no-repeat top left; text-indent: -9999px; }
#content_bottomSection h2#sectionTitle_CollaborativeLaw { width: 745px; height: 27px; background: #9FBC2E url(../images/t_collaborativeLaw.gif) no-repeat top left; text-indent: -9999px; }
#content_bottomSection h2#sectionTitle_History { width: 745px; height: 27px; background: #9FBC2E url(../images/t_history.gif) no-repeat top left; text-indent: -9999px; }
#content_bottomSection h2#sectionTitle_Biography { width: 745px; height: 27px; background: #9FBC2E url(../images/t_biography.gif) no-repeat top left; text-indent: -9999px; }

#content_bottomSection ul#bottomContent { width: 495px; float: left; }
#content_bottomSection ul#bottomContent li { float: left; border-bottom: 1px #A2A28E solid; }
#content_bottomSection ul#bottomContent li.padList10 { padding: 10px 0; }
#content_bottomSection ul#bottomContent li.last { border: none; }
#content_bottomSection ul#bottomContent li h1 { font: 2.2em/1em Georgia, "Times New Roman", Times, serif; color: #858677; float: left; width: 168px; }
#content_bottomSection ul#bottomContent li h1 a.practiceAreas { color: #858677; text-decoration: underline; } 
#content_bottomSection ul#bottomContent li h3 { font: 1.5em/1.5em Georgia, "Times New Roman", Times, serif; color: #858677; float: left; width: 168px; }
#content_bottomSection ul#bottomContent li p.leftCol { float: left; width: 140px; color: #858677; margin-top: 3px; padding-right: 30px; font-size: 1.1em; line-height: 1.6em; }
#content_bottomSection ul#bottomContent li p a { color: #858677; }
#content_bottomSection ul#bottomContent li div.listContent { float: right; width: 300px; padding-left: 10px; margin-top: -10px; font-size: 1.1em; line-height: 1.4em; }
#content_bottomSection ul#bottomContent li div.listContent h3 { font: 1.5em/1.5em Georgia, "Times New Roman", Times, serif; color: #858677; width: 300px; padding-bottom: 10px; margin-top: 5px; }
#content_bottomSection ul#bottomContent li ul.moveUp10, #content_bottomSection div#box ul.moveUp10 { margin-top: -10px; }
#content_bottomSection ul#bottomContent li ul li { border: none; list-style-type: disc; list-style-position: inside; text-indent: -12px; padding-left: 12px; float: none; }
#content_bottomSection ul#bottomContent li ul li.noBullet { list-style-type: none; margin-left: -2px; }
#content_bottomSection ul#bottomContent li ul li.noIndent { text-indent: 0; margin-left: -12px; }
#content_bottomSection div#quote { float: left; width: 215px; padding: 10px; font: 1.5em/1.7em Georgia, "Times New Roman", Times, serif; }
#content_bottomSection div#quote blockquote { margin-bottom: 10px; }
#content_bottomSection div#quote cite { font-style: italic; line-height: 1.3em; }
#content_bottomSection div#box { background-color: #E8E7DC; font-size: 1.1em; line-height: 1.6; width: 220px; float: left; padding: 0 15px 15px 15px; margin: 10px 0; }
#content_bottomSection div#box ul li { list-style-type: disc; list-style-position: inside; text-indent: -12px; padding-left: 12px; } 

ul#buckets { float: left; width: 746px; }
ul#buckets li { width: 183px; height: 115px; display: inline-block; float: left; border-right: 4px #fff solid; }
ul#buckets li.last { border: none; }
ul#buckets li#bucket1 a { background: #9FBC2E url(../images/nav.gif) no-repeat; background-position: 15px 0; text-indent: -9999px; display: block; height: 115px; }
ul#buckets li#bucket1 a:hover { background-color: #B9B7A1/*tan*/; background-position: 15px -114px; }
ul#buckets li#bucket1 a.selected { background-color: #B9B7A1/*tan*/; background-position: 15px -114px; }
ul#buckets li#bucket2 a { background: #9FBC2E url(../images/nav.gif) no-repeat; background-position: -163px 0; text-indent: -9999px; display: block; height: 115px; }
ul#buckets li#bucket2 a:hover { background-color: #B9B7A1/*tan*/; background-position: -163px -114px; }
ul#buckets li#bucket2 a.selected { background-color: #B9B7A1/*tan*/; background-position: -163px -114px; }
ul#buckets li#bucket3 a { background: #9FBC2E url(../images/nav.gif) no-repeat; background-position: -340px 0; text-indent: -9999px; display: block; height: 115px; }
ul#buckets li#bucket3 a:hover { background-color: #B9B7A1/*tan*/; background-position: -340px -114px; }
ul#buckets li#bucket3 a.selected { background-color: #B9B7A1/*tan*/; background-position: -340px -114px; }
ul#buckets li#bucket4 a { background: #9FBC2E url(../images/nav.gif) no-repeat; background-position: -520px 0; text-indent: -9999px; display: block; height: 115px; }
ul#buckets li#bucket4 a:hover { background-color: #B9B7A1/*tan*/; background-position: -520px -114px; }
ul#buckets li#bucket4 a.selected { background-color: #B9B7A1/*tan*/; background-position: -520px -114px; }

.footer { color: #e7e7e4; }
.footer a { color: #e7e7e4; text-decoration: underline; }

.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.left { float: left; }
.noBorder { border: none!important; }
.back { color: #858677; display: block; float: left; }


.slidingContent {
	background: url(../images/bg_slidingContent.png) repeat;
	color: #fff;
	width: 0;
	height: 269px;
	position: absolute;
	top: 0;
	right: 252px;
	padding: 40px 20px 0 40px;
	line-height: 1.9em;
	font-size: 1.2em;
	overflow: hidden;
}
.slidingContent p { display: block; width: 262px; }

.stationaryContent {
	background: url(../images/bg_slidingContent.png) repeat;
	color: #fff;
	width: 280px;
	height: 269px;
	position: absolute;
	top: 0;
	right: 250px;
	padding: 40px 20px 0 40px;
	line-height: 1.9em;
	font-size: 1.2em;
}
.stationaryContent p { display: block; width: 262px; }



/*------ Greatest thing in the world ---------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inherit;
}
/* for IE/Mac */
.frapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}