/*------------------------------------------------------------------------

Project: 	State Tax Group
Version: 	1.0
Author: 	Chris Herrmann - Midago, Inc.
			cherrmann@ariamedia.com

[CONSTANTS]

Colors: 	#900 Red (Headers)
			#0E2744 Dark Blue (Sub Headers)
			#333 Dark Grey (Body Copy)

Typography: Georgia (Headers)
			Helvetica (Body Copy)

[TABLE OF CONTENTS]

1. GLOBAL ELEMENTS
2. NAVIGATION
3. LAYOUT
4. CONTENT
5. SIDEBAR & SUBNAV
6. FOOTER
7. FORMS
		
------------------------------------------------------------------------ */


/* 1. GLOBAL ELEMENTS
-------------------------------------------------------------- */
* { margin: 0; padding: 0; }

html {
	height:100.01%
	}/* sticks footer to the bottom */ 
	
body {
	font-size: 62.5%;
	font-family: "Helvetica", "Arial", sans-serif;
	height: 100%;
	}
	
h1 {
	margin: 0 0 .65em 0;
	padding: 0;
	font-family: "Georgia", serif;
	font-size: 2.2em;
	font-weight: normal;
	text-transform: uppercase;
	color:#900;
	}

p {
	margin: 0 0 2em 0;
	padding: 0;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 1.7em;
	line-height: 1.35em;
	color:#333;
	}

a {
	color:#0E2744;
	text-decoration:none;
	}

a:hover {
	color: #900;
	text-decoration:underline;
	}
	
a  img {
	border: 0;
	}

.mr_20 {
	margin-right:20px;
	}

hr {
	margin: 3em 0 3em 0;
	width: 100%;
	height:1px;
	border:0px;
	background:#CCC;
	color:#CCC;
	}
	
			
/* 2. NAVIGATION
-------------------------------------------------------------- */
#header {
	height:12em;
	background: #FFF url(../images/bg_redbar.gif) repeat-x bottom;
	}

#logo { 
	float: left;
	margin: 20px 0 20px 40px; 
	}

#nav {
	float: right;
	display: inline;
	padding: 4em 3.3em 0 0;
	list-style: none;
	background: none;
	text-transform: uppercase;
	}
	
#nav ul {
	margin-bottom: 30px;
	}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.2em;
	}
	
#nav a {
	margin: 0 0 0 .5em;
	padding: .2em .5em;
	display: block;
	color: #333;
	text-decoration: none;
	}

body#home #t-home a, 
	body#about #t-about a,
	body#services #t-services a, 
	body#testimonials #t-testimonials a,
	body#careers #t-careers a,
	body#contact #t-contact a {
	background: url(../images/nav_line.gif) bottom no-repeat; 
	cursor: default;
	}

#nav a:hover {
	background: url(../images/nav_line.gif) bottom no-repeat; 
	cursor: pointer;
	}

/* 3. LAYOUT
---------------------------------------------------------------- */

#wrapper {
	position: relative;
	width:960px;
	margin:0 auto -6em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
#content {
	float: left;
	display: inline;
	width: 580px;
	margin: 34px 0 80px 40px;
	}

#sidebar_home {
	float: right;
	display: inline;
	width: 280px;
	height: 420px;
	margin: 19px 21px;
	background:#FFF url(../images/img_girl.jpg) center no-repeat;
	}

#sidebar_career {
	float: right;
	display: inline;
	width: 280px;
	height: 420px;
	margin: 19px 21px;
	background:#FFF url(../images/img_group.jpg) center no-repeat;
	}
	
#sidebar {
	float: right;
	display: inline;
	width: 280px;
	margin: 35px 21px;
	min-height: 300px;
	padding-bottom: 20px; 
	background:#FFF url(../images/bg_sidebar_bottom.jpg) no-repeat bottom;
	}

	
#footer {
	position: relative;
	clear: both;
	width: 960px;
	height: 6em;
	margin: 0 auto;
	text-transform: uppercase;
	background: #BDBDBD url(../images/bg_footer.gif) repeat-x top left ;
	}

