* {
margin:0;
padding:0;
}

a{
text-decoration:none;
color:black;
}

p {
margin-top:15px;
}

img {
border:0;
}

a:visited{
color:black;
}

body {
border-top:6px solid #2867AC;
background-color:#D7CBB7;
font-family:"Myriad Pro",Corbel,Tahoma,"Lucida Grande","Bitstream Vera Sans",Arial,Helvetica,sans-serif;
font-size:14px;

}

#navbar {
background-color: white;
height:50px;
width:100%;
}

#nbcontent {
width:970px;
margin:0 auto;
overflow:hidden;
}

#nbcontent img{
margin-top:7px;
float:left;
}

#nblinks{
display:inline;
margin-top:28px;
margin-left:40px;
float:left;
font-size:14px;
}

#nblinks a:hover, .nblinkactive{
border-bottom: 3px solid #2867AC;
}

#nbcontent a{
margin:0 10px 0;
color:#54514E;
font-weight:bold;
}

#navshadow {
background:transparent url(/media/images/navbar_shadow.png) repeat-x scroll center top;
width:100%;
top:56px;
position:absolute;
height:10px;
padding-bottom:10px;

}

#content {
width:981px;
background:#FFFFFF url(/media/images/content_right_shadow.png) repeat-y scroll right top;
border-left:1px solid #C8BDBD;
margin:0 auto;
min-height:600px;
text-align:left;
}

#content_inside {
width:974px;
}

/* below to be inherited */
#centerbox {
background-color:#F5EFE0;
border-bottom:1px solid #C8BDBD;
border-top:1px solid #C8BDBD;
float:left;
width:100%;
padding:40px 0 0 0;
height:77px;
text-align:center;
}

#centerbox h1, h2{
display:inline;
color:black;
font-size:21px;
}

#centerbox h2{
font-size:14pt;
color:#2867AC;
margin-left:15px;
}

#large_messages {

padding-bottom: 25px;
padding-top:50px;
}

#large_messages img{
float:right;
max-width:295px;
max-height:250px;
}

.message_words{
width:650px;
float:left;
padding-bottom:25px;
padding-left:25px;
background: url(/media/images/page_fold.jpg) no-repeat scroll left bottom;
}

h1{
color:#2867AC;
font-weight:bold;
text-transform:uppercase;
font-size:50px;
}

#services_container{
margin-left:25px;
float:left;
margin-top:55px;
}

#services_container img{
top:20px;
left:1px;
float:left;
position:relative;
}

#servicesbox
{
float:left;
padding:10px;
background:#F8F6EB;
border:1px solid #D9D2BF;
height:220px;
width:600px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
margin-top:-15px;
}

#footer {
height:9px;
width:100%;
background:#FFFFFF url(/media/images/content_bottom_shadow.png) no-repeat scroll left bottom;
border-left:1px solid #C8BDBD;
margin:0 auto;
width:974px;
}

#belowfooter {
margin:0 auto 40px;
padding: 0 0 0 40px;
width:974px;
font-size:10px;
}

#belowfooter img {
margin:0;
}

#belowfooter p {
float:left;
margin:0;
}


#contactinfo{
height:110px;
width:100%;
font-size:11px;
float:left;

}

#bluebar {
margin: 0pt;
background-color: rgb(40, 103, 172); 
width: 100%;
height: 50px;
float:left;
margin-top:30px;
}

#contactinfo div{
margin-left:20px;
margin-top:40px;
float:left;
}

.title {
font-size:22px;
line-height:30px;
margin-bottom:15px;
border-bottom:1px dotted #CCCCCC;
}

.title a {
color:#2867AC;

}

.post_list {
width:500px;
padding:15px;
float:left;
}

.post_list div {
margin-top:25px;
}

.date {
color:#808080;
font-size:11px;
line-height:1.5em;
}

.services{
margin-top:85px;
margin-left:50px;
float:left;
list-style:none;
clear:both;
width:140px;
font-size:14px;
}
.services li{
margin-bottom:30px;
color:black;
text-transform:uppercase;
}


.contact {
min-height:570px;
padding-bottom:30px !important;
width:500px;
float:left;
}
#contact-form {
float:left;
padding-top:15px;
}

#left-col {
margin:30px 0 0 30px;
}
#left-col input, #left-col textarea, #left-col select {
background:transparent url(/media/images/input_bg.jpg) no-repeat scroll left top;
border:1px solid #EAEBDF;
color:#585451;
float:left;
font-family:Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin-top:5px;
padding:6px;
width:406px;
}
#left-col input:focus, #left-col textarea:focus, #left-col select:focus {
border-color:#BCBDB3;
color:#2D281D;
}
#left-col .row {
float:left;
margin:0 0 25px;
}
#left-col .row-half {
float:left;
margin:0 0 25px;
width:223px;
}
#left-col .row-half input, #left-col .row-half textarea, #left-col .row-half select {
background:#FCFEF3 url(../img/input_bg-half.jpg) no-repeat scroll left top;
width:183px;
}
#left-col .row-half select {
width:197px;
}
#left-col .row-half option {
margin:6px 0;
}
#left-col .form-seperator {
background:transparent url(../img/line-h1.gif) repeat-x scroll left top;
padding-top:22px;
}
#left-col .form-2col {
clear:left;
}

