* {
margin : 0;
padding : 0;
}
body, html {
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #9a9a9a;
	margin : 0;
	padding : 0;
	background : #000 url(images/bk_body.jpg) no-repeat 50% 0;
	line-height : 125%;
}
ul {
list-style : none;
margin-bottom : 5px;
}
a {
color : #4aaaca;
text-decoration : none;
}
a:hover {
color : #4aaaca;
text-decoration : underline;
}
ul {
list-style : none;
margin-bottom : 5px;
}
ul li {
padding : 5px 0;
background : url(images/arrow.png) no-repeat 0 6px;
padding-left : 15px;
position : relative;
}
h1 {
font-size : 26px;
background : url(images/bk_dotted_horiz.gif) repeat-x 0 100%;
color : #6cb200;
padding : 5px 0 15px;
margin-bottom : 15px;
text-transform : capitalize;
}
h2 {
font-size : 22px;
font-weight : normal;
color : #eee;
padding : 10px 0;
}
h3 {
font-size : 16px;
font-weight : bold;
color : #eee;
padding : 10px 0;
}
#bottomBox h2, #colRight h2 {
background : url(images/bk_dotted_horiz.gif) repeat-x 0 100%;
padding : 0;
padding-bottom : 15px;
margin-bottom : 5px;
}
#mainWrapper {
background : url(images/bk_mainwrapper.jpg) repeat-x 0 0;
}
#wrapper {
margin : 0 auto;
width : 960px;
}
#header {
height : 140px;
position : relative;
background : url(images/bk_header.jpg) no-repeat 100% 0;
}
#content {
padding : 0 0 25px;
}
#footer {
height : 80px;
background : url(images/bk_footer.jpg) no-repeat 0 0;
padding : 25px 10px 10px 15px;
margin-left : 10px;
margin-top : 10px;
color : #666;
}
#logo {
position : absolute;
top : 78px;
left : 10px;
}
#logo h1 {
padding : 0;
background : none;
}
#logo h1 a, #logo h1 a:hover {
background : url(images/logo.png) no-repeat 0 0;
width : 209px;
height : 45px;
text-indent : -9000px;
display : block;
text-decoration : none;
}
#topMenu {
position : absolute;
top : 0;
left : 11px;
}
#topMenu li {
float : left;
background : none;
padding : 0;
}
#topMenu li a {
font-size : 11px;
color : #fff;
text-decoration : none;
text-transform : uppercase;
text-align : center;
display : block;
height : 37px;
width : 86px;
padding-top : 10px;
}
#topMenu li a:hover {
background : url(images/bk_toplinks.jpg) no-repeat 0 0;
}
#topMenu li.selected a {
font-weight : bold;
background : url(images/bk_toplinks.jpg) no-repeat 0 0;
}
#header #comein {
position : absolute;
height : 65px;
top : 67px;
right : 0;
background : url(images/come_in.gif) no-repeat 100% 0;
padding-right : 95px;
padding-top : 25px;
width : 300px;
text-align : right;
font-size : 14px;
}
#content p {
margin : 0.8em 0;
}
#colLeft {
float : left;
width : 694px;
margin-top : 10px;
}
#colLeft #leftTop {
height : 16px;
background : url(images/bk_top_box_left.png) no-repeat 0 0;
}
#colLeft #leftMiddle {
background : url(images/bk_mid_box_left.png) repeat-y 0 0;
padding : 3px 15px;
}
#colLeft #leftBottom {
height : 16px;
background : url(images/bk_bot_box_left.png) no-repeat 0 0;
}
#colRight {
float : left;
width : 270px;
margin-left : -5px;
margin-top : 10px;
}
#colRight .rightTop {
height : 16px;
background : url(images/bk_top_box_right.png) no-repeat 0 0;
}
#colRight .rightMiddle {
background : url(images/bk_mid_box_right.png) repeat-y 0 0;
padding : 3px 22px;
padding-top : 8px;
padding-bottom : 7px;
}
#colRight .rightBottom {
height : 16px;
background : url(images/bk_bot_box_right.png) no-repeat 0 0;
}
#colRight .homeItem {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
padding : 7px 0 8px;
}
#colRight .homeItem img {
float : left;
margin-right : 8px;
border : none;
}
#colRight .homeItem .details {
float : left;
width : 170px;
font-size : 11px;
}
#colRight .homeItem .details strong {
color : #fff;
font-size : 12px;
}
#colRight ul li {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
padding-left : 0;
}
#colRight ul li a {
padding : 3px 0;
background : url(images/arrow.gif) no-repeat 0 6px;
padding-left : 15px;
display : block;
text-transform : capitalize;
}
p.line {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
display : block;
padding : 0 0 10px;
margin : 0;
}
#bottomBox {
margin-top : 20px;
padding : 0 8px;
float : left;
}
#bottomBox #innerBoxLeft {
float : left;
padding-right : 20px;
width : 280px;
}
#bottomBox #innerBoxMiddle {
float : left;
padding : 0 15px;
width : 340px;
}
#bottomBox #innerBoxRight {
float : left;
padding : 0;
padding-left : 20px;
width : 250px;
position : relative;
}
#bottomBox #innerBoxRight p img {
padding-right : 5px;
vertical-align : middle;
}
ul.latestPosts li {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
padding : 0;
padding-bottom : 1px;
}
* html ul.latestPosts li {
float : left;
width : 100%;
}
ul.latestPosts li a {
display : block;
background : url(images/ico_post.gif) no-repeat 2px 5px;
padding : 4px 0 6px 25px;
margin : 0;
}
ul.latestPosts li a:hover {
background-color : #141414;
text-decoration : none;
}
ul.latestPosts li a span.date {
font-size : 10px;
color : #999;
}
.portfolioItem {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
padding-bottom : 10px;
margin-bottom : 5px;
}
.portfolioItem img {
border : none;
}
.blogItem {
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
padding-bottom : 5px;
margin-bottom : 20px;
margin-top : 15px;
}
.blogItem .title {
padding : 5px 0 10px 42px;
background : url(images/bk_dashed_horiz.gif) repeat-x 0 100%;
margin-bottom : 5px;
position : relative;
}
.blogItem .title .date {
width : 55px;
height : 31px;
position : absolute;
top : 0;
left : -22px;
background : url(images/bk_blog_date.gif) no-repeat 0 0;
text-align : center;
color : #fff;
padding-top : 5px;
font-weight : bold;
}
.blogItem .title h2 {
padding : 0;
font-weight : bold;
color : #4aaaca;
padding-bottom : 8px;
font-size : 20px;
}
.blogItem .title .meta {
font-size : 10px;
line-height : 110%;
}
.wp-pagenavi {
background : url(images/bk_horizline.jpg) repeat-x 0 100%;
padding-bottom : 15px;
}
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi span.pages {
color : #ccc;
border : 1px solid #ccc;
}
.commentlist {
border-top : 1px solid #444;
}
.comment {
background : none;
padding-left : 0;
border-bottom : 1px solid #444;
}
.comment-author {
color : #999;
}
.commentmetadata {
padding-bottom : 3px;
font-style : italic;
font-size : 11px;
}
.stepcarousel {
position : relative;
overflow : scroll;
width : 650px;
height : 373px;
}
.stepcarousel .belt {
position : absolute;
left : 0;
top : 0;
}
.stepcarousel .panel {
float : left;
overflow : visible;
margin : 0;
width : 650px;
height : 373px;
position : relative;
clear : both;
}
.stepcarousel .panel a img {
border : none;
}
.stepcarousel .panel .projectDetails {
position : absolute;
bottom : 30px;
left : 0;
padding : 12px 40px;
background : url(images/bk_pixel_details.png);
color : #ccc;
line-height : 140%;
width : 100%;
}
.stepcarousel .panel .projectDetails strong {
font-size : 16px;
color : #6cb200;
}
#content .stepcarousel .panel .projectDetails p {
margin : 0;
padding : 0;
}
form label {
display : block;
padding : 8px 0 2px;
font-weight : bold;
}
form input, form textarea {
border : 1px solid #3f3f3f;
background : none;
padding : 5px;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #666;
}
form input:focus, form textarea:focus {
border : 1px solid #7ea803;
}
form textarea {
width : 500px;
}
form input#submit {
border : none;
width : 103px;
height : 24px;
text-align : center;
padding-top : 4px;
color : #fff;
text-transform : uppercase;
margin-top : 15px;
background : url(images/bk_submit.jpg) no-repeat 0 0;
font-size : 11px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.clear {
clear : both;
}
.noclear {
clear : none;
}