@charset "utf-8";
body {
background:url(images/body_bg.jpg) top left repeat-x #222;
}

.preload {
width:1px;
height:1px;
float:left;
}

.clear {
clear:both;
}

#top {
height:250px;
width:100%;
margin-bottom:-250px;
background:url(images/pat.jpg) top left repeat-x;
}

#flashcontainer {
position:relative;
width:980px;
height:250px;
margin:0 auto -250px;
}

#container {
background:url(images/container_bg2.jpg) top center no-repeat #000;
position:relative;
width:100%;
height:100%;
}

#header {
position:relative;
background:transparent;
height:220px;
width:880px;
margin:0 auto;
padding:0 50px;
}

.logo {
padding-top:20px;
display:block;
width:264px;
}

#header_desc {
position:absolute;
top:40px;
right:0;
}

#content {
background:transparent;
width:940px;
margin:0 auto;
padding:20px;
}

#featured-work {
width:400px;
float:left;
margin-bottom:45px;
}

a#lb {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
display:block;
background:#222;
}

a.lb {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
display:block;
background:#222;
width:200px;
}

#content-right {
margin-left:480px;
}

#content-right a {
text-indent:-9999px;
display:block;
width:192px;
height:32px;
float:left;
margin-left:10px;
padding:15px 10px;
}

#content-right a#port {
background:url(images/port_button.png) center center no-repeat;
}

#content-right a#port:hover {
background:url(images/portHover.png) center center no-repeat;
}

#content-right a#quote {
background:url(images/quote_button.png) center center no-repeat;
}

#content-right ul {
display:block;
float:left;
padding-right:50px;
line-height:1.5;
}

#content-right ul li {
text-shadow:0 1px 1px #000;
background:url(images/4.png) no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#999;
padding:0 0 5px 20px;
}

ul#sitemap li {
text-shadow:0 1px 1px #000;
background:url(images/4.png) no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#999;
margin-top:10px;
padding:0 0 5px 20px;
}

.center {
padding:0 0 0 70px;
}

#portfoliocontainer {
width:780px;
height:360px;
margin:0 auto;
}

#rightWrap {
width:425px;
float:right;
}

#s_left {
background:url(images/web_list.png) left top no-repeat;
padding-left:75px;
width:365px;
float:left;
margin:0 0 50px 130px;
}

#s_right {
background:url(images/r_list.png) left top no-repeat;
padding-left:75px;
margin-left:495px;
}

div.listCol h3 {
margin-bottom:5px;
}

div.listCol li {
margin-left:40px;
background:url(images/4.png) top left no-repeat;
list-style:none;
font-family:Helvetica, sans-serif;
color:#CCC;
font-size:12px;
text-shadow:0 1px 1px #000;
padding:2px 0 5px 20px;
}

div.listCol li ul li {
text-indent:-1px;
list-style:circle;
background:none;
margin:0 0 0 15px;
padding:0 0 5px;
}

a#servButton {
text-indent:-9999px;
display:block;
width:192px;
height:32px;
float:left;
margin-left:10px;
background:url(images/quote_button.png) center center no-repeat;
padding:15px 10px;
}

.portItem {
float:left;
width:430px;
padding:20px;
}

.itemContent {
margin-left:230px;
width:200px;
}

div.itemContent li {
background:url(images/4.png) top left no-repeat;
list-style:none;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#999;
text-shadow:0 1px 1px #000;
padding:2px 0 5px 20px;
}

#portOther a.lb {
border:none;
background:none;
display:block;
width:128px;
}

#portOther li {
float:left;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#999;
text-shadow:0 1px 1px #000;
padding:0 20px 0 28px;
}

#portOther ul {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
display:block;
background:#222;
height:150px;
padding:10px;
}

#footer {
clear:both;
width:100%;
padding-top:15px;
background:url(images/footer_bg.jpg) left top repeat-x #111;
}

