@import 'reset.css';

/* MAIN LAYOUT
---------------------------------------------------- */
body {
    color: #333;
    text-align: center;
    font: normal 12px/20px arial, verdana, helvetica, sans-serif;
    background: #878761;
	}
#wrap {
    width: 861px;
    text-align: left;
    margin: 15px auto 10px auto;
    background: url(/images/bg_wrap-middle.gif) repeat-y;
    }
#wrap-2 {
    background: url(/images/bg_wrap-top.gif) top no-repeat;
    padding: 35px 0 0 0;
    }
#wrap-3 {
    background: url(/images/bg_wrap-bottom.gif) bottom no-repeat;
    padding: 0 17px 30px 17px;
    }
#header {
    background: url(/images/bg_header.gif) 45px -10px no-repeat;
    height: 80px;
    position: relative;
    }
#header h1 {	
	float: left;
	text-indent: -9999px;
    margin: 0;
	}
#header h1 a {
	display: block;
	width: 360px;
	height: 75px;
    margin: 0 0 0 35px;
	border: 0;
	padding: 0;
	}
#main {
    margin: 40px 30px 0 30px;
    position: relative;
    }
#footer {
    color: #333;
    font-size: 11px;
    }
#footer a, #footer a:hover {
    color: #000;
    }
    
div.content {    
    float: right;
    width: 500px;
    margin: 0 0 20px 0;
    }
div.sidebar {
    float: left;
    width: 240px;
    color: #666;
    }

div.home-content {
    float: right;
    width: 500px;
    }
div.home-content p {
	padding: 20px;
	}
div.home-graphic {
    float: left;
    }
div.home-graphic img {
    margin: -10px 0 0 0;
    }
div.news-item {
    clear: both;
    border: #acacac solid;
    border-width: 1px 0;
    padding: 10px 0;
    margin: 0 0 5px 0;
    }
div.news-item p {
    margin: 0;
    }
div.news-item img {
    position: absolute;
    bottom: 5px;
    right: 10px;
    }
    
div.evaluation {
	float: left;
	width: 140px;
	border-right: #acacac solid 1px;
	padding: 0 15px 0 0;
	}
div.phone {
	float: left;
	width: 110px;
	margin: 0 15px 0 15px;
	display: inline;
	border-right: #acacac solid 1px;
	}
div.news-text {
	float: left;
	width: 300px
	}
div.news-text p {
	padding: 0 50px 0 0;
	}

/* NAV
---------------------------------------------------- */

#nav-main {
    width: 827px;
    height: 44px;
    border: #acacac solid 2px;
    border-width: 2px 0;
    background: #000;
    }
#nav-main ul {
    margin: 0 0 0 21px;
    list-style: none;
    }
#nav-main ul li {
    display: inline;
    background: none;
    padding: 0;
    }
#nav-main ul a {
    text-indent: -9999px;
    float: left;
    height: 44px;
    background-repeat: no-repeat;
    background-position: 0 0;
    }
#nav-main ul a:hover, #nav-main ul a.active, #nav-main ul a.active:hover {
    background-position: 0 -44px;
    }

#nav-main ul a#home {
    background-image: url(/images/nav_home.gif);
    width: 96px;
    }
#nav-main ul a#about {
    background-image: url(/images/nav_about.gif);
    width: 205px;
    }
#nav-main ul a#practice {
    background-image: url(/images/nav_practice.gif);
    width: 217px;
    }
#nav-main ul a#news {
    background-image: url(/images/nav_news.gif);
    width: 144px;
    }
#nav-main ul a#contact {
    background-image: url(/images/nav_contact.gif);
    width: 124px;
    }

/* Subnav */
    
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0 0 20px 0;
		list-style: none;
		float : left;
		width : 240px;
		border-top: #000 solid 1px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		width: 240px;
		padding: 0;
		background: none;
		border-bottom: #ccc solid 1px;
	}
	
	#nav li a {
		width: 220px;
		display : block;
		text-decoration : none;
		padding: 10px;
		font-weight: bold;
	}
	
	#nav li a:hover {
		background: #f6f6f6;
	}
	
	#nav a.active {
		color: #000;
		}

ul.sub-pages li a.active {
	color: #000;
	text-decoration: none;
	}

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

h2 {
    color: #000;
    font: 28px/28px georgia, times, "times new roman", serif;
    font-variant: small-caps;
    margin: 0 0 30px 0;
    padding: 0;
    }
    
h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	}

/* LISTS
---------------------------------------------------- */

ul {
    margin: 0 0 20px 20px;
    }
ul li {
    list-style: none;
    background: url(/images/bullet.gif) 0 .45em no-repeat;
    padding: 0 0 0 20px;
    }
ol {
	margin: 0 0 20px 40px;
	}

/* TEXT
---------------------------------------------------- */

p {
    margin: 0 0 20px 0;
    }

blockquote {
	font: italic 18px/20px georgia, times, "times new roman", serif;
	color: #878761;
	padding: 10px 0;
	}
blockquote cite {
	font-size: 12px;
	color: #666;
	font-style: normal;
	}
small {
	color: #666;
	font-size: 11px;
	font-variant: normal !important;
	}
div.group {
	padding: 20px 20px 1px 20px;
	background: #f6f6f6;
	margin: 0 0 20px 0;
	}
div.sidebar div.group strong {
	color: #333;
	}
.arrow {
	font-size: 18px;
	vertical-align: middle;
	color: #666;
	}
.clear {
	clear: both;
	}
.error {
	color: #cc0000;
	}
.star {
	color: #cc0000;
	font-size: 16px;
	}

/* LINKS
---------------------------------------------------- */

a {
    color: #878761;
    }
a:hover {
    color: #000;
    }

/* IMAGES
---------------------------------------------------- */

img.left {
	float: left;
	margin: 5px 20px 10px 0;
	}
img.right {
	float: right;
	margin: 5px 0 10px 20px;
	}
img.border {
	padding: 5px;
	background: #eee;
	border: #666 solid 1px;
	}
	
/* TABLES
---------------------------------------------------- */

table {
	font: normal 12px/20px arial, verdana, helvetica, sans-serif;
	margin: 0 0 20px 0;
	}
	
table.form tr th {
	font-weight: bold;
	vertical-align: top;
	padding: 5px 5px 5px 0;
	border-bottom: #eee solid 1px;
	}
table.form tr td {
	vertical-align: top;
	padding: 5px 0;
	border-bottom: #eee solid 1px;
	}
table.form ul {
	margin: 0 0 20px 0;
	}
table.form ul li {
	background: none;
	padding: 0;
	}

/* SELF-CLEARING FLOATS
---------------------------------------------------- */

#main:after,
div.news-item:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */

* html #main,
* html div.news-item {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */

*:first-child+html #main,
*:first-child+html div.news-item {
	min-height: 1px;
	}