body {
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
}

html, body, #container, #header, #breadcrumbs, .maincontent, .content_padder, #mainArea, #content, .clear, .floatLeft, .lactions {
background-color:none;
border: none;
margin: 0;
padding: 0;
}

h1, h2, h3, h4 {
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
color: #f1deba;
}
h1 {
font-size: 2em;
padding: 5px 0 5px 0;
}
h2 {
font-size: 1.5em;
padding: 5px 0 5px 0;
}
h3 {
font-size: 1.3em;
padding: 5px 0 5px 0;
}
h4 {
font-size: 1.1em;
padding: 5px 0 5px 0;
}

table, tr, td {
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
line-height: 1.4em;
}


ul, ol {
padding-left: 30px;
margin: .5em 0 2.5em 30px;
}

ul li {
list-style: disc;
padding-left: 4px;
}
ol li {
list-style:decimal;
padding-left: 4px;
}
.nodot li {
list-style:none;
}


p {
line-height: 1.4em;
padding: 5px 0 5px 0;
}
a {
color: #bbb;
}
a:hover {
color: #bbb;
text-decoration: underline;
}

#header {
background-color: #fff;
width:990px;
margin-left: auto;
margin-right: auto;
padding: 25px 0 25px 0;
}
#mainArea {
background-color:none;
width:100%;
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
min-height: 388px;
background-color: #292929;
color: #fff;
}
#mainArea .minheight {
height: 390px;
width: 2px;
float: left;
}

.midholder {
background:none;
width:990px;
margin-left: auto;
margin-right: auto;
}

#content {
float: left;
background:none;
min-width:510px;
width:510px;
padding:50px 36px 50px 98px;
color: #fff;
}
#bottomBlock {
float: left;
width:510px;
padding:50px 0 50px 0;
}
#rightBlock {
float: left;
width:322px;
padding:52px 12px 50px 0;
}
#footer {
font-size: 11px;
background-color: #fff;
min-width:838px;
width:838px;
padding:1em 0 50px 98px;
color: #aaa;
}

#primary_nav {
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,sans-serif;
padding-top: 17px;
padding-right: 24px;
}
#primary_nav li {
display: inline;
margin: 0 0 0 22px;
} 
#primary_nav a {
font-weight: bold;
text-transform: uppercase;
color: #292929;
text-decoration: none;
}
#primary_nav a:hover {
color: #bbb;
text-decoration: none;
}


fieldset {
border: 1px solid #f1f1f1;
padding: 1em;
margin: 1em 0 1em 0;
background-color: #333;
}
fieldset legend {
color: #f1deba;
}



#mainArea h1 a, 
#mainArea h2 a, 
#mainArea h3 a, 
#mainArea h4 a {
color: #f1deba;
text-decoration: none;
}
#mainArea h1 a:hover, 
#mainArea h2 a:hover, 
#mainArea h3 a:hover, 
#mainArea h4 a:hover {
color: #f1deba;
text-decoration: underline;
}





.block {
margin-bottom: 54px;
padding-bottom: 36px;
}
.category-item {
padding-top: 18px;
padding-bottom: 18px;
clear:both;
}

.block h1 {
font-size: 1.5em;
padding: 5px 0 5px 0;
}
.block h2 {
font-size: 1.3em;
padding: 5px 0 5px 0;
}
.block .category-item {
padding-top: 0;
padding-bottom: 6px;
}
.block .category-item h3 {
font-size: 1em;
padding: 0 0 6px 0;
}
.block .category-item .clear {
display: none;
}


#twitter_div ul li {
padding-top: 8px;
padding-bottom: 8px;
}


a.greenButton {
color: white;
display: block;
float: left;
background-image: url(../img/green_btn.png);
width: 127px;
height: 15px;
text-align: center;
padding: 5px 0 7px 0;
margin: 12px 12px 12px 0;
}
a.greenButton:hover {
}



