/* =========================
  orange:     #fa8713 ; (x-F68F1E);
  almost-gray:#695e4a;
  bodybg:     #efefec;
  logo brown: #6c4413;
=========================== */

body {
  padding:20px 20px 60px 20px;margin:0;
  background:#846032 url("img/wallpaper.png") center;
  font:normal 100% Arial,Helvetica,sans-serif;
  color:#555;
}
#containerBox {
  background:white;
  color:#695e4a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  max-width:967px;
  margin:0 auto;
  -moz-box-shadow: 0 8px 30px black;
  -o-box-shadow: 0 0 30px black;
  -icab-box-shadow: 0 0 30px black;
  -khtml-box-shadow: 0 0 30px black;
  -webkit-box-shadow: 0 0 30px black;
  box-shadow:0 0 30px black;
}
#menuBox {
  background:url("img/somo-mobile-advertising-agency.png") 97.8% 50% no-repeat;
  font-size:90%;
  font-weight:bold;
  min-height:95px;
}
#contentBox {
  background:#efefec;
  color:#555;
  padding:20px 35px 45px;
  border-bottom:1px solid #695e4a;
  font-size:90%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;  
}
#footBox {
  padding:30px 45px;
}

a:link {
  color:#6c4413;
  text-decoration:underline;
} a:visited {
  color:#555;  
  text-decoration:underline;
} a:hover {
  color:#fa8713;
  text-decoration:underline;
} a:active {
  color:#6c4413;
  text-decoration:none;
}

p {padding:0;margin:0;}


form { border:0;padding:0;margin:0; }
form label {
  clear:both;
  display:block;
  width:28%;
  float:left;
  text-align:right;
/*  margin-right:10px; */
  font-weight:bold;
  padding:3px 9px 2px 5px;
}
fieldset {
  border:0;padding:0;margin:0;
} 


h1,h2,h3,h4 {
  color:#fa8713;
  padding:0;margin:0;
} h1 {
  clear:both;
  font-size:150%;
  padding-bottom:0.7em;
  font-weight:bold;
} h2 {
  color:#695e4a;
  font-size:125%;
  padding-bottom:0.8em;
} h2.bumpy {
  background:url("img/bg-bumpy.png") left top;
  color:white;
  padding:0;margin-bottom:0.8em;
  font-size:180%;
  font-weight:bold;
} .bumpy .bumpyLeft {
  display:block;
  background:url("img/bg-bumpy-left.png") left top no-repeat;
} .bumpy .bumpyRight {
  display:block;
  background:url("img/bg-bumpy-right.png") right top no-repeat;
  padding-left:50px;
  min-height:38px;
} .bumpy span span span {
  position:relative;
  top:4px;
} h2.numbered {
  color:#fa8713;
  font-size:125%;
} .numbered span span span {
  position:relative;
  top:8px;
} .numbered1 .bumpyLeft {
  background:url("img/bg-bumpy-1.png") left top no-repeat;
} .numbered2 .bumpyLeft {
  background:url("img/bg-bumpy-2.png") left top no-repeat;
} .numbered3 .bumpyLeft {
  background:url("img/bg-bumpy-3.png") left top no-repeat;
} .numbered4 .bumpyLeft {
  background:url("img/bg-bumpy-4.png") left top no-repeat;
}


ul.menu {
  list-style-type:none;
  margin:0;padding:45px 250px 45px 35px;
} ul.menu li {
  float:left;
  border-bottom:1px solid #fa8713;
  padding-right:20px; 
} ul.menu li.last {
  padding-right:0;
} ul.menu li a, ul.menu li em {
  display:block;
  background:white;
  padding-bottom:10px;
} ul.menu li a:link {
  color:#6c4413;
  text-decoration:none;
} ul.menu li a:visited {
  color:#695e4a;
  text-decoration:none;
} ul.menu li a:hover {
  color:#fa8713;
  text-decoration:underline;
} ul.menu li em {
  background:white url("img/li-arrowup.png") center bottom no-repeat;
  color:#fa8713;
  font-style:normal;
}

