body {
background: #959772 url(../images/background.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%;
}

h2 {
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

img {
border: 0;
}

.shadow {
-moz-box-shadow: 0 0 40px 1px #000;
-webkit-box-shadow: 0 0 40px 1px #000;
box-shadow: 0 0 40px 1px #000;
}

#main-container {
width: 950px;
margin: 0 auto;
}

#main-header {
height: 150px;
padding: 0 40px;
position: relative;
background-color: #FFFFFF;
}

#site-logo {
display: block;
top: 35px;
position: absolute;
border: 0 !important;
}

#primaryNavigation {
float: right;
background-color: #660000;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}

#primaryNavigation ul {
float: left;
padding: 0 .8em 2px;
margin: 0;
}

#primaryNavigation li {
float: left;
list-style: none;
margin: 0;
background: none;
padding: 0;
}

#primaryNavigation li a {
float: left;
padding: 0 .5em;
line-height: 20px;
font-size: 0.9em;
font-weight: bold;
color: #CCCCCC;
text-decoration: none;
margin-bottom: 2px;
margin-top: 2px;
}

#primaryNavigation li a:hover {
color: #FF6600;
border-bottom: 2px solid #FF6600;
border-top: 2px solid #FF6600;
margin-top: 0;
margin-bottom: 0;
}

#primaryNavigation li.current a, #primaryNavigation li.current a:hover {
	margin-bottom: 0;
	cursor: default;
	color: #FF6600;
}

#secondaryNavigation {
float: right;
clear: right;
margin-top: 50px;
background-color: #FF9900;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}

#secondaryNavigation ul {
float: left;
padding: 0 .8em 2px;
margin: 0;
}

#secondaryNavigation ul li {
float: left;
list-style: none;
margin: 0;
background: none;
padding: 0;
}

#secondaryNavigation li a {
float: left;
padding: 0 .5em;
font-size: 1.0em;
color: #000000;
text-decoration: none;
line-height: 18px;
position: relative;
}

#secondaryNavigation li a:hover {
	color: #666699;
}

#content {
	background: #FFFFFF url(../images/content-bg.jpg) repeat-x;
	border-bottom: 1px solid #660000;
	margin-top: 33px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: .1em;
	padding-right: 40px;
	padding-bottom: 1em;
	padding-left: 40px;
	-moz-box-shadow: 0 0 40px 1px #000;
	-webkit-box-shadow: 0 0 40px 1px #000;
	box-shadow: 0 0 40px 1px #000;
}

#recent {
width: 200px;
float: left;
margin-top: 1.9em;
text-align: center;
border: 1px solid #660000;
}

#recent h2 {
background: #660000;
margin-top: 0px;
font-size: .9em;
font-weight: bold;
color: #CCCCCC;
line-height: 1em;
padding: 2px 0px 2px 0px;
}

#portfolio-middle {
padding-top: 1em;
width: 700px;
float: left;
margin-bottom: 3.5em;
text-align: left;
}

#portfolio-middle p {
font-size: .8em;
color: #000000;
height: 100px;
}

#portfolio-middle a {
color: #5a131b;
text-decoration: none;
}

#portfolio-middle a:hover {
color: #FF6600;
text-decoration: none;
}

#portfolio-middle img {
float: left;
padding-right: 10px;
}

#sitemap-middle {
padding-top: 1em;
width: 700px;
float: left;
margin-bottom: 3.5em;
text-align: left;
}

#sitemap-middle p {
font-size: .8em;
color: #000000;
}

#sitemap-middle a {
color: #5a131b;
text-decoration: none;
}

#sitemap-middle a:hover {
color: #FF6600;
text-decoration: none;
}

#middle {
padding-top: .9em;
float: right;
width: 550px;
margin-bottom: 3.5em;
text-align: left;
padding-right: 100px;
}

#middle h2 {
font-size: 1.0em;
font-weight: bold;
color: #000000;
line-height: 1em;
padding: 2px 0px 2px 0px;
}

#middle p {
font-size: .8em;
color: #000000;
}

#middle a {
color: #5a131b;
text-decoration: none;
}

#middle a:hover {
color: #FF6600;
text-decoration: none;
}

#footer {
background: #5a131b;
border-top: 1px solid #000000;
height: 80px;
padding-left: 40px;
padding-top: 1em;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-box-shadow: 0 0 40px 1px #000;
-webkit-box-shadow: 0 0 40px 1px #000;
box-shadow: 0 0 40px 1px #000;
}

#footer #credits {
float: left;
width: 250px;
}

#footer p {
font-size: .8em;
color: #000000;
font-weight: bold;
}

#footer p a {
color: #CCCCCC;
text-decoration: none;
}

#footer p a:hover {
color: #FF6600;
text-decoration: none;
}

#logos {
float: right;
width: 500px;
padding-top: 1em;
}

/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .jq-clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

.panel {
position: absolute;
top: 30px;
left: 300px;
display: none;
background: #5a131b;
border:1px solid #111111;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
width: 430px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel p{
margin: 0 0 15px 0;
font-size: .8em;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #FF6600;
text-decoration: none;
border-bottom: 1px solid #FF6600;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 0px; left: 20%;
font-size: .8em;
font-family: verdana, helvetica, arial, sans-serif;
color: #CCCCCC;
padding: .3em 1.0em;
font-weight: bold;
background:#5a131b;;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
line-height: 20px;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 0px; left: 20%;
font-size: .8em;
font-family: verdana, helvetica, arial, sans-serif;
color: #FF6600;
padding: .3em 1.0em;
font-weight: bold;
background:#5a131b;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
line-height: 20px;
}

a.active.trigger {
background:#5a131b;
}

.columns{
clear: both;
width: 400px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
font-size: .8em;
font-weight: bold;
}