/*
------------------------------------------------------------------------
RESET
------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:400;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/*
------------------------------------------------------------------------
HIDDEN
------------------------------------------------------------------------*/
#skip {
display:none;
}

.hidden {
display:none;
}

.hideInput {
display:none;
}

/*
------------------------------------------------------------------------
PRIMARY LAYOUT
------------------------------------------------------------------------*/
html {
background:#191919 url(../img/bg_black_paper.gif) 0 0 repeat;
height:100%;
}

body {
margin:0;
padding:0;
text-align:left;
height:100%;
}

#container {
width:100%;
margin:0;
background:transparent url(../img/bg_white_paper.gif) 0 0 repeat;
}

#nav_top {
width:960px;
height:50px;
margin:0 auto 36px;
position:relative;
}

#nav {
position:absolute;
top:0;
right:20px;
display:block;
}

#intro_wrapper,#heading_wrapper {
width:960px;
margin:30px auto 10px;
}

#intro_fades {
}

#heading {
width:960px;
text-align:left;
padding:0;
}

#main_wrapper,#projects_wrapper,#services_wrapper,#contact_wrapper {
width:960px;
margin:0 auto;
padding:0 0 45px;
}

#intro,#main,#projects,#services,#contact {
width:960px;
margin:0;
padding:0;
text-align:left;
}

.col_wrapper {
margin:0;
padding:30px 0 0;
}

#intro .col_wrapper,#main .col_wrapper,#projects .col_wrapper,#services .col_wrapper,#contact .col_wrapper {
}

.col_wrapper.bbot {
padding-bottom:30px;
}

.col_wrapper.pbot {
padding-bottom:30px;
}

.col_wrapper.btop {
}

.col1_4 {
width:240px;
float:left;
display:inline;
padding:0;
}

.col2_4 {
width:480px;
float:left;
display:inline;
padding:0;
}

.col3_4 {
width:720px;
float:left;
display:inline;
padding:0;
}

.col4_4 {
width:960px;
padding:0;
}

#sub_wrapper {
margin:0 auto;
width:960px;
}

#sub {
width:960px;
padding:0 0 40px;
text-align:left;
}

/*
------------------------------------------------------------------------
TEXT STYLES
------------------------------------------------------------------------*/
body {
font-size:62.5%;
line-height:1.4em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color:#333;
}

abbr {
border-bottom:1px dotted #333;
}

a {
color:#33ad8e;
text-decoration:none;
outline:0;
/* prevent dotted border in Firefox */
}

a:visited {
color:#33ad8e;
text-decoration:none;
}

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

#container p a:hover {
color:#33ad8e;
background-color:#ffc;
text-decoration:none;
}

#sub .col2_4 a {
color:#33ad8e;
text-decoration:none;
outline:0;
/* prevent dotted border in Firefox */
-webkit-transition: all 0.2s ease-out;
}

#sub .col2_4 a:visited {
color:#33ad8e;
text-decoration:none;
}

#sub .col2_4 a:hover {
color:#e1e1e1;
text-decoration:none;
text-shadow:0 0 4px #e5e5e5;
}

.coolblu {
color:#00ADC2;
}

.white_strip {
background:#fff;
}

.hl1 {
background:#76B401;
color:#fff;
padding:1px;
}

#intro_fades h1 a, h1#intro_heading a {
-webkit-transition: all 0.2s ease-out;
color:#33ad8e;
}

#intro_fades h1 a:hover, h1#intro_heading a:hover {
color: #444;
}

/*
------------------------------------------------------------------------
HEADINGS
------------------------------------------------------------------------*/
h1,h2,h3,h4 {
letter-spacing:-.01em;
}

p,ul {
}

#services .col4_4 h2,#projects .col4_4 h2,#contact .col4_4 h2 {
font:240%/1.3em Georgia, Times New Roman, serif;
padding:0 20px 15px 22px;
}

#services .col4_4 h2 span,#projects .col4_4 h2 span,#contact .col4_4 h2 span {
color:#a1a1a1;
}