div.block {
  background:white;
  color:#666;
/*  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; */
}
.fixed {
  
}
.padded {
  padding:20px 25px 0 25px;
  
} .fixed p { margin-bottom:1em }
.topGapBigger { margin-top:1.5em; }
.topGapSmall { margin-top:1em; }
.fixedRight .fixed { min-height:426px; }
.fixedRight .padded { padding:20px 25px 0 25px; }
.fixedLeftTop .fixed { min-height:218px; } 
.fixedLeftBottom .fixed { min-height:193px; }
.equalHeight .fixed { min-height:21em; }
.fourBoxed .equalHeight .fixed { min-height:14em; }
.fourBoxed .fixed { border-bottom:1px solid #efefec; }
.clear { clear:both; height:1px; overflow:hidden; }

ul.feat {
  list-style-type:none;
  padding:20px 0 0 0;margin:0;
} ul.feat li {
  padding:0 45px 20px 58px;
  background:url("img/li-star.png") 18px 6px no-repeat;
} ul.feat li .head {
  color:#fa8713;
  font-size:130%;
  font-weight:bold;
  padding-bottom:0.6em;
  padding-top:0.3em
} ul.feat li .cont {
  line-height:1.3em;
}

em.underlined {
  text-decoration:underline;
  font-style:normal;
}

.border {
  float:left;
  height:11px;width:11px;
  overflow:hidden;
  font-size:1pt;
} .topLeft {
  background:url("borders.png") left top no-repeat;
} .topRight {
  background:url("borders.png") right -11px no-repeat;
  float:right;
} .bottomLeft {
  background:url("borders.png") right -22px no-repeat;
  position:relative;bottom:11px;  
} .bottomRight {
  float:right;
  background:url("borders.png") right bottom no-repeat;
  position:relative;bottom:11px;  
}

.border_topLeft {
  background:url("img/border-topLeft.png") left top no-repeat;
} .border_topRight {
  background:url("img/border-topRight.png") right top no-repeat;
} .border_bottomLeft {
  background:url("img/border-bottomLeft.png") left bottom no-repeat;
} .border_bottomRight {
  background:url("img/border-bottomRight.png") right bottom no-repeat;
}


div.out {
  float:right;
} .out img#imgWhy {
  position:relative;
  bottom:43px;
  right:20px;
  border:0;
  margin:0;
} div.absolute {
  position:absolute;
}
.absolute img#imgHome {
  position:relative;
  left:190px;
  bottom:67px;
}



.rightHome {
  float:right;
  width:336px;
}
.leftHome {
  margin-right:360px;
}

form fieldset legend { display:none; }

#iPodLink a {
  margin-top:8px;
  display:block;
  height:332px;
  background:url("img/wall.jpg") 10px top no-repeat;
  text-decoration:none;
} #iPodLink a span#moreText {
  position:relative;
  top:285px;
  left:263px;
  cursor:pointer;
} #iPodLink a:hover span#moreText {
  text-decoration:underline;
  cursor:pointer;
} #iPodLink a span#iPod {
  position:absolute;
  cursor:pointer;
} #iPodLink a span#iPod span {
  display:block;
  width:164px; height:291px;
  background:url("img/mobile-advertising-marketing.gif") top no-repeat;
  position:relative;
  top:13px;
  left:83px;
  cursor:pointer;
}

#mapImg {
  display:block;
  position:relative;
  top:10px; left:10px;
  height:208px;
  background:url("img/view-map.png") left top no-repeat;
  text-decoration:none;
} #mapImg:hover span {
  display:block;
  width:128px;height:8px;
  background:url("img/view-map-hover.png") no-repeat;
  position:relative;left:410px; top:32px;
  text-decoration:none;
}








p#homeIntro {
  text-align:center;
  margin:0 auto;
  font-size:150%;
  position:absolute;
  top:80px;
  width:100%;
}


#content {
  position:absolute;
  top:348px;
  width:100%;
}

#emailResults {
  margin:26px auto 0 auto;
} #emailResults p {
  padding:1em;
  color:#fa8713;
  font-weight:bold;
  text-align:center;
} 