.push {
	height: 6em;
	}
		
/* 4. CONTENT
---------------------------------------------------------------- */
	
#content blockquote {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 1.7em;
	line-height: 1.35em;
	color:#900;
	}
	
#content em {
	float: right;
	padding: 1px;
	font-style: normal;
	font-size: .8em;
	color:#333;
	}

#content ul {
	margin: 3em 0 3em 0;
	}

#content li {
	margin: 0 0 .65em 3em;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.35em;
	list-style-type: disc;
	}

.button {
	float:left;
	display: inline;
	width: 140px;
	background: #0C2541 url(../images/bg_box_bottom.gif) no-repeat bottom left;
	}

.button h3 {
	padding: 5px;
	font-family: "Georgia", serif;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	text-transform:uppercase;
	color:#FFF;
	background:  url(../images/bg_box_top.gif) no-repeat top left;
	}

	
.button a {
	display: block;
	text-decoration: none;
	color:#FFF;
	}
	
.button	a:hover {
	text-decoration:underline;
	}
	
.smallbutton {
	float:right;
	display: inline;
	width: 140px;
	min-height: 3.7px;
	background: #0C2541 url(../images/bg_box_bottom.gif) no-repeat bottom left;
	}
	
.smallbutton h4 {
	padding: 5px;
	font-family: "Georgia", serif;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.7em;
	text-align: center;
	text-transform:uppercase;
	color:#FFF;
	background:  url(../images/sm_btn_top.gif) no-repeat top left;
	}

.smallbutton a {
	display: block;
	text-decoration: none;
	color:#FFF;
	}
	
.smallbutton a:hover {
	text-decoration:underline;
	}

.container {
	margin: 68px; 
	padding: 0px;
	width: 460px;
	float:left;
	display: inline;
	}

/* 5. SIDEBAR & SUBNAV
--------------------------------------------------------------- */

#sidebar h2 {
	margin: 0 0 0 17px;
	padding: 15px 0 1em 0;
	font-family: "Georgia", serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color:#0E2744;
	background: url(../images/bg_sidebar_top.jpg) no-repeat top left;
	width: 246px;
	text-align: center;
	} 
	
#sidebar h3 {
	margin-left: 40px; 
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	}

#sidebar p {
	margin-left: 40px;
	font-size: 1.4em;
	line-height: 1.35em;
	}
	
#sidebar strong {
	font-weight: bold;
	color: #900;
	}

#sidebar ul {
	margin-left: 20px;
	}

#sidebar li {
	margin: 0 0 .65em 3em;
	padding: 0;
	line-height: 1.45em;
	}
	
#sidebar img {
	margin: 20px 0 10px 40px;
	border: 1px solid;
	color: #0E2744;
	}
	
ul#subnav, ul#subnav li{
	margin:0;
	padding:0;
	list-style:none;
	width: 260px;
	}	

ul#subnav a{
	margin-left: 20px;
	padding: 5px 0 0 20px;
	background:url(../images/horizontal_rule.gif) repeat-x 0 100%;
	line-height: 30px;
	display:block;
	color:#333;	
	text-transform:uppercase;
	}

ul#subnav a:hover {
	color: #900;
	text-decoration: none;
	}	
	
/* 6. FOOTER
--------------------------------------------------------------- */
#footer li {
	padding: 23px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 1em;
	font-weight: bold;
	list-style: none;
	color: #333;
	}

#copyright {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#phone {
	float: right;
	background: url(../images/ico_us.gif) no-repeat 0 50%; 
	padding: 0 0 0 28px;
	}

/* 7. FORMS
--------------------------------------------------------------- */

fieldset {
	border: solid 0 transparent; 
	}
	
label {
	margin-right:2em;
	float: left;
	width:12em;
	text-transform:uppercase;
	font-size: .6em;
	}

input {
	width: 420px;
	}
	
textarea {
	width:420px;
	height:100px;
	}
	
input:focus, textarea:focus {
	background:#EBE5C1;
	}