#left-col label {
color:#2D281D;
display:block;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
#left-col span.req {
color:#F9827B;
}
#left-col button {
background:transparent url(../img/button-left.jpg) no-repeat scroll left top;
border:0 none;
color:#555E4E;
float:left;
clear:both;
font-family:"Helvetica";
font-size:11px;
font-weight:bold;
padding:0 0 0 15px;
text-transform:uppercase;
}
#left-col button span {
background:transparent url(../img/button-right.jpg) no-repeat scroll right top;
color:#555E4E;
display:block;
float:left;
height:28px;
line-height:28px;
margin-top:-1px;
padding-right:15px;
position:relative;
text-decoration:none;
white-space:nowrap;
}
#left-col button span:hover {
color:#3A4035;
}


.service {
font-size:18px;
padding:5px 0 0 75px;
min-height:70px;
margin:10px;
background-position:top left;
background-repeat:no-repeat;
}


.service h1 {
font-size:18px;
}

.design {
background-image: url(/media/images/milky_icons/64/27.png);
}

.development{
background-image: url(/media/images/milky_icons/64/21.png);
}

.scalable{
background-image: url(/media/images/milky_icons/64/83.png);
}

.webapp{
background-image: url(/media/images/milky_icons/64/42.png);
}

.securityaudits{
background-image: url(/media/images/milky_icons/64/37.png);
}

.seo{
background-image: url(/media/images/milky_icons/64/16.png);
}

.emailmarketing{
background-image: url(/media/images/milky_icons/64/75.png);
}

.hostingemail{
background-image: url(/media/images/milky_icons/64/120.png);
}

.unix{
background-image: url(/media/images/milky_icons/64/127.png);
}

.api{
background-image: url(/media/images/milky_icons/64/78.png);
}

.cms{
background-image: url(/media/images/milky_icons/64/119.png);
}

.ajax{
background-image: url(/media/images/milky_icons/64/83.png);
}

.photography{
background-image: url(/media/images/milky_icons/64/124.png);
}

.trafficreporting{
background-image: url(/media/images/milky_icons/64/81.png);
}

.consulting{
background-image: url(/media/images/milky_icons/64/65.png);
}

.maintenance{
background-image: url(/media/images/milky_icons/64/66.png);
}

.other{
background-image: url(/media/images/milky_icons/64/122.png);
}

div#freequote {
font-weight:bold;
margin-top:15px;
margin-left:190px;
width:100px;
background: transparent url(/media/images/page_edit.png) no-repeat 33px 0px;
padding: 70px 0 0 28px;
}


.blue {
color:#2867AC;
margin-left:20px;
}

.contacttitle{
display:block;
margin-top:15px;
color:#2867AC;
}

#contactinfo .blue {
color:#2867AC;
margin:0;
}

.listtitle {
margin-top:40px;
margin-left:50px;
float:left;
text-decoration:underline;
}

.aboutbox {
float:left;
width:305px;
margin: 0px 0 30px 25px;
}

.aboutbox img {
border:1px solid #CCCCCC;
padding:4px;
width:295px;
}

#rightpanel {
float:left;
width:305px;
margin-top:-110px;
}

#contact-form label.error{
color:#97352B;
}

.contactactive {
border-bottom: 3px solid #2867AC;
}

#middle_wrapper {
padding: 15px 15px 15px 15px;
}

#project-planner {
float:left;
}

#rightbox {
float:left;
width:300px;
margin:110px 0 0 30px;
}

h1.explanation {
font-size:18px;
margin:20px;
color:black;
text-decoration:underline;
}

#stage {
position:relative;
margin-bottom:15px;
padding:9px 10px;
width:590px;
height:308px;
}

#indexstage {
position:relative;
margin-bottom:15px;
padding:9px 10px;
width:590px;
height:308px;
}

#indexstage img {
float:left;
height:108px;
width:108px;
margin:10px;
margin-bottom:20px;
}

#stage_icon {
width:590px;
height:308px;
background:transparent url(/media/images/magnifying_glass.png) no-repeat 515px 230px;;
position:absolute;
top:0;
left:0;
opacity:0;
}

#stageoverlay {
width:590px;
height:308px;
background:transparent url(/media/images/screenshot_overlay.png) no-repeat scroll left top;
position:absolute;
top:0;
left:0;
}

div#photoimgs {
width:570px;
height:288px;
}

#stage img {
height:288px;
width:570px;
display:block;
}

#mainstage {
float:left;
margin-top:15px;
}

#sidestage {
margin-top:15px;
background-color:#F8F6EB;
border:1px solid #E3DECD;
float:left;
padding:10px;
height:280px;
width:300px;
}

#sidestage h1 {
font-size:18px;
}

.hidden {
display:none;
}


.featured {
float:left;
clear:both;
margin:30px 10px;
width:550px;
padding-left:30px;
height:235px;
border:1px solid #E3DECD;
background-color:#F9F6EB;
clear:both;
}

#testimonial {
width:300px;
background-color:#F8F6EB;
border:1px solid #E3DECD;
float:left;
margin:10px;
padding:10px;
font-size:12px;
}

.bigred {
color: #97352B;
font-size:30px;
}

.red {
font-weight:bold;
color: #97352B;
display:block;
margin:10px;
}


.success {
   background: url(/media/images/milky_icons/64/30.png) no-repeat 15px 15px;   
    padding: 15px 15px 15px 85px;
margin-top:25px;
margin-left:10px;
  background-color: white;
color:black;
  border: 1px solid #529214;
width:300px;
height:80px;
display:none;
}

#getaquote {
margin-right:30px;
}

#footerkeywords {
margin:30px auto;
width:981px;
}

#footerkeywords a {
font-size:11px;
}

#text {
padding:20px;
margin: 30px 0;
float:left;
}

#text h1 {
font-size: 20px;
text-transform:none;
}

#text p{
margin:20px 0;
}