@charset "utf-8";
@import url('reset.css');
body,html {
height:100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin:0;
}

#container {
width:100%;
min-height:100%;
position:relative;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
background-color:#fefefe;
background-position:center;
}

#top_nav {
height:70px;
width:100%;
background-image:url(../images/bg_02.jpg);
}

#top_nav_content {
width:880px;
height:70px;
background-image:url(../images/bg_03.jpg);
margin:auto;
}

#header {
height:232px;
width:100%;
background-image:url(../images/headerbg.jpg);
background-position:bottom;
}

#header_content {
height:232px;
width:100%;
background-image:url(../images/header.jpg);
background-position:center;
background-repeat:no-repeat;
}

#portfolioheader {
height:232px;
width:100%;
background-image:url(../images/portfolioheader.jpg);
background-position:center;
background-repeat:no-repeat;
}

#resourcesheader {
height:232px;
width:100%;
background-image:url(../images/resourcesheader.jpg);
background-position:center;
background-repeat:no-repeat;
}

#content {
width:860px;
margin:auto;
padding:20px 0 95px;
}

#content_left {
width:230px;
float:left;
}

#content_right {
float:right;
width:600px;
text-align:justify;
}

#footer {
position:absolute;
bottom:0;
background-color:#151618;
height:68px;
width:100%;
z-index:9;
}

#footer_content {
width:900px;
color:#ccc;
background-image:url(../images/bg_12.jpg);
background-repeat:no-repeat;
background-position:top;
margin:auto;
padding:20px;
}

#footer_content_left {
width:400px;
font-size:11px;
padding-top:10px;
float:left;
margin:auto;
}

#footer_content_right {
width:400px;
font-size:11px;
padding-top:10px;
float:right;
text-align:right;
margin:auto;
}

.spacer {
clear:both;
}

.navhead {
padding-left:20px;
padding-bottom:5px;
font-size:16px;
color:#099;
}

.box_top {
background-image:url(../images/corner.png);
background-position:top left;
background-repeat:no-repeat;
}

.box_top span {
background-image:url(../images/corner.png);
background-position:top right;
background-repeat:no-repeat;
display:block;
}

.box_bottom {
background-image:url(../images/corner.png);
background-position:bottom left;
background-repeat:no-repeat;
margin-bottom:20px;
}

.box_bottom span {
background-image:url(../images/corner.png);
background-position:bottom right;
background-repeat:no-repeat;
display:block;
}

.box_centre {
height:10px;
margin-left:10px;
margin-right:10px;
background-color:#1B1C20;
}

.box_bg {
background-color:#1B1C20;
padding-left:0;
padding-right:0;
color:#CCC;
padding-bottom:50px;
}

.box_bg2 {
background-color:#1B1C20;
color:#CCC;
padding:1px 10px 50px;
}

.boxpadding {
padding-left:10px;
padding-right:10px;
}

.logo {
width:0;
float:left;
}

.left {
float:left;
width:29%;
padding-left:10px;
font-weight:700;
}

.right {
float:left;
width:69%;
}

p {
padding:10px;
}

.left2 {
float:left;
width:48%;
padding-left:10px;
}

.right2 {
float:left;
width:48%;
}

h4 {
border-bottom:dashed 1px #666;
font-size:14px;
padding:10px;
}

h1 {
display:block;
overflow:hidden;
text-indent:-9999px;
background-repeat:no-repeat;
height:61px;
position:relative;
width:100%;
}

h1 img {
position:absolute;
top:0;
left:0;
}

h2 {
color:#099;
font-size:16px;
font-weight:400;
background-image:url(../images/h2.jpg);
display:block;
width:100%;
background-repeat:no-repeat;
margin:15px 0;
padding:2px 5px 2px 10px;
}

h3 {
display:block;
background-image:url(../images/h3.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:25px;
font-size:16px;
font-weight:400;
margin:15px 0;
}

a:link {
color:#9A0958;
text-decoration:underline;
}

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

#navigation {
margin-left:456px;
}

#navigation li {
float:left;
display:block;
}

#navigation li a {
background-image:url(../images/sprite.jpg);
display:block;
outline:none;
position:relative;
height:70px;
text-decoration:none;
width:auto;
}

#navigation .home {
background-position:0 0;
width:102px;
height:70px;
}

#navigation .services {
background-position:-102px 0;
width:110px;
height:70px;
}

#navigation .portfolio {
background-position:-212px 0;
width:108px;
height:70px;
}

#navigation .about {
background-position:-320px 0;
width:102px;
height:70px;
}

#navigation .contact {
background-position:-422px 0;
width:103px;
height:70px;
}

#navigation a .hover {
background:transparent url(../images/sprite.jpg) no-repeat;
display:block;
opacity:0;
position:relative;
top:0;
left:0;
height:100%;
width:100%;
}

#navigation .home .hover {
background-position:0 -70px;
}

#navigation .services .hover {
background-position:-102px -70px;
}

#navigation .portfolio .hover {
background-position:-212px -70px;
}

#navigation .about .hover {
background-position:-320px -70px;
}

#navigation .contact .hover {
background-position:-422px -70px;
}

.top {
background-position:bottom;
}

ul#menu a {
position:relative;
display:block;
text-decoration:none;
}

ul#menu a span {
position:absolute;
top:5px;
right:5px;
}

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

ul#menu li {
margin-top:0;
}

ul#menu li a {
margin-left:10px;
margin-right:10px;
color:#CCC;
background-image:url(../images/linksbg.jpg);
background-position:center;
background-repeat:no-repeat;
padding:5px 5px 5px 25px;
}

ul#menu li a:hover {
color:#099;
background-image:url(../images/linksbg_hover.jpg);
background-repeat:no-repeat;
}

ul#menu li ul li a {
padding-left:45px;
background-image:url(../images/linksbg2.jpg);
background-repeat:no-repeat;
}

ul#menu li ul li a:hover {
padding-left:45px;
background-image:url(../images/linksbg_hover2.jpg);
background-repeat:no-repeat;
}

a:visited,a:active {
text-decoration:underline;
color:#099;
}