/*css reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       font-size: 100%;
       vertical-align: baseline;
       border: 0;
       outline: 0;
       background: transparent;
       }

ol, ul {
       list-style: none;
       }

blockquote, q {
       quotes: none;
       }

:focus {
       outline: 0;
       }

table {
       border-collapse: collapse;
       border-spacing: 0;
       }

/*content*/

body {
	background: #999 url('../img/sidebar_4px2.png') repeat-x;
}

h1 {
	float: right;
	font-family: georgia;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: .5px;
	padding: 4px 18px 0 0;
	color: #666;
}

h3 {
	font-weight: normal;
	font-size: 18px;
	font-family: georgia;
	color: #333333;
}

h4.heading {
	margin: 20px 0 0 0;
	padding: 2px 0 3px 5px;
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	letter-spacing: .5px;
	color: #996666;
	background: #ffcc99;
}

h4.headingflo {
	margin: 0px 0 18px 0;
	padding: 2px 0 3px 1px;
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: .5px;
	color: #666666;
	background: #ccc;
	text-align: center;
}

img.left {
	float:left;
}

p.text {
	font-family: georgia;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: #333;
	padding: 6px 0 0 0;
}

/*.pagetwo p:after {
	content:url(paragraph.png);
}*/

p.featured {
	letter-spacing: .5px;
	text-align: right;
	padding: 0 17px 0 0;
	font-size: 13px;
	line-height: 25px;
	font-family: georgia;
	font-style: italic;
	color: #ffff99;
}

p.date {
	letter-spacing: .5px;
	text-align: right;
	padding: 0 17px 0 0;
	font-size: 12px;
	line-height: 25px;
	font-family: georgia;
	color: #ffff99;
}

p.about {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: #333;
}

p.about a, p.about a:visited {
	text-decoration: none;
	color: #999;
}

p.about a:hover {
	text-decoration: none;
	color: #333;
}

#ends p {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	text-align: center;
	color: #333;
	padding: 0 75px 0 75px;
}

#news p {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	text-align: center;
	color: #333;
	padding: 0 75px 0 75px;
}

div#imagetest {
	margin: 0 0 25px 0;
	width: 446px;
	height: 321px;
	background: yellow;
}

div#imagetestone {
	width: 446px;
	height: 343px;
	background: yellow;
}

div#imagetesttwo {
	margin: 25px 0 25px 20px;
	width: 546px;
	height: 343px;
	background: yellow;
}

/*layout*/

p.footer {
	text-align: center;
	letter-spacing: .5px;
	padding: 100px 0 0 0;
	font-size: 12px;
	line-height: 25px;
	font-family: georgia;
	color: #999999;
}

div#container {
	overflow: hidden;
	background: #fffde0;
	width: 931px;
/*	min-height: 100%;
	height: auto;*/
	margin: 0 100% 0 180px;
	padding: 0;
}

div#container_dark {
	overflow: hidden;
	background: #666666;
	width: 931px;
	margin: 0 100% 0 180px;
	padding: 0 0 300px 0;
}

div#container_dark h1 {
	float: right;
	font-family: georgia;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: .5px;
	padding: 4px 18px 0 0;
	color: #999;
}

div#container_dark h3 {
	font-weight: normal;
	font-size: 18px;
	font-family: georgia;
	color: #999;
}

div.page {
	overflow: hidden;
	margin: 70px 20px 0px 20px;
	padding: 20px 0 0 0;
	width: 891px;
}

div.mainpage {
	overflow: hidden;
	margin: 70px 20px 0px 20px;
	padding: 20px 0 20px 0;
	width: 891px;
	border-bottom: 1px dashed gray;
}

div.nextpage {
	overflow: hidden;
	margin: 0 20px 20px 20px;
	padding: 5px 0 20px 0;
	width: 891px;
	border-bottom: 1px dashed gray;
}

span.red {
	color: red;
}


div#sidebar {
	width: 163px;
	padding: 43px 0 0 0;
	position: absolute;
	top: 84px;
	left: 0px;
}

/*main navigation*/

div#nav {
	margin: 0;
	height: 33px;
	padding: 13px 0 0 20px;
	background: url('../img/topbar.png') repeat-x;
}

div#container_dark div#nav {
	margin: 0;
	height: 33px;
	padding: 13px 0 0 20px;
	background: url('../img/topbar2.png') repeat-x;
}

div#hand {
	float: left;
	background: url('../img/hand.png') no-repeat;
	height: 14px;
	width: 276px;
	margin: 2px 0 0 5px;
	padding: 0;
}

#navigation a, #navigation a:visited {
	float: left;
	font-family: georgia, serif;
	font-size: 12px;
	letter-spacing: .5px;
	text-align: center;
	text-decoration: none;
	color: #666666;
	padding: 4px 15px 33px 0;
}