#twitter_div ul, #twitter_div ol {
padding-left: 0;
margin: 0;
}
#twitter_div ul li {
list-style: none;
}
#twitter_div ol li {
list-style:none;
padding-left: 0;
}
#twitter_div li {
background-color:#86ae4c;
color: #fff;
margin: 0px 0 8px 0;
padding: 20px 14px 20px 14px;
font-size: 11px;
}


.fadeBg { 
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.75;
z-index: 99;
}
#twitter_div li a {
color: #ffffff;
}

.block h1 {
display: block;
font-size: 1.2em;
background-color:#111;
background: none;
color: #f1deba;
margin: 0px 0 8px 0;
padding: 8px 14px 8px 0;
}
#twitter-link {
display: block;
font-size: 11px;
background-color:#333;
color: #fff;
margin: 0px 0 8px 0;
padding: 8px 14px 8px 14px;
}
#block--content-view-follow-us-on-twitter .lactions {
margin: 0px 0 8px 0;
}
#block--content-view-recent-projects {
margin-top: 47px;
}
#block--content-view-stay-in-touch {
background-color:#222;
padding: 8px 14px 8px 14px;
}
#block--content-view-featured-clients {
background-color:#222;
padding: 8px 14px 8px 14px;
}
#block--content-view-featured-clients img {
padding-left:45px;
}

#block--content-form-talk-to-us h1 {
padding: 8px 14px 8px 14px;
}
#block--content-form-talk-to-us {
background-color:#222;
padding-bottom: 14px;
}
#block--content-form-talk-to-us #talk-to-us-form {
padding: 0 14px 0 14px;
}
#block--content-form-talk-to-us #talk-to-us-form input[type=text], #talk-to-us-form textarea {
width:292px;
}




#block--content-form-talk-to-us label.over,
#contact-form label.over {
margin: 4px 0 4px 0;
}
#block--content-form-talk-to-us .stackLeft,
#contact-form .stackLeft {
margin: 0;
}
#block--content-form-talk-to-us input[type=submit],
#contact-form input[type=submit] {
margin: 8px 0 0 0;
}
#block--content-form-talk-to-us .submit,
#contact-form .submit {
margin: 0;
padding: 0;
}

#contact-form {
width: 200px;
}
#contact-form input[type=text],
#contact-form textarea {
width: 300px;
}




/*Lightbox*/
#lightbox #imageData,
#lightbox #imageDetails,
#lightbox #caption,
#lightbox #numberDisplay {
width:300px;
margin-left:auto;
margin-right:auto;
text-align: center;
}


#slider {
width:500px !important;
min-height:300px !important;
position:relative;
-moz-box-shadow:0px 0px 10px #333;
-webkit-box-shadow:0px 0px 10px #333;
box-shadow:0px 0px 10px #333;
background-position:center !important;
background-color: #111;
background-repeat: repeat;
margin: 0;
}
.nivo-slice {
}
.nivoSlider {
margin: 0;
}
.nivo-controlNav a {
background:url('../../../img/nivo-dot.png') no-repeat;
}


.portfolio-thumb {
background:#fff;
float:left;
height:120px;
vertical-align: middle;
margin-right:20px;
overflow:hidden;
}

.listResults {
margin-top: 20px;
}
.listResults tr td {
color: #fff;
background-color: #333;
}
.listResults tr th {
background-color:#eee;
text-align:left;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
padding:5px 14px 5px 6px;
font-weight:bold;
}

.paginator {
margin: 20px 0 20px 0;
}


.clear {
clear:both;
}
.fleft {
float:left;
}
.fright {
float: right;
}

/* icons and screenshots */
p img.fleft {
float:left;
padding-right:12px;
padding-bottom:12px;
}
p img.fright {
float: right;
padding-left:12px;
padding-bottom:12px;
}
.skinny {
margin:0;
padding:0;
width:220px;
}
.screenshot {
padding-top:15px;
padding-bottom:15px;
}
.mobile-screen {
padding-top:6px;
margin-right:30px;
}
.feature-desc {
width:420px;
padding-top:0px;
padding-bottom:20px;
}
#mobileprojects {
       background:#000000;
}











































































