html {
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	color:#666666;
}

body { background: url('../images/internal-bg.jpg') left top repeat-x; }
body #all { background: url('../images/internal-all-bg.jpg') center top no-repeat; }

body.featured { background: url('../images/home-bg.jpg') left top repeat-x; }
body.featured #all { background: url('../images/home-all-bg.jpg') center top no-repeat; }

a {
	color:#71aa14;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

#all {
	width:780px;
	margin:0 auto;
	padding:20px 0;
}

/**************************************************************************************************** HEADER */

#header h1 a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:270px;
	height:100px;
	background: url('../images/logo.gif') left center no-repeat;
}

/* MENU */

#header ul  {
	float:right;
	text-align:right;
	margin-top:-60px;
}

#header ul li { display:inline; }

#header ul li a {
	color:#999999;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 5px;
	margin:10px 10px;
	_padding:7px 5px; /*IE 6 hack */
	*padding:7px 5px; /*IE 7 hack */
	background:url('../images/menu-bg.jpg') 200px 22px no-repeat;
	font-weight:normal;
}

#header ul li a:hover, #header ul li a.current { color:#000000; }
#header ul li a.current { background:url('../images/menu-bg.jpg') 0 22px no-repeat; }

/**************************************************************************************************** FEATURED */

#content #featured {
	margin-top:60px;
	width:620px;
	height:220px;
	margin:60px auto 0 auto;
	overflow:hidden;
	font: normal normal normal 14px/20px Arial, Helvetica, sans-serif;
}

span#prevBtn {
	display:block;
	width:20px;
	height:20px;
}

span#prevBtn a {
	display:block;
	width:20px;
	height:20px;
	text-indent:-9990px;
	overflow:hidden;
	background:url('../images/left-arrow.jpg') center center no-repeat;
	position:relative;
	top:-140px;
}

span#nextBtn {
	display:block;
	width:20px;
	height:20px;
}

span#nextBtn a {
	display:block;
	width:20px;
	height:20px;
	text-indent:-9990px;
	overflow:hidden;
	background:url('../images/right-arrow.jpg') center center no-repeat;
	position:relative;
	top:-160px;
	left:740px;
}

#content #featured ul {

}

#content #featured ul li {
	display:block;
	width:620px;
	height:220px;
	overflow:hidden;
	list-style:none;
	margin-left:0;
}

#content #featured ul li strong {
	font: normal normal bold 24px/40px Arial, Helvetica, sans-serif;
	color:#444444;
}

#content #featured ul li a.button {
	margin-top:20px;
	color:#ffffff;
	font: normal normal bold 14px/40px Arial, Helvetica, sans-serif;
	display:block;
	height:40px;
	width:122px;
	text-align:center;
	text-decoration:none;
	background:url('../images/button.gif') top center no-repeat;
}

#content #featured ul li a.button:active { background:url('../images/button.gif') bottom center no-repeat; }

#content #featured ul li a.button:hover { text-decoration:underline; }

/**************************************************************************************************** WHY GRID */

#content #why-grid * {
	margin-bottom:0;
}

#content #why-grid h2 {
	color:#444444;
	font: normal normal bold 24px/40px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#content #why-grid h3 {
	color:#666666;
	font: normal normal bold 14px/20px Arial, Helvetica, sans-serif;
}

#content #why-grid div {
	width:300px;
	float:left;
	padding-left:60px;
	margin-bottom:40px;
	color:#666666;
}

#content #why-grid div.first, #content #why-grid div.third {
	margin-right:60px;
} 

#content #why-grid .first { background:url('../images/grid-first.jpg') left center no-repeat; }
#content #why-grid .second { background:url('../images/grid-second.jpg') left center no-repeat; }
#content #why-grid .third { background:url('../images/grid-third.jpg') left center no-repeat; }
#content #why-grid .fourth { background:url('../images/grid-fourth.jpg') left center no-repeat; }

/**************************************************************************************************** CONTENT */

#content {
	margin-top:20px;
}

#content p {
	margin-bottom:20px;
}

#content img {
	margin:20px;
}

#content h2 {
	font: normal normal bold 24px/80px Arial, Helvetica, sans-serif;
	margin-bottom:40px;
	color:#444444;
}

#content h3 {
	font: normal normal bold 22px/40px Arial, Helvetica, sans-serif;
	color:#444444;
}

#content h4 {
	font: normal normal bold 18px/40px Arial, Helvetica, sans-serif;
	color:#444444;
}

#content h5 {
	font: normal normal bold 16px/40px Arial, Helvetica, sans-serif;
	color:#444444;
}

#content h6 {
	font: normal normal bold 14px/40px Arial, Helvetica, sans-serif;
	color:#444444;
}

#content ul, #content ol {
	margin-bottom:20px;
}

#content ul li {
	list-style-image:url('../images/bullet.jpg');
	margin-left:40px;
}

#content ol li {
	list-style-type:decimal;
	margin-left:40px;
}

table {
 	border-collapse: collapse;
	width: 100%;
	margin-bottom:20px;
}
caption {
	text-align: left;
	font: normal normal bold 18px/40px Arial, Helvetica, sans-serif;
	color:#333333;
}
thead th {
	border-right: 2px solid #ffffff;
	font: normal normal bold 16px/20px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:5px 2px;
	background-color: #dddddd;
}
tfoot {
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:right;
}
tbody tr {
	background-color:#fff;
	border-bottom: 1px solid #dddddd;
}
tbody td {
	padding:5px;
	text-align:left;
}
tbody th {
	text-align:left;
	padding: 5px;
}

/**************************************************************************************************** FORM */

#content form p {
	margin:0;
}

#content form label {
	display:block;
	margin:0;
}

#content form p {
	margin-bottom:5px;
}

#content form p.success {
	font-weight:bold;
	color:#92ad12;
}

#content form p.error,
#content form p span.error {
	font-weight:bold;
	color:#ff0000;
}

#content form input.text {
	border:1px solid #cccccc;
	padding:5px 5px;
	font-size:16px;
	width:280px;
	margin-bottom:5px;
}

#content form textarea {
	background:white;
	border:1px solid #cccccc;
	padding:5px 5px;
	width:480px;
	height:200px;
	margin-bottom:0;
}

#content form p.button {
	padding:0;
	margin:0;
}

#content form button {
	margin-top:20px;
	color:#ffffff;
	font: normal normal bold 14px/40px Arial, Helvetica, sans-serif;
	display:block;
	height:40px;
	width:122px;
	text-align:center;
	text-decoration:none;
	background:url('../images/button.gif') top center no-repeat;
	border:0;
}

#content form button:active { background:url('../images/button.gif') bottom center no-repeat; }

/**************************************************************************************************** FOOTER */

#footer {
	clear:both;
	font: normal normal bold 12px/20px Arial, Helvetica, sans-serif;
	border-top:1px dotted #dddddd;
	margin:20px 0;
	padding:20px 0;
	color:#cccccc;
}