#navigation a:hover {
	float: left;
	color: #999999;
}

#home {
	text-indent: -9999px;
}

#home a, #home a:visited {
	background: url('../img/house_red.png') no-repeat 0px 2px;
	margin: 0 20px 33px 10px;
}

#home a:hover {
	background: url('../img/house_red.png') no-repeat 0px 2px;
	margin: 0 20px 33px 10px;
}

div#container_dark #home {
	text-indent: -9999px;
}

div#container_dark #home a, div#container_dark #home a:visited {
	background: url('../img/house_red_dark.png') no-repeat 0px 2px;
	margin: 0 20px 33px 10px;
}

div#container_dark #home a:hover {
	background: url('../img/house_red_dark.png') no-repeat 0px 2px;
	margin: 0 20px 33px 10px;
}

/*side navigation*/

div#logo {
	position: absolute;
	top: 14px;
	left: 113px;
	width: 52px;
	height: 47px;
	background: url('../img/logo6.png') no-repeat;
}

div#featured {
	position: absolute;
	top: 78px;
	left: 90px;
	width: 80px;
	height: 29px;
	background: #cc9933;
	padding: 2px 0 0 10px;
	border-top: 1px dotted #ffcc99;
	border-bottom: 1px dotted #ffcc99;
}

div#featuredinside {
	position: absolute;
	top: 79px;
	left: 180px;
	width: 892px;
	height: 27px;
	background: #ffcc99;
	padding: 4px 0 0 18px;
}

div#featuredinside a, a:visited{
	color: #333333;
	text-decoration: none;
}

div#featuredinside a:hover {
	color: #666666;
	text-decoration: none;
}

#container_dark div#featuredinside {
	position: absolute;
	top: 79px;
	left: 180px;
	width: 892px;
	height: 27px;
	background: #46473c;
	padding: 4px 0 0 18px;
}


div.columnone {
	float: left;
	width: 434px;
}

div.columntwo {
	margin: -17px 0 0 0;
	float: right;
	width: 434px;
}

div.columnnews {
	float: right;
	width: 434px;
}

p.heading {
	margin: 20px 0 18px 0;
	padding: 2px 0 3px 5px;
	font-family: georgia, serif;
	font-style: italic;
	font-size: 12px;
	letter-spacing: .5px;
	color: #333;
	background: #ffcc99;
}

div#news {
	width: 427px;
	background: #ffffcc;
	padding: 20px 0 0 5px;
	height: 179px;
	border-left: 1px double #ffcc99;
	border-right: 1px double #ffcc99;
	border-bottom: 1px double #ffcc99;
}

span.italic {
	font-style: italic;
}

p.headingfull {
	margin: 0 0 18px -5px;
	padding: 2px 0 3px 5px;
	font-family: georgia, serif;
	font-size: 12px;
	letter-spacing: .5px;
	color: #333;
	background: #cccccc;
}

/*next prev*/

#prev {
	float: right;
	text-indent: -9999px;
}

#prev a, #prev a:visited {
	padding: 0 0 0 30px;
	background: url('../img/arrowlft_black.png') no-repeat;
}

#prev a:hover {
	background: url('../img/arrowlft_white.png') no-repeat;
}

#next {
	float: right;
	text-indent: -9999px;
}

#next a, #next a:visited {
	padding: 0 0 0 8px;
	background: url('../img/arrowrt_black.png') no-repeat;
}

#next a:hover {
	background: url('../img/arrowrt_white.png') no-repeat;
}

#nextprev a{
	float: right;
}

ul#nextprev {
	margin: 0 14px 0 0;
	padding: 8px 0 35px 0;
}

/*portfolio*/

/*accordion menu*/

#container ul#accordion {
	list-style-type: none;
	color: white;
}

#container ul#accordion h3 a {
	color: white;
}

ul#accordion li {
	font-family: georgia;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
}

ul#accordion a, ul#accordion a:visited {
	font-family: georgia, serif;
	font-size: 12px;
	letter-spacing: .5px;
	text-align: right;
	text-decoration: none;
	color: #333333;
}

#container ul#accordion a:hover {
	color: #cccccc;
}

ul#accordion li.active a{
	color: #ffcccc;
}

/*accordion dark*/

#container_dark ul#accordion {
	list-style-type: none;
	color: white;
}

#container_dark ul#accordion h3 a{
	color: white;
}

#container_dark ul#accordion li {
	font-family: georgia;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
}

#container_dark ul#accordion a, ul#accordion a:visited {
	font-family: georgia, serif;
	font-size: 12px;
	letter-spacing: .5px;
	text-align: right;
	text-decoration: none;
	color: #333333;
}

#container_dark ul#accordion a:hover {
	color: #cccccc;
}

#container_dark ul#accordion li.active a{
	color: #ffcccc;
}

/*accordion menu*/

/*content elements: full/half width + comment, text, back to top*/