#intro h1 {
font-size:400%;
line-height:1.2em;
font-weight:lighter;
padding:0 0 0 22px;
color:#a1a1a1;
}

#heading h1 {
font-size:400%;
line-height:1.2em;
font-weight:lighter;
padding:0 0 0 22px;
}

#intro h1 span {

}

#heading h1 span {
color:#a1a1a1;
}

#intro_heading {
}

#intro .col1_4 h3,#main .col1_4 h3 {
font-size:180%;
line-height:1.2em;
font-weight:700;
color:#444;
padding:0 20px 10px 22px;
}

#projects h3 {
font-size:180%;
line-height:1.2em;
font-weight:700;
color:#444;
padding:0 20px 5px 0;
margin-left:22px;
border-bottom:1px solid #ccc;
}

#services h3 {
font-size:180%;
line-height:1.2em;
font-weight:700;
color:#444;
padding:10px 20px 15px 22px;
}

#contact h3 {
font-size:180%;
line-height:1.2em;
font-weight:700;
color:#444;
padding:10px 20px 15px 22px;
}

#sub h3 {
font-size:200%;
line-height:1.2em;
font-weight:lighter;
padding:0 20px 10px 22px;
color:#666;
}

/*
------------------------------------------------------------------------
PARAGRAPHS
------------------------------------------------------------------------*/
#intro .col1_4 p,#intro .col2_4 p,#main .col1_4 p,#main .col2_4 p {
font-size:120%;
line-height:1.44em;
padding:0 20px 15px 22px;
}

#services .col1_4 p,#services .col2_4 p,#contact .col1_4 p,#contact .col2_4 p.fullpad {
font-size:120%;
line-height:1.44em;
padding:10px 20px 15px 22px;
}

#contact .col2_4 p {
font-size:120%;
line-height:1.44em;
padding:0;
}

#projects p {
font-size:120%;
line-height:1.44em;
padding:0 20px 15px 22px;
}

/*
------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------*/
#services .col2_4 ul {
list-style-type:disc;
list-style-position:inside;
font-size:120%;
line-height:1.44em;
padding:10px 20px 15px 22px;
}

#services .col2_4 ul li {
font-weight:700;
}

#sub .col1_4 p,#sub .col2_4 p,#sub .col3_4 p {
padding:0 20px 2px;
color:#a1a1a1;
}

#sub .col1_4 ul {
padding:0 20px 15px;
}

#sub .col1_4 p,#sub .col2_4 p,#sub .col3_4 p,#sub .col1_4 ul li a {
font-size:120%;
}

#sub .col1_4 ul li a {
font-size:120%;
line-height:1.44em;
}

#sub .col1_4 p.legal {
font-size:110%;
color:#666;
}

#main p.col_rt {
margin:0 20px;
background:#fff;
-moz-opacity:0.8;
font:180%/1.4em Georgia, Arial, sans-serif;
font-style:italic;
color:#7FC005;
padding-top:20px;
}

#miniForm p,#sub .col2_4 p {
}

#main .col1_4 ul {
list-style-type:none;
font-size:120%;
line-height:1.44em;
padding:0 20px 0 22px;
}

#main .col1_4 ul li {
background:transparent url(../img/circle_tick.png) center left no-repeat;
padding:1px 0 0 20px;
}

#projects ul {
font-size:120%;
line-height:1.44em;
padding:0 20px 0 22px;
}

#projects ul li {
list-style-type:none;
padding:8px 0;
border-top:1px dotted #ccc;
}

#projects ul li strong {
color:#76B306;
}

#projects ul li:first-child {
padding-top:0;
border-top:0;
}

#projects dl {
font-size:120%;
line-height:1.44em;
margin:0 0 0 22px;
}

#projects dt {
float:left;
display:inline;
width:240px;
font-weight:700;
padding-bottom:10px;
}

#projects dd {
float:left;
display:inline;
width:200px;
padding-bottom:10px;
}

#projects dt:first-child {
border-top:0;
}

#projects dt.btop,#projects dd.btop {
border-top:1px dotted #ccc;
padding-top:10px;
}

