html {height:100%; margin-bottom:1px;;}
body {margin:0; font:normal 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#fff; background:#000 url(../images/uploads/wood.jpg) 0 0;}

A {color:#de9335; border-bottom:1px dotted #de9335; text-decoration:none;}
A:hover {color:#ffffff; border-bottom:1px dotted #ffffff;}
A:active {color:#de9335;}

h1 {font:bold 2em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; color:#de9335;}
h2 {margin:0; padding:0; font:bold 1.5em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; color:#de9335;}
h3 {margin:0; font:bold 1.2em Georgia, "Times New Roman", Times, serif; color:#de9335;}

img {margin:0; padding:0; border:none;}

.container {width:900px; margin:0 auto;}
#content {width:100%; background:url(../images/uploads/navbar.jpg) repeat-x 0 0;}

/* Columns -------------------------------------------------------------- */
div.span-1, div.span-2, div.span-3, div.span-4 {float:left; margin-right:16px;}

/* The last column in a row needs this class. */
div.last {margin-right:0;}
.span-2-last {float:left; width:442px; margin-right:0;}
.span-3-last {float:left; width:687px; margin-right:0;}

/* Use these classes to set the width of a column. */
.span-1 {width:213px;}
.span-2 {width:442px;}
.span-3 {width:671px;}
.span-4, div.span-4 {width:900px; margin:0;}
.last {float:left; width:213px;}


/* Add these to a column to append empty cols. */
.append-1 {padding-right:229px;}
.append-2 {padding-right:458px;}
.append-3 {padding-right:687px;}

/* Add these to a column to prepend empty cols. */
.prepend-1 {padding-left:229px;}
.prepend-2 {padding-left:458px;}
.prepend-3 {padding-left:687px;}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */
.pull-1 {margin-left:-229px;}
.pull-2 {margin-left:-458px;}
.pull-3 {margin-left:-687px;}
.pull-4 {margin-left:-916px;}
.pull-1, .pull-2, .pull-3, .pull-4 {float:left; position:relative;}
.push-1 {margin:0 -229px 1.5em 229px;}
.push-2 {margin:0 -458px 1.5em 458px;}
.push-3 {margin:0 -687px 1.5em 687px;}
.push-4 {margin:0 -916px 1.5em 916px;}
.push-1, .push-2, .push-3, .push-4 {float:right; position:relative;}

/* Misc classes and elements -------------------------------------------------------------- */
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix,
* html .container {height:1%;}
.clearfix, .container {display:block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear {clear:both;}

/* Specific Content -------------------------------------------------------------- */
.navigation {width:900px; height:108px; margin:0 0 42px 0; background:url(../images/uploads/navigation.jpg) no-repeat -10px 0;}
	#navlist {margin:0px; padding:0px;}
	#navlist ul, #navlist li {margin:0; padding:0; display:inline; list-style-type:none;}
	#navlist a:link, #navlist a:visited {display:block; float:left; width:180px; height:24px; padding:4px 0 0 0; border-bottom:none; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; color:#fff;}
	#navlist a:link.current, #navlist a:visited.current, #navlist a:hover {border-bottom:none; text-decoration:none; color:#de9335;}
        
	#navmain {width:296px; height:82px; margin:0 auto;}
	#navmain a:link {display:block; width:296px; height:82px; text-align:center; border:none;}
	#navmain span {visibility:hidden; display:block; width:296px; height:82px; text-align:center; border:none;}

.footer {width:100%; margin:42px 0 0 0; background:url(../images/uploads/footer.jpg) repeat-x 0 0;}
.footer2 {width:900px; margin:0 auto; padding:18px 0 0 0; text-align:center; display:block; position:relative; bottom:0; background:url(../images/uploads/footer2.jpg) no-repeat 0 0; height:52px;}

/* Use a .box to create a padded box inside a column.  */
.box {padding:2px; margin:0 0 4px 0; border:1px solid #fff;}

h2.featured {margin:0 0 18px;}
h3.news {margin:0 0 18px;}

.feature {width:213px; margin:0; padding:0; list-style-type:none;}
	.feature li {margin:0;}
	.feature li a {color:#fff; display:block; padding:0; text-decoration:none; border:none;}
	.feature li a:hover {width:213px; border:none;}
        .feature li a:hover img.box {padding:2px; border:1px solid #de9335;}
	.feature a .title {display:block; font:bold 1.2em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; color:#fff;}
	.feature a .subtitle {display:block; margin:0 0 8px 0; font:italic .95em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; text-transform:lowercase; color:#00ff00;}
	.feature a .description {font:normal 12px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#fff;}
	
.news2 {list-style-type:none; width:213px; margin:0 0 16px 0; padding:0 0 9px 0; background:url(../images/uploads/dotted-line.png) repeat-x left bottom;}
	.news2 li {margin:0;}
	.news2 .date {font:bold 1em "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; letter-spacing:-.05em; color:#de9335;}
	.news2 .description {font:normal 1em "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#fff;}

.works {list-style-type:none; float:left; width:213px; margin:0 10px 8px 0; padding:0; background:url(images/uploads/dotted-line.png) repeat-x left bottom;}
	.works li {margin:0;}
	.works li a {color:#fff; display:block; padding:0; text-decoration:none; border:none;}
	.works li a:hover {border:none;}
	.works li a:hover img.box {border-color:#de9335;}
	.works .title {display:block;  padding: 0 0 4px 0; font:bold 1.2em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; color:#fff;}

.lb-subtitle {display:block; margin:0 0 8px 0; font:italic .95em Georgia, "Times New Roman", Times, serif; letter-spacing:-.05em; text-transform:lowercase; color:#aaa;}

.achievements {width:213px; margin:0; padding:0; list-style-type:circle;}
	.achievements li {margin:0 0 0 16px;}

.readmore {border-bottom:1px dotted #de9335; font:normal 12px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#de9335;}	
.date {font:bold 1em "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; letter-spacing:-.05em; color:#de9335;}
.date2 {font:normal .95em "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; letter-spacing:-.05em; color:#aaa;}

span.more {float:right; border-bottom:1px dotted #de9335; font:normal 12px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#de9335; text-align:right;}
span.more:hover {float:right; border-bottom:1px dotted #ffffff; font:normal 12px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#fff; text-align:right;}

.comments {width:213px; border:1px solid #666666; margin:0 0 2px 0; padding:5px; font:normal 12px/12px Helvetica, Verdana, Arial, sans-serif; color:#666666;}
.commentbox {width:213px; height:90px; border:1px solid #666666; padding:5px; font:normal 12px/14px Helvetica, Verdana, Arial, sans-serif; color:#666666;}