* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

html {overflow:scroll;}

body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
/*background: #1f1f1f url(../images/background.jpg) repeat-x fixed center;*/
color:#ffffff;
}

body#home {background: #1f1f1f url(../images/back_home.jpg) repeat;}
body#skills {background: #1f1f1f url(../images/back_skills.jpg) repeat;}
body#work {background: #1f1f1f url(../images/back_work.jpg) repeat;}
body#legal {background: #1f1f1f url(../images/back_work.jpg) repeat;}

img {border:0px;}
img.border{border:1px solid #777777;}

img.block {display:block;}

img.inline {display:inline;}

.clear {clear: both;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:13px;}

.clear-block:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

.clear-block {display: inline-block;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

hr {display:none;}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

.wrapper {
width:958px;
margin: 0px auto 0px auto;
background: #313131;
display:block;
/*background: url(../images/mask.png) repeat-y;*/
}

a:focus {outline: none;}

.header {
width:958px;
margin: 0px auto 0px auto;
height:112px;
position:relative;
}

.header h1.logo {
position:absolute;
top:21px;
left:25px;
}

.header h1.logo a {
display:block;
height:73px;
width:194px;
background: url(../images/logo.png) no-repeat top;
}

.header div.head-text {
position:absolute;
left:auto;
right:25px;
top:21px;
text-align:right;
}

.header div.head-text p.kabuki {font-size:1.2em;margin-bottom:10px;}

#home .header div.head-text p.kabuki {color:#fff;}
#home .header div.head-text a {color:#fff;text-decoration:underline;}
#home .header div.head-text a:hover {text-decoration:underline;}
#home span.phone {color:#fff;}

#legal .header div.head-text p.kabuki {color:#7ac142;}
#legal .header div.head-text a {color:#7ac142;text-decoration:none;}
#legal .header div.head-text a:hover {text-decoration:underline;}
#legal span.phone {color:#7ac142;}

#work .header div.head-text p.kabuki {color:#7ac142;}
#work .header div.head-text a {color:#7ac142;text-decoration:none;}
#work .header div.head-text a:hover {text-decoration:underline;}
#work span.phone {color:#7ac142;}

#skills .header div.head-text p.kabuki {color:#1792cc;}
#skills .header div.head-text a {color:#1792cc;text-decoration:none;}
#skills .header div.head-text a:hover {text-decoration:underline;}
#skills span.phone {color:#1792cc;}

.header div.head-text p.contact {font-size:1.8em;color:#fff;}

.banner {
width:958px;
margin: 0px auto 0px auto;
position:relative;
}

.banner {height:228px;}


#slideshow {visibility:hidden;}

.footer {
width:940px;
margin: 10px auto 0px auto;
clear:both;
height: 40px;
position:relative;
}

.logo {
position:relative;
float:left;
margin: 0px 0px 0px 10px;
}

.copyright {
position:relative;
float:right;
color:#dfdfdf;
font-size:1.1em;
margin: 7px 10px 0px 0px;
}

.copyright a {color:#dfdfdf;text-decoration:none;}
.copyright a:hover {text-decoration:underline;}

.navbar {
position:absolute;
z-index: 10000;
padding-top:5px;
top:5px;
background: url(../images/backnav.png) no-repeat top left;
height:218px;
width:958px;
}

.navbar ul {list-style-type: none;}

.navbar ul li {margin: 0px 0px 5px 0px;}

.navbar ul li.last {margin: 0px 0px 0px 0px;}

.navbar ul li a {
display:block;
height:48px;
}

.navbar ul li a.home {
width:139px;
background: url(../images/home.png) no-repeat top;
}

.navbar ul li a.skills {
width:323px;
background: url(../images/skills.png) no-repeat top;
}

.navbar ul li a.work {
width:185px;
background: url(../images/work.png) no-repeat top;
}

.navbar ul li a.blog {
width:171px;
background: url(../images/blog.png) no-repeat top;
}

#contactForm label {
font-size: 1em;
color:#fff;
font-weight:bold;
height:25px;
float:left;
position:relative;
width:75px;
margin: 0px 15px 0px 0px;
padding: 5px 8px 0px 0px;
}

#contactForm .formRow {
padding: 10px 0px 0px 0px;
clear: both;
display: block;
}
#contactForm .field {
padding: 0px 0px 0px 0px;
font-size:1em;
color:#888888;
float:left;
}

#contactForm input.txtField {
width:320px;
height:19px;
padding: 3px 0px 0px 3px;
font-size:1em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
}

#contactForm textarea {
width:320px;
height:130px;
border: 1px solid #a5acb2;
font-size:1.2em;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
background:#f4f4f4;
border:1px solid #e0dedf;
padding: 3px 0px 0px 3px;
}

#contactForm textarea.tny {
height:350px;
width:555px;
}

#contactForm textarea.tny2 {
height:150px;
width:555px;
}

#contactForm select {
width:320px;
height:22px;
background:#f4f4f4;
border:1px solid #e0dedf;
font-family: Arial,Helvetica,Verdana, Sans-Serif;
}

#contactForm select.active {
width:100px;
}