/*
------------------------------------------------------------------------
TEXT IMG
------------------------------------------------------------------------*/
.txt_img {
display:block;
text-indent:-9999px;
overflow:hidden;
}

#logo {
position:absolute;
top:20px;
left:22px;
width:153px;
height:32px;
background:url(../img/logo_310310.png) 0 0 no-repeat;
}

#logo a {
width:180px;
height:38px;
display:block;
}

/*
------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------*/
#nav ul {
list-style-type:none;
}

#nav ul li {
float:left;
}

#nav ul li a {
float:left;
display:inline block;
padding:30px 16px 8px;
color:#33ad8e;
font-weight:700;
font-size:140%;
text-decoration:none;
outline:0;
/* prevent dotted border in Firefox */
-webkit-transition: all 0.2s ease-out;
}

#nav ul li:first-child {
}

#nav ul li a:visited {
text-decoration:none;
}

#nav ul li a:hover {
color:#444;
text-decoration:none;
}

li.on #nav_home,li.on #nav_do,li.on #nav_done,li.on #nav_cont {
color:#444;
}

#sub ul {
}

#sub ul li {
list-style-type:none;
padding:0 0 2px 4px;
}

#sub ul li a {
color:#777;
text-decoration:none;
font-weight:700;
outline:0;
/* prevent dotted border in Firefox */
-webkit-transition: all 0.2s ease-out;
}

#sub ul li a:hover {
color:#e1e1e1;
text-decoration:none;
text-shadow:0 0 4px #e1e1e1;
}

li.on #sub_nav_home,li.on #sub_nav_do,li.on #sub_nav_done,li.on #sub_nav_cont,li.on #sub_nav_out {
color:#e1e1e1;
text-decoration:none;
}

/*
------------------------------------------------------------------------
SLIDESHOW
------------------------------------------------------------------------*/
#ss_rb,#ss_kf,#ss_ur,#ss_sw,#ss_hp,#ss_ct {
width:440px;
height:320px;
padding:0;
margin-left:10px;
cursor:pointer;
}

.pics {
width:440px;
height:320px;
padding:0;
margin:0;
overflow:hidden;
}

.pics img {
width:440px;
height:320px;
padding:0;
border:0;
top:0;
left:0;
}

/*
------------------------------------------------------------------------
FORM ELEMENTS
------------------------------------------------------------------------*/
#miniForm {
padding:10px 20px 15px 22px;
}

#billyinput,#lettersinput,#phoneinput,#commentinput {
width:420px;
border:1px solid transparent;
background:#e9e9e9;
border:1px solid #e9e9e9;
padding:3px;
font-size:160%;
line-height:1em;
}

#billyinput:focus,#lettersinput:focus,#phoneinput:focus,#commentinput:focus {
border:1px solid #fff;
background:#fff;
border:1px solid #7FC005;
}

#miniForm input.error,#miniForm textarea.error {
background:#FFE6E6;
border:1px solid #FFE6E6;
}

input#submitinput {
width:428px;
color:#fff;
background:#444;
border:1px solid #444;
padding:6px 0;
text-transform:uppercase;
letter-spacing:.1em;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.2s ease-out;
}

input#submitinput:hover {
background:#33ad8e;
border:1px solid #33ad8e;
}

p#bademail,p#badserver,p#success {
font-size:120%;
line-height:1.44em;
color:#333;
margin:10px 30px 15px 22px;
text-align:center;
}

p#bademail,p#badserver {
background:#FFE6E6;
}

p#success {
background:#D9FAD4;
}

label.error {
color:#E60041;
font-size:120%;
}

/*
------------------------------------------------------------------------
CLEAR FLOATS + IE WHITESPACE FIX
------------------------------------------------------------------------*/
.col_wrapper:after,#projects dl:after,#sub:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.col_wrapper,#projects dl,#sub {
display:block;
}

/*  \*/
.col_wrapper,#projects dl,#sub {
min-height:1%;
}

* html .col_wrapper,* html #projects dl,* html #sub {
height:1%;
}

/*  */