#footWrap {
background:url(images/px70a.png) top left repeat;
width:940px;
height:180px;
margin:0 auto;
padding:5px 20px 20px;
}

#foot-col-1 {
display:block;
height:180px;
width:235px;
float:left;
border-right:#666 solid 1px;
text-align:center;
}

#foot-col-2 {
display:block;
height:180px;
width:235px;
float:left;
border-right:#666 solid 1px;
}

#twitter_update_list {
width:220px;
height:150px;
overflow:hidden;
}

#twitter_update_list li {
margin-left:20px;
background:url(images/4.png) no-repeat;
list-style:none;
font-family:Helvetica, sans-serif;
font-size:10px;
color:#999;
padding:0 0 0 20px;
}

#twitter_update_list a {
visibility:hidden;
}

#twitter_update_list span a {
visibility:visible;
color:#00aeef;
}

#foot-col-3 {
display:block;
height:180px;
width:195px;
float:left;
text-align:center;
padding:0 20px;
}

#foot-col-4 {
padding-left:20px;
display:block;
height:180px;
width:205px;
float:left;
border-left:#666 solid 1px;
text-align:center;
}

h3.featured {
font-size:24px;
}

h2 {
font-family:Helvetica, sans-serif;
color:#00aeef;
font-size:84px;
}

h3 {
color:#00aeef;
font-size:18px;
padding-bottom:10px;
}

#s_left h3,#s_right h3 {
padding:0;
}

h3.services {
margin-top:80px;
text-align:center;
}

p {
font-family:Helvetica, sans-serif;
color:#CCC;
font-size:12px;
}

.justify {
text-align:justify;
line-height:1.5;
text-shadow:0 1px 1px #000;
}

#rightWrap a {
font-family:Helvetica, sans-serif;
color:#CCC;
font-size:20px;
text-decoration:none;
padding-top:25px;
}

#content p {
text-shadow:0 1px 1px #000;
}

#footer p {
font-size:10px;
text-align:center;
}

#nav {
position:relative;
width:880px;
height:50px;
margin:5px auto 0;
}

.menu {
list-style:none;
padding:0 0 0 35px;
}

.menu li {
display:block;
float:left;
margin:0;
}

.menu a {
margin-top:17px;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#00aeef;
display:block;
letter-spacing:3px;
}

li#about a {
background:url(images/bullet_inactive.png) center left no-repeat;
margin-left:3px;
padding:0 0 0 17px;
}

li#about a:hover {
background:url(images/bullet_active.png) center left no-repeat;
margin-left:3px;
padding:0 0 0 17px;
}

li#contact a {
background:url(images/bullet_inactive.png) center left no-repeat;
margin-left:82px;
padding:0 0 0 17px;
}

li#contact a:hover {
background:url(images/bullet_active.png) center left no-repeat;
margin-lieft:82px;
padding:0 0 0 17px;
}

li#blog a {
background:url(images/bullet_inactive.png) center left no-repeat;
margin-left:90px;
padding:0 0 0 17px;
}

li#blog a:hover {
background:url(images/bullet_active.png) center left no-repeat;
margin-lieft:90px;
padding:0 0 0 17px;
}

#jquery-overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}

#jquery-lightbox {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox-container-image-box {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#lightbox-container-image {
padding:10px;
}

#lightbox-loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#lightbox-nav {
display:hidden;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#lightbox-container-image-box > #lightbox-nav {
left:0;
}

#lightbox-nav a {
outline:none;
}

#lightbox-nav-btnPrev,#lightbox-nav-btnNext {
width:49%;
height:100%;
zoom:1px;
display:block;
}

#lightbox-nav-btnPrev {
left:0;
float:left;
}

#lightbox-nav-btnNext {
right:0;
float:right;
}

#lightbox-container-image-data-box {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
padding:0 10px;
}

#lightbox-container-image-data {
color:#666;
padding:0 10px;
}