#newsletterForm {
  margin:0 auto;
  background:url("bg_newsletter.gif") top no-repeat;
}
#newsletterForm label {
  display:none;
}

#newsletterContent {
  padding:20px 0 0 0;
} 
#newsletterForm p {
  font-size:100%;
  padding-top:15px;  
}

#newsletterForm input#emailBig {
  display:block;
  background:#FA9206 url("img/inputbg.png") no-repeat;
  border:0;
  color:white;
  font:normal 19px Arial,sans-serif;
  width:354px;
  text-align:center;
  /* height:38px; */
  padding:7px 0 8px 0;
  line-height:22px;
  position:absolute;
}

#goButton {
  display:block;
  background:transparent;
  color:#6c4413;
  font:normal 100% Helvetica,Arial,sans-serif;
  height:38px;
  border:0;
  font-size:20px;
  position:relative;
  left:380px;
  cursor:pointer;
} #goButton:hover {
  color:#fa8713;
}


#contact {
  position:absolute;
  top:157px;
  width:100%;
}
#contact a {
  display:block;
  width:411px;height:69px;
  margin:0 auto;
  position:relative;
  left:270px;
}
#contact a:link {
  background:url("bg_contact.gif") top no-repeat;
} #contact a:visited {
  background:url("bg_contact.gif") top no-repeat;
}
#contact a:hover {
  background:url("bg_contact.gif") bottom no-repeat;
}
#contact a:hover span.poplink {
  text-decoration:underline;
}
#contact a span.poptext {
  font-size:15px;
  color:#695e4a;
  display:block;
  padding:10px 0 0 12px;
  visibility:hidden;
} #contact a:hover span.poptext {
  visibility:visible;
}
#contact a span.poplink {
  position:relative;
  top:6px;
  text-align:right;
  padding:7px 15px 3px 12px;
  display:block;
  font-weight:bold;
  font-size:16px;
  font-family:Helvetica,Arial,sans-serif;
}

span.inner {
  display:block;
}

/* ==================== CONTACT US ======================= */

#contactForm {
  padding-top:20px;
}
#contactForm input.text {
  width:60%;
  border:2px solid #efefec;
  padding:2px 5px;
  margin-bottom:10px;
} #contactForm textarea {
  border:2px solid #efefec;
  overflow:auto;
  width:60%;
  padding:2px 5px;
  height:6.5em;
} #contactForm input.submit {
  border:0;
  background:white;
  color:#fa8713;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  font-size:105%;
  text-align:right;
  width:100%;
  margin-top:10px;
  cursor:pointer;
}

#callus {
  height:6.3em;
  margin-bottom:0;
} #phonenumber {
  color:#6c4413;
  font-weight:bold;
  font-size:150%;
  position:relative;
  bottom:0.3em;
}

#address {
  font-size:15px;
  height:6em;
  margin-bottom:0;
} p#map { margin-bottom:0; }
p#phonenumber { margin-bottom:0; }

#innerRight {
  float:left;
  margin:0 auto 0 0;
  width:39%;
}
#innerLeft {
  float:right;
  margin:0 0 0 auto;
  width:60%;
}
/* h1 {
  font:bold 17px Helvetica,Arial,sans-serif;
  padding:0 0 15px 0;margin:0;
}
h2 {
  font:bold 17px Helvetica,Arial,sans-serif;
  padding:0 0 15px 0;margin:0;
} */

#leftBoxWrapper {
  padding:20px 25px;
}
#rightBoxWrapper {
  padding:20px 25px;
}

#contactResults {
  border:1px dotted #fa8713;
  color:black;
  padding:1em;
  text-align:left;
} #contactResultsError {
  border:1px dotted red;
  color:black;
  padding:1em;
  text-align:left;
} #contactResultsError ul {
  padding:0 0 1em 2em; margin:0;
  
}

.rightPane {
  float:right;
  width:49%;
  margin:0 0 0 auto;
}
.leftPane {
  width:49%;
  margin:0 auto 0 0;
}