/*
Code by Marcus Hodges - www.pixelluxe.com
style.css - local page styles
*/

@import url(global/reset.css); /* Global Reset Styles */
@import url(global/typography.css); /* Global Typography Styles */
@import url(global/layout.css); /* Global Layout Styles */
@import url(global/global.css); /* Global Miscellaneous Styles */

/* ### HOME STYLES ### */

.home #content {
	background: url(../images/global/bgHome.gif);
	height: 535px;
}

.home #copy {
	padding: 40px 32px 0 365px;
}

.home #copy h1, .home #bar h2 a {
	color: #f5f1e3;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	text-decoration: none;
	text-transform: uppercase;
}

.home #bar h2 a:hover, .home #bar h2 a.hover {
	text-decoration: underline;
}

.home #copy h1 {
	margin-bottom: 0.3em;
}

.home #copy p {
	color: #c7b299;
	font-size: 1.1em;
	line-height: 1.55em;
	margin-bottom: 1.5em;
	text-align: justify;
}

.home #bar {
	position: absolute;
	top: 435px;
}

.home #bar div {
	float: left;
	text-align: center;
	width: 266px;
}

.home #bar h2 {
	margin-bottom: 0.5em;
}

.home #bar h2 a {
	color: #534741;
}

.home #bar p a {
	color: #2d2520;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}

/* ### ABOUT STYLES ### */

.about #content {
	background: url(../images/global/bgAbout.gif);
	height: 520px;
}

.about #copy {
	padding: 40px 32px 0 365px;
}

.about #copy h1 {
	color: #f5f1e3;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 0.3em;
	text-decoration: none;
	text-transform: uppercase;
}

.about #copy p {
	color: #2d2520;
	font-size: 1.1em;
	line-height: 1.55em;
	margin-bottom: 1.5em;
	text-align: justify;
}

.about #bar {
	overflow: visible;
	padding-left: 60px;
	position: absolute;
	top: 414px;
}

.about dt {
	color: #998675;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}

.about dd {
	color: #fff;
	float: left;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-right: 0.8em;
	text-transform: uppercase;
}

.about dd a {
	color: #fff;
	margin-right: 0.8em;
	text-decoration: none;
}

.about dd a:hover {
	text-decoration: underline;
}

.about dd.last, about dd.last a {
	margin: 0;
}

.about dd:after {
	content: "|"
}

.about dd.last:after {
	content: ""
}

/* ### CLASSES STYLES ### */

.classes #content {
	background: url(../images/global/bgClasses.gif);
	position: relative;
}

.classes #left {
	left: 0;
	position: absolute;
	top: 0;
	width: 340px;
}

.classes blockquote {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 53px 25px 4px 69px;
	text-align: justify;
}

.classes cite {
	color: #998675;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	margin: 0px 25px 575px 69px;
	display: block;
	text-align: right;
	text-transform: uppercase;
}

.classes #left h2, .classes dl {
	margin: 0 39px 0 60px;
	text-align: right;
}

.classes #left h2 {
	color: #998675;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 0.4em;
	text-transform: uppercase;
}

.classes #left dt {
	color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
}

.classes #left dd {
	color: #58b0e3;
}

.classes #left dd.last {
	margin-bottom: 2em;
}

.classes #right {
	margin-left: 368px;
	padding-top: 40px;
	width: 400px;
}

.classes #right h2 {
	color: #0071bc;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 0.4em;
	text-transform: uppercase;
}

.classes #right h3 {
	color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
}

.classes #right p {
	color: #2d2520;
	margin-bottom: 2em;
	text-align: justify;
}

.classes #bar {
	background: url(../images/global/bgClassesBottom.gif) no-repeat;
	height: 81px;
	padding-top: 35px;
}

.classes #table {
	display: table;
	margin: 0 auto;
}

.classes #bar ul {
	overflow: visible;
}

.classes #bar li {
	color: #2d2520;
	float: left;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-right: 0.7em;
	text-transform: uppercase;
}

.classes #bar li a {
	color: #998675;
	margin-right: 0.7em;
	text-decoration: none;
}

.classes #bar li a:hover {
	text-decoration: underline;
}

.classes #bar li.last, .classes #bar li.last a {
	margin: 0;
}

.classes #bar li:after {
	content: "|"
}

.classes #bar li.last:after {
	content: ""
}

/* ### FAQ STYLES ### */

.faq #content {
	background: url(../images/global/bgFaq.gif) no-repeat;
	padding: 40px 32px 0 280px;
}

.faq #content_wrapper {
	background: #998675 url(../images/global/bgFaqBottom.gif) 0 bottom no-repeat;
	padding-bottom: 151px;
}

.faq #copy h2 {
	color: #f5f1e3;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
}

.faq #copy p, .faq #copy ul {
	color: #2d2520;
	margin-bottom: 1.3em;
}

.faq #copy p {
	text-align: justify;
}

.faq #copy p.last {
	margin: 0;
}

.faq #copy p a {
	color: #11557c;
}

.faq #copy p a:hover {
	text-decoration: none;
}

.faq #copy ul {
	list-style-type: disc;
	padding-left: 30px;
}
	

/* ### CONTACT STYLES ### */

.contact #content {
	background: url(../images/global/bgContact.gif);
	height: 465px;
}

.contact #copy {
	padding: 40px 32px 0 365px;
}

.contact #copy h1 {
	color: #f5f1e3;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 0.3em;
	text-decoration: none;
	text-transform: uppercase;
}

.contact #copy p a {
	color: #2d2520;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}

.contact #copy p a:hover {
	text-decoration: underline;
}

.contact #bar {
	overflow: visible;
	padding-left: 70px;
	position: absolute;
	top: 365px;
}

.contact #bar dl, .contact #bar dl.first dd {
	float: left;
}

.contact #bar dl.first {
	width: 532px;
}

.contact dt {
	color: #998675;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}

.contact dd {
	color: #f5f1e3;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	margin-right: 2em;
	text-transform: uppercase;
}

.contact dd span {
	margin-left: 2em;
}