#lightbox-container-image-data #lightbox-image-details {
width:70%;
float:left;
text-align:left;
}

#lightbox-image-details-currentNumber {
display:block;
clear:left;
padding-bottom:1em;
}

#lightbox-secNav-btnClose {
width:66px;
float:right;
padding-bottom:0.7em;
}

#contactForm input.submit {
background:url(images/submit.png) no-repeat center center;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
border:none;
padding:7px 16px 7px 14px;
}

#contactForm input.submit:hover {
background:url(images/submitHover.png) center center no-repeat;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
padding:7px 16px 7px 14px;
}

#contactFormContainer {
width:355px;
height:480px;
}

#contactForm .input_boxes {
float:left;
width:204px;
}

#contactForm textarea {
background:#222;
font-family:Helvetica, sans-serif;
font-size:16px;
color:#999;
width:275px;
height:191px;
line-height:14px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
padding:4px 0 0 4px;
}

#contactForm input {
background:#222;
font-family:Helvetica, sans-serif;
font-size:16px;
color:#999;
width:255px;
height:30px;
line-height:11px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
padding:7px 0 0 4px;
}

#contactForm label {
padding-left:4px;
font-weight:700;
}

#contactForm p {
padding-bottom:8px;
}

.select {
float:left;
width:200px;
}

div.quoteform_text input.button {
background:url(images/submit.png) no-repeat center center;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
border:none;
padding:7px 16px 57px 14px;
}

div.quoteform_text input.button:hover {
background:url(images/submitHover.png) no-repeat center center;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
border:none;
padding:7px 16px 57px 14px;
}

div.quoteform_text textarea {
background:#222;
height:150px;
width:480px;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#ccc;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
margin-top:10px;
padding:7px 0 0 4px;
}

div.post {
width:547px;
float:left;
padding:0 20px 20px;
}

#sidebar {
margin-left:590px;
padding:0 20px 20px 50px;
}

#sidebar ul#recentcomments {
border:solid 4px #111;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

#sidebar ul#recentcomments li {
text-shadow:0 1px 1px #000;
font-family:Helvetica, sans-serif;
color:#CCC;
font-size:12px;
padding:10px;
}

.comment {
font-family:Helvetica, sans-serif;
color:#CCC;
font-size:12px;
padding:10px;
}

.commentlist {
margin-left:-10px;
border:solid 4px #111;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

#comment {
background:#222;
font-family:Helvetica, sans-serif;
font-size:16px;
color:#999;
width:275px;
height:191px;
line-height:14px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
margin-top:10px;
padding:4px 0 0 4px;
}

#commentform p input#submit {
background:url(images/submit.png) no-repeat center center;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
border:none;
text-indent:-9999px;
padding:7px 16px 57px 14px;
}

#commentform p input#submit:hover {
background:url(images/submitHover.png) no-repeat center center;
height:37px;
width:185px;
cursor:pointer;
clear:left;
float:left;
border:none;
text-indent:-9999px;
padding:7px 16px 57px 14px;
}

.alignright {
float:right;
}

.storycontent {
background:url(images/comments_bg.png) top left repeat;
margin-left:-10px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
padding:10px;
}

.storycontent p {
padding-bottom:10px;
}

.kjgrcGravatar {
padding-right:5px;
}

#sidebar ul#recentcomments li span {
color:#00aeef;
font-weight:700;
}

#sidebar ul#recentcomments li a {
font-size:12px;
color:#00aeef;
font-family:helvetica;
text-decoration:none;
font-weight:700;
}

.fn {
font-style:normal;
}

a.contentjumplinknext {
font-family:Helvetica, sans-serif;
color:#00aeef;
font-size:12px;
text-decoration:none;
float:right;
}

a.contentjumplinkback {
font-family:Helvetica, sans-serif;
color:#00aeef;
font-size:12px;
text-decoration:none;
float:left;
}

