/* Design by Thinkso */
/* 04.17.09 */

/*---------------------
Color Palette

blue: #b0c9df
green: #97a825
rules: #ccc
subnav "current" highlight: #ebebeb

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

GENERAL STYLES

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

* {margin:0; padding:0; border: none;}

body {
	background: #fff url(../images/bkg_standard.gif) top left repeat-x;
	font-family: Verdana, Arial, sans-serif;
	}
body.flash {
	background: #000 url(../images/bkg_flash.gif) top left repeat-x;
}
body.home {
	background: #000 url(../images/bkg_home.gif) top left repeat-x;
}

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

MASTHEAD

====================================== */
#masthead {
	position: absolute;
	top: 0;
	left: 0;
}

#logo {
	position: absolute;
	left: 40px;
	top: 40px;	
}

#firm-logo{
	position: absolute;
	left: 620px;
	top: 40px;

}

/* customizing the rules for the homepage */
body.home #masthead {
	top: 420px;
}
body.home #logo {
	top: 88px;
}
body.home #firm-logo {
	top: 119px;
	left: 588px;
}

/*
Main Nav
====================================== */
	
/* customizing the rule for the homepage */
body.home #mainnav {
	top:0;
	}

#mainnav {
	list-style: none;
	position: absolute;
	top: 96px;
	left: 37px;
	width: 760px;
	z-index: 99;
	}
	
#mainnav li {
	list-style: none;
	display: inline;
	}
	
#mainnav li a {
	float: left;
	padding: 27px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:27px; /* for IE5/Win only */
	margin-right: 18px;
	}
	
#mainnav a:hover {
		background-position: 0 -27px;
		}

#mainnav li.current a {
		background-position: 0 -54px;
		}


#know a  {
		width: 104px;
		background: url(../images/nav_know.gif) top left no-repeat;
		}

#choose a  {
		width: 96px;
		background: url(../images/nav_choose.gif) top left no-repeat;
		}

#day a  {
		width: 84px;
		background: url(../images/nav_day.gif) top left no-repeat;
		}
		
#summer a  {
		width: 110px;
		background: url(../images/nav_summer.gif) top left no-repeat;
		}		

#fun a  {
		width: 101px;
		background: url(../images/nav_fun.gif) top left no-repeat;
		}

#blog a  {
		width: 96px;
		background: url(../images/nav_blog.gif) top left no-repeat;
		margin-right: 0; /* remove margin on last link */
		}
		
/*
Nav Descriptions
====================================== */

#desc p {
	color: #97a825;
	position: absolute;
	top: 134px;
	font-size: 11px;
	line-height: 14px;
	width: 222px;
}

/* customizing the rule for the homepage */
body.home #desc p {
	top: 38px;
}
#know-desc {
	left: 40px;
	display: none;
}
#choose-desc {
	left: 161px;
	display: none;
}
#day-desc {
	left: 275px;
	display: none;
}
#summer-desc {
	left: 378px;
	display: none;
}
#fun-desc {
	left: 505px;
	display: none;
}
#blog-desc {
	left: 625px;
	width: 175px;
	display: none;
}


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

CONTENT AREA LAYOUT

====================================== */
#content {
	position: absolute;
	top: 172px;
	left: 40px;
	width: 760px;
	padding-bottom: 40px;
	z-index:-1;
}

/* customizing the rule for the pages with flash content */
body.flash #content {
	position: absolute;
	top: 177px;
	left: 0;
	width: 800px;
	padding-bottom: 40px;
}

/* customizing the rule for the homepage */
body.home #content {
	position: absolute;
	top: 0;
	left: 0;
	height: 420px;
	width: 960px;
}

#main {
	width: 565px;
	float: left;
	margin-top: -2px;
}

#sidebar {
	width: 175px;
	float: right;
	margin-top: 5px;
}

#sidebar_cms {
	width: 175px;
	float: right;
	margin-top: 1px;
}

#sidebar_cms_button {
	width:175px;
	float:right; 
	margin-top:-1px;
}

.text_area {
  font-family: Verdana, Arial, sans-serif;
  width:565px;
  height:250px;
  border:1px solid #CCC;
  padding:5px;
}

.form_button {
  background-color:#b0c9df;
  border:1px solid #CCC;
}

.form_field {
  width:100%;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  color: #b0c9df;
  border:1px solid #CCC;
  padding:5px;
}

.msg {
  font-size:9px;
  color:#FF0000;
  text-decoration:none;
}

.post_table {
  width:576px;
  padding:3px;
}

.post_table_headder {
  font-size:13px;
  font-style:italic;
  border-bottom:1px solid #CCC;
  background-color:#b0c9df;
  padding:3px;
}

.post_table_row {
  font-size:13px;
  border-bottom:1px solid #CCC;
  padding:3px;
}
/* ===================================

HEADINGS

====================================== */
/* this gets replaced by sIFR when it is active */
h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #b0c9df;
	margin-bottom: 8px;
	}
/* this gets replaced by sIFR when it is active */
h2 {
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	color: #000;
}

h3 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 6px;
	color: #000;
}

#sidebar h3 {
	color:#97a825; 
}
/* ===================================

PARAGRAPHS

====================================== */
p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #000;
}

table {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #000;
}
/* ===================================

LINKS

====================================== */
#content a {
	color: #97a825;
	text-decoration: underline;
}
#content a:hover {
	color: #000;
	text-decoration: none;
}

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

LISTS, ETC.

====================================== */
#content ul {
	margin-bottom: 18px;
	padding-left: 16px;
}
#content ul li {
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

/*
Subnav specific styles
====================================== */
#content ul#subnav {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding-left: 0;
}

#content ul#subnav li {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-top: 1px solid #ccc;	
}
#content ul#subnav a {
	color: #97a825;
	text-decoration: none;
	display: block;
	padding: 5px 0 6px 0;
	}
#content ul#subnav a:hover {
	color: #000;
	background: #ebebeb;
}
#content ul#subnav li a.current {
	background:#ebebeb;
	color: #000;
}

/*
Subnav specific styles (Have sum fun)
====================================== */
#content ul#subnav_fun {
	list-style: none;
	border-bottom: 1px solid #333;
	padding-left: 0;
}

#content ul#subnav_fun li {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-top: 1px solid #333;
}

#content ul#subnav_fun a {
	color: #97a825;
	text-decoration: none;
	display: block;
	padding: 5px 0 6px 0;
}
	
#content ul#subnav_fun a:hover {
    color: #fff;
    background: #141414;
}

#content ul#subnav_fun li a.current {
	color: #fff;
    background: #141414;
}

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

BLOG-SPECIFIC STYLES

====================================== */
div.post-date {
	margin-bottom: -4px;
	}
	
div.post-footer p {
	color: #999;
	margin-bottom: 0;
}

div.post-footer {
	margin-bottom: 22px;
}

div.post {
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
}

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

SELF-CLEARING STYLES

====================================== */	
	
/* Styles to self-clear the content to make sure it contains any floated stuff inside it */		
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
* html #content { height: 1%; } /* for IE5+6 */

*:first-child+html #content { min-height: 1px; } /* for IE7 */