div.page {
	overflow: hidden;
	margin: 70px 20px 0px 20px;
	padding: 20px 0 0 0;
	width: 891px;
}

div.full {
	width: 891px;
}

div.full p {
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
	letter-spacing: .4px;
	line-height: 25px;	
	text-align: center;
	color: red;
	margin: 0 0 34px 0;
	padding: 13px 0 21px 0px;
	border-bottom: 1px dashed #ff6666;
}

div.half {
	width: 446px;
}

div.half p {
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
	letter-spacing: .4px;
	line-height: 25px;	
	text-align: center;
	color: red;
	margin: 0 0 34px 0;
	padding: 13px 0 21px 0px;
	border-bottom: 1px dashed #ff6666;
}

div.text {
	margin: 0 45px 35px 0;
	padding: 0px 38px 0px 17px;
	width: 390px;
	border-right: 1px dashed gray;
	border-left: 1px dashed gray;
}

div.text a, .text a:visited {
	text-decoration: none;
	color: #990000;
}

div.text a:hover {
	text-decoration: none;
	color: red;
}

div.text p {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: #333;
}

div.foot {
	margin: 17px 45px 35px 0;
	padding: 0px 38px 0px 17px;
	width: 390px;
}

div.foot p {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: #333;
}

div.top span.norm{
	font-style: normal;
}

div.top {
	margin: 20px 0 0 16px;
}

div.top a, div.top a:visited {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	color: #990000;
	text-decoration: none;
}

div.top a:hover {
	font-family: georgia, serif;
	font-style: italic;
	font-size: 12.9px;
	letter-spacing: .24px;
	color: red;
	text-decoration: none;
}

/*dark*/

div#container_dark div.full p {
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
	letter-spacing: .4px;
	line-height: 25px;	
	text-align: center;
	color: #ccccff;
	margin: 0 0 34px 0;
	padding: 13px 0 21px 0px;
	border-bottom: 1px dashed #9999cc;
}

div#container_dark div.half p {
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
	letter-spacing: .4px;
	line-height: 25px;	
	text-align: center;
	color: #ccccff;
	margin: 0 0 34px 0;
	padding: 13px 0 21px 0px;
	border-bottom: 1px dashed #9999cc;
}

div#container_dark div.text {
	margin: 0 45px 35px 0;
	padding: 0px 38px 0px 17px;
	width: 390px;
	border-right: 1px dashed #999;
	border-left: 1px dashed #999;
}

div#container_dark div.text p {
	font-family: georgia;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: white;
}

div#container_dark div.text a, div#container_dark div.text a:visited {
	text-decoration: none;
	color: #9999cc;
}

div#container_dark div.text a:hover {
	text-decoration: none;
	color: #ccccff;
}

div#container_dark div.foot {
	margin: 17px 45px 35px 0;
	padding: 0px 38px 0px 17px;
	width: 390px;
}

div#container_dark div.foot p {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: white;
}

div.right {
	float: right;
	margin: 0 0px 35px 0;
	padding: 0px 38px 0px 17px;
	width: 366px;
	border-right: 1px dashed gray;
	border-left: 1px dashed gray;
}

div#container_dark div.right {
	float: right;
	margin: 0 0px 35px 0;
	padding: 0px 0px 0px 17px;
	width: 404px;
	border-right: 1px dashed #999;
	border-left: 1px dashed #999;
}

div#container_dark div.right p {
	margin: -10px 0 0 0;
	font-family: georgia;
	font-size: 12.9px;
	letter-spacing: .3px;
	line-height: 28px;
	color: white;
}

div#container_dark div.top {
	margin: 20px 0 0 16px;
}

div#container_dark div.top a, div#container_dark div.top a:visited {
	font-family: georgia, serif;
	font-size: 12.9px;
	letter-spacing: .3px;
	color: #9999cc;
	text-decoration: none;
}

div#container_dark div.top a:hover {
	font-family: georgia, serif;
	font-style: italic;
	font-size: 12.9px;
	letter-spacing: .24px;
	color: #ccccff;
	text-decoration: none;
}

img.border {
	border-bottom: 1px dashed #ff6666;
	border-top: 1px dashed #ff6666;
}

p.people {
	background: #ffcccc;
	border-top: 1px dotted #cc3333;
	border-bottom: 1px dotted #cc3333;
	font-family: georgia, serif;
	font-size: 12px;
	letter-spacing: .5px;
	text-align: center;
	color: #993333;
	text-decoration: none;
	margin: 0 19px;
	padding: 7px 0 9px 0px;
}

p.people a, p.people a:visited {
	text-decoration: none;
	color: #996666;
}

p.people a:hover {
	text-decoration: none;
	color: #993333;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	background: #fffde0;
	width: 931px;
	margin: 0 100% 0 180px;
	height: 50px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/
*/