a.more-link {
color:#00aeef;
text-decoration:none;
font-size:14px;
display:block;
}

.featured-img,#jquery-lightbox a img {
border:none;
}

a#lb:hover,a.lb:hover {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#333;
border:solid 4px #00aeef;
}

#content-right a#quote:hover,a#servButton:hover {
background:url(images/quoteHover.png) center center no-repeat;
}

#rightWrap img,div.portItem a.lb,.quoteform,.quoteform_text,.alignleft {
float:left;
}

div.itemContent ul,.depth-2,.depth-3,.navigation {
margin-top:10px;
}

#foot-col-3 a,#foot-col-4 a {
font-size:12px;
color:#00aeef;
text-decoration:none;
font-family:Helvetica, sans-serif;
display:block;
text-align:center;
background:#222;
border:solid 4px #111;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding:5px 0;
}

#foot-col-3 a:visited,#foot-col-4 a:visited,#content a,#content a:visited {
color:#00aeef;
text-decoration:none;
font-family:Helvetica, sans-serif;
}

#foot-col-3 a:hover,#foot-col-4 a:hover,#contactForm textarea:focus,#contactForm input:focus,div.quoteform_text input:focus,div.quoteform_text textarea:focus,#commentform p input:focus {
border:solid 4px #00aeef;
}

#foot-col-2 h3,#foot-col-3 h3 {
color:#00aeef;
font-size:18px;
text-align:center;
}

#rightWrap a:hover,#content a:hover,#sidebar ul#categories li a:hover,#sidebar ul#recentposts li a:hover,div.meta a:hover,div.feedback a:hover,#sidebar ul#recentcomments li a:hover,a.url:hover,.comment-meta a:hover,#commentform a:hover,div.navigation a:hover,a.contentjumplinknext:hover,a.contentjumplinkback:hover,a.more-link:hover,a.comment-reply-link:hover,a#cancel-comment-reply-link:hover {
text-decoration:underline;
}

strong,#lightbox-image-details-caption {
font-weight:700;
}

li#services a,li#portfolio a {
background:url(images/bullet_inactive.png) center left no-repeat;
margin-left:88px;
padding:0 0 0 17px;
}

li#services a:hover,li#portfolio a:hover {
background:url(images/bullet_active.png) center left no-repeat;
margin-lieft:88px;
padding:0 0 0 17px;
}

#messageSent,span.contentjumplinknext,span.contentjumplinkback {
display:none;
}

#contactForm span,.select span {
display:none;
font-size:9px;
line-height:10px;
padding-left:6px;
color:#f5c478;
}

.bar,.qbar {
display:none;
background:url(images/ajax-loader.gif) no-repeat center;
margin-top:100px;
height:40px;
width:230px;
}

div.quoteform_text input,#commentform p input {
background:#222;
height:25px;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#ccc;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:solid 4px #111;
margin-top:10px;
padding:7px 0 0 4px;
}

#sidebar ul#recentcomments li:nth-child(odd),.even {
background:url(images/comments_bg.png) top left repeat;
}

#sidebar ul#recentcomments li:nth-child(even),.odd {
background:url(images/comments_bg2.png) top left repeat;
}

#respond,.meta {
padding-top:10px;
}

.comment-meta,h3#comments {
padding-bottom:20px;
}

h3 a,h3 a:hover {
color:#00aeef;
font-size:18px;
padding-bottom:10px;
text-decoration:none;
}

#sidebar ul#categories li a,#sidebar ul#recentposts li a {
color:#ccc;
font-family:helvetica;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
}

div.meta p,#commentform p {
font-size:10px;
}

div.meta a,a.url {
color:#00aeef;
font-family:helvetica;
text-decoration:none;
}

div.feedback a,.comment-meta a,#commentform a,div.navigation a,a.comment-reply-link,a#cancel-comment-reply-link {
font-size:10px;
color:#00aeef;
font-family:helvetica;
text-decoration:none;
}