@import "reset.css";

body{margin: 0; padding: 0; color: #808080; font-family: Helvetica; font-size: 12px; background-color: #dcd8cc;}

ul{list-style: none;}

a{color: #7a3030;}
a:hover{color: #3f0b0b;}
/*a:visited{color: #3f0b0b;}*/

.clear{clear: both;}

.twoThirds{width: 60%;}
.oneThirds{width: 32%;}
.left{float: left;}
.right{float: right;}
.aligncenter{margin: 0 auto; text-align: center;}
.txtcenter{text-align: center;}

strong{font-weight: bold}

input, textarea{display: block;}
textarea{width: 97%; height: 200px; font-size: 110%; padding: 3px}
label{font-weight: bold; display: block; margin: 10px 0 2px 0;}
hidden{padding: 0;}

h1{font-size: 150%; color: #ffffff; text-transform: uppercase; font-family: Georgia; background-color: #444444; padding: 5px; text-align: left;}
h2{font-size: 140%; color: #4b4b4b; text-transform: uppercase; font-family: Georgia;}
h3{font-size: 120%; color: #4b4b4b; text-transform: uppercase; font-family: Georgia; margin-top: 25px;}

.wrapper{width: 903px; margin: 0 auto; padding: 24px 33px;}
#whiteBox{background-color: #ffffff; border-left: 7px solid #ece9e4; border-right: 7px solid #ece9e4;}
#whiteBoxStop{background-color: #ffffff; border-left: 7px solid #ece9e4; border-right: 7px solid #ece9e4;  border-bottom: 7px solid #ece9e4;  }
#blackBox{background-color: #242424;border-bottom: 7px solid #ece9e4; clear: both; border-left: 7px solid #ece9e4; border-right: 7px solid #ece9e4;}
#blackBox h2{color: #fafad4; }
#blackBox h2 a{color: #fafad4; text-decoration: none;}
#blackBox h2 a:hover{color: #fafad4; text-decoration: underline;}
#blackBox h2 a:hover{text-decoration: underline;}

.mobileAd{margin-left: -9px; float: left; width: 919px; margin-bottom: 24px; margin-top: 12px; height: 356px; }
.mobileAd h1{background-color: transparent;}
.mobileAd h1 a{padding: 0;  text-indent: -9000px;  display: block; }
.mobileAd p{padding: 0; margin: -3px 0 0 65px; width: 390px; font-size: 110%; line-height: 1.4; color: #545454;}
.mobileAd ul{font-size: 140%; font-family: Georgia; color: #202020; margin-left: 75px; margin-top: 25px}
.mobileAd ul li{background: transparent url(/media/layout/arrow.gif) top left no-repeat; padding-left: 25px; height: 20px; padding-top: 2px; margin-bottom: 3px}
.mobileAd ul li a{color: #202020; text-decoration: none;}
.mobileAd ul li a:hover{text-decoration: underline;}

.emailAd{background: transparent url(/media/layout/mobile4.gif) top left no-repeat; }
.emailAd h1{background: transparent url(/media/layout/emailmrk.png) top left no-repeat; margin: 40px 0 0 50px; height: 78px; width: 321px;}
.txtAd{background: transparent url(/media/layout/mobile2.jpg) top left no-repeat; }
.txtAd h1{background: transparent url(/media/layout/mobileHeader.png) top left no-repeat; width: 359px; height: 72px;margin: 40px 0 0 40px;}

#logo{background: transparent url(../media/layout/logo.gif) top left; width: 219px; height: 75px; text-indent: -9000px; display: block; float: left;}

#utilityNav{float: right;}
#utilityNav a{color: #808080}
#utilityNav a:hover{color: #333333;}
#utilityNav li{float: left; padding-left: 15px;}

#mainNav{float: right; clear: right; color: #4b4b4b; font-family: Georgia; font-size: 120%; text-transform: uppercase; letter-spacing: 2px; margin-top: 49px; width: 500px;}
#mainNav a{color: #4b4b4b; text-decoration: none;}
#mainNav a:hover{color: #7a3030;}
#mainNav li{float: right; padding-left: 10px; background: transparent url(../media/layout/mainBullet.gif) right center no-repeat; padding-right: 20px;}
#mainNav #last{background: none; padding-right: 0;}


.column{width: 275px; float: left; margin-right: 35px;}
.column p{text-align: justify; line-height: 2;}
.column h2{height: 25px; line-height: 1; padding-top: 9px;}
#design h2{background: transparent url(../media/layout/icons/bulb.gif) left top no-repeat; padding-left:20px;}
#marketing h2{background: transparent url(../media/layout/icons/chart.gif) left top no-repeat;padding-left:30px;}
#development h2{background: transparent url(../media/layout/icons/flow.gif) left top no-repeat; padding-left: 34px;}
#development{margin-right: 0;}

#recentBlogPost{width: 47%; float: left; margin-right: 45px;}
#recentBlogPost p{line-height: 1.3; padding-top: 10px}
#recentBlogPost a{color: #808080;}
#recentBlogPost a:hover{color: #b2b2b2;}
#recentBlogLinks{width: 47%; float: left;}


#recentBlogLinks ul{margin-top: 10px;}
#recentBlogLinks ul li{margin: 5px 0;  font-size: 110%; letter-spacing: 2px; line-height: 1.2}
#recentBlogLinks ul li a{color: #ffffff;}

#footer{text-align: center; font-size: 90%;}
#footer #links{margin-top: 10px; color: #4b4b4b; }
#footer #links a{color: #4b4b4b}
#footer .copy{margin-top: 10px;}

#contentChunk{float: left; width: 100%; clear: both;margin-bottom: 24px; margin-top: 12px;}

.project img{background: transparent url(../media/layout/stripes.gif) top left; padding: 7px; float: left; margin-right: 15px}
.project{margin-top: 24px; float: left; background: transparent url(../media/layout/divider.gif) bottom center no-repeat; padding-bottom: 40px;}

.project p{line-height: 2; padding-top: 10px;}
.project .linkers{padding-top:0; line-height: 1;}

#leftColumn{float: left; width: 48%;}
#rightColumn{float: right; width: 48%;}

#leftColumn p, #rightColumn p{line-height: 2; padding-top: 10px;}
#leftColumn .title, #rightColumn .title{line-height: 1; padding-top: 0;}
#leftColumn h2, #rightColumn h2{margin-top: 20px;}

#sem, #wdd, #ecm, #fmh{height: 25px; line-height: 1; padding-top: 7px;}

#sem{background: transparent url(../media/layout/icons/chart.gif) left top no-repeat;padding-left:34px; padding-top: 9px;}
#wdd{background: transparent url(../media/layout/icons/flow.gif) left top no-repeat; padding-left: 34px;}
#ecm{background: transparent url(../media/layout/icons/mail.gif) left top no-repeat;padding-left:34px;}
#fmh{background: transparent url(../media/layout/icons/world.gif) left top no-repeat;padding-left:34px;}

#loginForm, #contactForm{width: 423px; padding: 14px 24px 24px 24px;float: left; background-color: #ece9e4; margin-top: 24px}
#loginForm{margin: 24px auto 0 auto; float: none; }
#loginForm input{width: 97%; padding: 3px 0; font-size: 110%}
#contactForm input{width: 48%; padding: 3px 0; font-size: 110%;}

#loginForm #info{width: 47%; float: left;}
#loginForm #message{width: 47%; float: right; margin-top: 23px}

#loginForm #submit, #contactForm #submit{width: auto; float: right; margin-top: 10px; padding: 3px}

#googleMap{float: right; width: 400px; margin: 24px 0 0 0; border: 3px solid #444444}
#contactForm input[type="hidden"]{margin: 0; padding: 0;}
#contactForm p{margin-top: 10px;}

.info{float: left; width: 435px;}

.divider2{background: transparent url(/media/layout/divider2.gif) top center no-repeat; width: 100%; height: 22px; margin: 20px 0; }

.rightSide{}
#serviceColumn{ background-color: blue;}


/*All BLOG STUFF */

#allPosts{float: left; width: 60%; margin-top: 20px;}
small{font-size: 80%; color: #bdbab2}
small a{color: #b96e6e}
.entry{margin: 10px 0;}
.entry p{margin-bottom: 10px; line-height: 1.5;}
.entry img{margin: 0 8px 8px 0; border: 1px solid #c8c8c8}
.postmetadata{margin-bottom: 20px; font-size: 90%; color: #bdbab2}
#sidebar{float: right; width: 30%; background-color: #ece9e4; padding: 10px; margin-top: 20px;}
#sidebar h2{margin: 10px 0 10px -18px; clear: both; background: transparent url(/media/layout/hebg.gif) top left no-repeat; width: 274px; height: 33px; padding-left: 18px; line-height: 27px}
#sidebar input{margin:2px 0}

#sidebar ul li ul li{background: transparent url(/media/layout/blogArrow.gif) top left no-repeat; padding-left: 25px; height: 20px; padding-top: 2px; margin-bottom: 30px}

#sidebar #searchform{float: left; margin-bottom: 20px;}

#sidebar ul li ul{font-size: 110%; font-family: Georgia; color: #202020;}

#sidebar ul li ul li a{color: #202020; text-decoration: none;}
#sidebar ul li ul li a:hover{text-decoration: underline;}

.entry ul{margin:20px 0 20px 20px;}
.entry ul li{background: transparent url(/media/layout/whiteArrow.gif) top left no-repeat; padding-left: 25px; padding-top: 2px; margin-bottom: 8px; line-height: 1.5}

#contactInfo{margin-bottom: 20px}
#contactInfo dt{font-weight: bold; float: left; padding-right: 5px}
#contactInfo dl{margin: 10px 0}

#phone{font-size: 150%; font-family: Georgia; margin-top: -5px;}

#contentChunk ol{margin: 20px 0 20px 50px;}
#contentChunk ol li{margin-bottom: 10px;}

.alignleft{float: left;}

#subForm input{padding: 3px 0; font-size: 110%}
.submit, #searchsubmit{background-color: #333333; border: 2px solid #ffffff; color: #ffffff; font-weight: bold;}
.submit:hover{color: #fafafa; cursor: pointer;}
#subForm .submit{margin-bottom: 20px; margin-top: 10px; padding: 3px}

.legalChunk{width: 500px; margin: 0 auto; text-align: justify;}
.legalChunk p{line-height: normal; margin-top: 20px;}

.content p{padding-bottom: 10px; line-height: 2;}
.content ul{margin: 30px 0 20px 30px}
.content ul li{background: transparent url(/media/layout/whiteArrow.gif) top left no-repeat; padding-left: 25px; margin-bottom: 8px;  font-size: 120%; color: #333333; line-height: 1.5;}
#emailTitle{background: transparent url(/media/layout/emailservices.gif) top left no-repeat; height: 68px; width: 466px; text-indent: -9000px; margin-bottom: 5px; margin-top: 15px; }

.borderBox{background: transparent url(/media/layout/borderboxtop.gif) top left no-repeat; width: 262px; margin-top: 93px; padding: 15px 25px;}
.borderBox p{line-height: normal;}
.borderBox h3{margin: 10px 0;}
.borderBoxBottom{background: transparent url(/media/layout/borderboxbottom.gif) top left no-repeat; width: 312px; height: 30px;}
.hideme{display: none;}

b{font-weight: bold; color: #000000}

#pricePitch, #textPitch{background-color: #d2e7ff; padding: 18px; font-size: 23px; color: #424242;  text-align: center; text-shadow: -1px -1px #e8f3ff; border: 2px solid #90c2fb; line-height: 1; margin: 20px 0 30px 0;}
#pricePitch span, #textPitch span{font-weight: bold; font-size: 25px; color: #2b69af;}

#textPitch{margin-top: 120px; padding: 10px}

#redAlert{background-color: #ffa78f; border: 2px solid #ff653c; padding: 20px; margin: 20px 0 30px 0;}

#txtmbLogo{margin: 20px 0 10px 0;}

#txtBox{margin: 0;}
#sharedText{background: transparent url(/media/layout/sharedtext.gif) top left no-repeat; display: block; height: 77px; width: 476px; text-indent: -9000px; margin-top: 25px; margin-bottom: 10px}

.slideShow{display: block; margin-top: 80px; margin-bottom: 35px;}