div.error {font-size:1em;color:#d01322;font-weight:bold;}
p.error {font-size:1em;color:#d01322;font-weight:bold;}

.hometxt {
margin: 0px auto 0px auto;
width:910px;
padding: 20px 15px 20px 15px;
border-bottom: 2px solid #621a4b;
clear:both;
position:relative;
}

.homeLeft {
width:597px;
float:left;
/*border:1px solid #fff ;*/
margin: 0px 0px 0px 0px;
}
.homeRight {
width:286px;
float:right;
/*border:1px solid #fff ;*/
}

.homeRight h3 {
width:286px;
height:30px;
display:block;
cursor:pointer;
}

.homeRight h3.where {background:url(../images/where.png) no-repeat top;}
.homeRight h3.latest {background:url(../images/latest.png) no-repeat top;margin: 10px 0px 0px 0px;}

.homeRight .main {
background:#212121;
width:286px;
padding:15px 0px 15px 0px;
}

.map {
float:left;
width:120px;
}

.mainLeft {
float:left;
width:114px;
margin: 0px 25px 0px 16px;
}

.homeRight .mainLeft p {margin: 0px 0px 0px 0px;}

#skills .col1 {
width:289px;
float:left;
}

#skills .col2, #skills .col3 {
width:289px;
float:left;
margin: 0px 0px 0px 20px;
}

#skills h2 {
width:289px;
height:29px;
margin: 0px 0px 10px 0px;
}

#skills .col1 h2 {background:url(../images/meet.png) no-repeat top;}
#skills .col2 h2 {background:url(../images/what-we.png) no-repeat top;}
#skills .col3 h2 {background:url(../images/working.png) no-repeat top;}

a.imgLink {
display:block;
width:145px;
height:200px;
border: 1px solid #595554;
float:right;
margin:0px 0px 10px 15px
}


#work .col1 {width:443px;float:left;}
#work .col2 {width:443px;float:left;margin: 0px 0px 0px 20px;}

#work h2 {
width:443px;
height:29px;
margin: 0px 0px 10px 0px;
}

#work .col1 h2 {background:url(../images/recent.png) no-repeat top;}
#work .col2 h2 {background:url(../images/tech.png) no-repeat top;}


.ui-accordion h3 {
font-size:1.2em;
}

#work h3 {
display:block;
width: 443px;
height:28px;
border-bottom:1px dotted #fff;
color:#fff;
font-weight:normal;
text-decoration:none;
line-height:22px;
margin: 0px 0px 13px 0px;
font-size:1.2em;
}

#skills .ui-accordion h3 a, #work .ui-accordion h3 a {
display:block;
width: 289px;
height:28px;
border-bottom:1px dotted #fff;
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:22px;
margin: 0px 0px 13px 0px;
}

#work .ui-accordion h3 a {width:443px;}

#work div.main, #skills div.main {
border-bottom:1px dotted #fff;
margin: 0px 0px 8px 0px;
}

#maps {
height:380px;
width:620px;
border:1px solid #666;
}

#mapbox {
/*visibility:hidden;*/
display:none;
position:absolute;
top:-223px;
left:150px;
height:417px;
width:622px;
margin-top:30px;
z-index:1000000000;
}

a.buttonmap {
display:block;
height:16px;
width:120px;
color:#fff;
text-decoration:none;
font-size:1.1em;
background:url(../images/buttonmap.png) no-repeat top;
text-align:center;
padding:72px 0px 0px 0px;
/*text-indent:18px;*/
}

div.hometxt a.buttonmap:hover {text-decoration:none;}
a.buttonmap:focus {outline: none;}

div.strip {
width:610px;
height:18px;
background:#621a4b;
text-align:right;
padding:4px 10px 0px 0px ;
border:1px solid #666;
}
a.closemap {
font-size:1.2em;
color:#fff;
}

.txt {
margin: 0px auto 0px auto;
min-height:397px;
width:910px;
padding: 20px 15px 20px 15px;
clear:both;
}

#skills .txt {border-bottom: 2px solid #1792cc;}
#work .txt {border-bottom: 2px solid #7ac142;}
#legal .txt {border-bottom: 2px solid #7ac142;}


.hometxt h2 {
margin:0px 0px 10px 0px;
color: #fff;
font-size:2em;
font-weight:normal;
}
 
#legal .txt h2 {
margin:0px 0px 10px 0px;
color: #7ac142;
font-size:1.8em;
font-weight:normal;
}

#legal .txt h3 {
margin:0px 0px 10px 0px;
color: #7ac142;
font-size:1.5em;
font-weight:normal;
}

#legal .txt h4 {
margin:0px 0px 10px 0px;
color: #7ac142;
font-size:1.3em;
font-weight:normal;
}

.hometxt p, .txt p {
font-size:1.2em;
color:#fff;
margin:0px 0px 10px 0px;
line-height:1.5em;
}

.hometxt a {color:#fff;font-weight:normal;}
.hometxt a:hover {text-decoration:underline;}

.txt ul, .txt ol {
font-size:1.2em;
margin:0px 0px 0px 15px;
}

.txt a {color:#fff;}

.txt ul li, .txt ol li {
margin:5px 0px 5px 0px;
}


.hometxt p.big {
font-size:1.8em;
}


.blockBlog {
padding:0px 0px 15px 0px;
margin: 0px 10px 15px 10px;
border-bottom: 1px solid #e99f00;
}

.blockBlog a {color:#e99f00;font-weight:normal;}
.blockBlog p {margin: 0px 0px 0px 0px}
.blockBlog p.big {margin: 0px 0px 5px 0px;font-size:1.6em;}