* {
  margin: 0;
  padding: 0;
}

body {
  background: #ecd178 url('imgs/bg.jpg') repeat top left;
  color: #575344;
  font-family: Verdana, Tahoma, Sans-Serif;
  text-align: center;
}

#container {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

a {
  color: #E66F1D;
}

span.highlight {
  background: #868686;
  color: #fff;
  padding: 2px 5px;
}

/* Header */

#header {
  background: #1a1a1a url('imgs/header_bg.jpg') no-repeat top left;
  height: 74px;
  margin-top: 50px;
}

#header h1 {
  float: left;
}

#header h1 a {
  background: transparent url('imgs/logo.jpg') no-repeat top left;
  display: block;
  height: 74px;
  margin-left: 40px;
  text-indent: -10000px;
  width: 288px;
}

#header ul {
  display: inline;
  float: right;
  list-style: none;
  margin-top: 28px; margin-right: 40px;
}

#header ul li {
  float: left;
  font-size: 18px;
  margin-left: 50px;
}

#header ul li a {
  color: #ecba09;
  text-decoration: none;
}

#header ul li a:hover {
  color: #e86e1c;
}

/* Splash */

#splash {
  background: #fff;
  border: 1px solid #ecba09; border-top: 0;
  overflow: hidden;
  margin-bottom: 50px;
  padding: 30px;
  text-align: center;
  width: 899px;
}

#splash h2 { margin-bottom: 20px; font-size: 40px; line-height: 60px; }
#splash a { text-decoration: none; }

#splash a.order {
  background: transparent url('imgs/order.jpg') no-repeat top left;
  display: inline;
  float: left;
  height: 55px;
  margin-left: 360px;
  text-indent: -10000px;
  width: 190px;
}

#splash a.order:hover {
  background: transparent url('imgs/order.jpg') no-repeat bottom left;
}

/* Testimonials */

#testimonial {
  background: transparent url('imgs/testimonial_bg.jpg') no-repeat top left;
  height: 191px;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 27px 27px 27px 30px;
  position: relative;
  width: 903px;
}

#testimonial blockquote {
  float: left;
  width: 600px;
}

#testimonial blockquote h3 {
  color: #e86e1c;
  font-size: 18px; font-weight: normal;
  margin-bottom: 27px;
}

#testimonial blockquote p {
  color: #575344;
  font-size: 24px;
  font-style: italic;
  line-height: 32px;
}

#testimonial blockquote a {
  color: #e86e1c;
  font-size: 12px;
  text-decoration: none;
  position: absolute; bottom: 32px; left: 27px;
}

#testimonial img {
  background: #fff;
  border: 1px solid #dad6c9;
  float: right;
  padding: 7px;
}

/* Info */

#info {
  background: transparent url('imgs/info_bg.jpg') no-repeat top left;
  color: #868686;
  font-size: 14px;
  height: 286px;
  overflow: hidden;
  padding: 37px 30px 29px 30px;
  width: 900px;
}

#info h3 {
  color: #e4e4e4;
  font-size: 18px;
  margin-bottom: 23px;
}

#info h3 span {
  color: #e86e1c;
}

#info .col-1 {
  float: left;
  width: 600px;
}

#info .col-1 p {
  line-height: 24px;
  margin-bottom: 20px;
}

#info .col-2 {
  float: right;
  width: 265px;
}

#info .jcarousel-skin-recentprojects .jcarousel-container {
  height: 190px;
  position: relative;
  width: 265px;
}

#info .jcarousel-skin-recentprojects .jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 265px;

}

#info .jcarousel-skin-recentprojects .jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#info .jcarousel-skin-recentprojects .jcarousel-list li,
#info .jcarousel-skin-recentprojects .jcarousel-item {
  background: #606060;
  border: 1px solid #929292;
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 249px;
  height: 174px;
  padding: 7px;
}

#info .jcarousel-skin-recentprojects .jcarousel-next {
  background: transparent url('imgs/carousel_arrow.png') no-repeat bottom right;
  height: 30px;
  width: 30px;
  z-index: 3;
  display: none;
  position: absolute; bottom: -50px; right: 0;
}

#info .jcarousel-skin-recentprojects .jcarousel-next:hover {
  background: transparent url('imgs/carousel_arrow.png') no-repeat top right;
}

#info .jcarousel-skin-recentprojects .jcarousel-prev {
  background: transparent url('imgs/carousel_arrow.png') no-repeat bottom left;
  height: 30px;
  width: 30px;
  z-index: 3;
  display: none;
  position: absolute; bottom: -50px; left: 0;
}

#info .jcarousel-skin-recentprojects .jcarousel-prev:hover {
  background: transparent url('imgs/carousel_arrow.png') no-repeat top left;
} 

#info .jcarousel-skin-recentprojects .jcarousel-prev {
  z-index: 3;
  display: none;
}

/* Content */

#content {
  background: #fff;
  border: 1px solid #ecba09; border-top: 0;
  padding: 40px 20px 20px 20px;
}

#content h2 {
  margin-bottom: 20px;
}

#content p {
  line-height: 24px;
  margin-bottom: 15px;
  font-size: 14px;
}

/* Order */

#order {
  width: 612px;
  margin: 0 auto;
  padding: 40px 0px 30px 0px;
}

#order h3 {
  color: #575344;
  font-size: 24px; font-weight: normal;
  margin-bottom: 20px;
  width: 200px;
}

#order #summary {
  background: #ecd078;
  border: 1px solid #ecba09;
  font-size: 14px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 0 20px;
  height: 80px;
}

#order #summary p {
  float: left;
  line-height: 80px;
  padding-right: 5px;
}

#order #summary #price {
  font-weight: bold;
  font-size: 30px;
  margin-right: 5px;
}

#order fieldset {
  border: 0;
}

#order #slider-container {
  background: #f7f7f7;
  border: 1px solid #d2d2d2;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 20px 15px;
  width: 582px;
}

#order #slider-container p {
  color: #575344;
  font-size: 17px;
  float: left;
  margin-top: 2px; margin-bottom: 0;
}

#order #slider-container #slider {
  float: left;
  margin-top: 10px;
}

#order #slider-container #slider {
  position: relative;
}

#order #slider-container .ui-widget-content {
  background: #e66915 url('imgs/slider_bg.jpg') repeat-x top left;
  width: 330px;
  height: 6px;
}

#order #slider-container .ui-slider .ui-slider-handle {
  cursor: pointer;
  position: absolute; top: -10px;
}

#order #slider-container .ui-slider-handle {
  display: block;
  width: 28px;
  height: 28px;
  background: transparent url('imgs/slider_arrows.png') no-repeat top center;
  margin-left: -13px;
}

#order #slider-container .ui-state-hover {
  background: transparent url('imgs/slider_arrows.png') no-repeat bottom center;
}

#order #slider-container .minus, #order #slider-container .plus {
  cursor: pointer;
  display: block;
  float: left;
  width: 28px;
  height: 28px;
}

#order #slider-container .minus {
  background: transparent url('imgs/slider_arrows.png') no-repeat top left;
  margin-left: 10px;
  margin-right: -2px;
}

#order #slider-container .minus:hover {
  background: transparent url('imgs/slider_arrows.png') no-repeat bottom left;
}

#order #slider-container .plus {
  background: transparent url('imgs/slider_arrows.png') no-repeat top right;
  margin-right: 10px;
  margin-left:  -2px;
}

#order #slider-container .plus:hover {
  background: transparent url('imgs/slider_arrows.png') no-repeat bottom right;
}

#order fieldset {
  width: 612px;
}

#order fieldset input.text,
#order fieldset textarea {
  width: 596px;
}

#order fieldset input.submit {
  background: transparent url('imgs/order_order.jpg') no-repeat top left;
  border: 0;
  height: 43px;
  width: 128px;
  text-indent: -10000px;
  float: right;
}

#order fieldset input.submit:hover {
  background: transparent url('imgs/order_order.jpg') no-repeat bottom left;
}

#order fieldset span.action {
  font-size: 12px;
}

#order #file_inputQueue {
  margin-top: 10px; margin-bottom: 10px;
}

#order #file_inputQueue .fileUploadQueueItem {
  border: 1px solid #bbbbbb; border-left: 0; border-right: 0;
  color: #646158;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 0px 8px;
}

#order #file_inputQueue .fileUploadQueueItem div.cancel {
  display: inline;
  float: left;
  margin-right: 10px; margin-top: 4px;
  line-height: normal;
}

#order #file_inputQueue .fileUploadQueueItem div.cancel a {
  line-height: normal;
}

#order #file_inputQueue .fileUploadQueueItem .percentage {
  margin-right: 10px;
}

#order #file_inputQueue .complete {
  background-color: #DFFDDD;
  border: 3px solid #BFFBBC;
}

#order #file_inputQueue .error {
  background-color: #FDE5DD;
  border: 3px solid #FBCBBC;
}

/* Fields */

fieldset {
  border: 0;
  margin-bottom: 20px;
}

fieldset p {
  margin-bottom: 25px;
}

fieldset p label {
  color: #575344;
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

input.text {
  background: #fcfaf9;
  border: 1px solid #bbbbbb;
  color: #646158;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 8px;
  width: 700px;
}

textarea {
  background: #fcfaf9;
  border: 1px solid #bbbbbb;
  color: #646158;
  font-family: inherit;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 8px;
  width: 700px;  
}

label.error, .error {
  background-color: #FDE5DD;
  border: 3px solid #FBCBBC;
  font-size: 12px;
  padding: 10px 8px 10px 8px;
  list-style: none;
  width: 696px;
}

.success {
  background-color: #dffddd;
  border: 3px solid #c2fbbc;
  font-size: 12px;
  padding: 10px 8px 10px 8px;
  list-style: none;
  width: 696px;
}

ul.errors {
  background-color: #FDE5DD;
  border: 3px solid #FBCBBC;
  font-size: 12px;
  margin-bottom: 25px;
  padding: 10px 8px 0px 8px;
  list-style: none;
}

ul.errors li {
  margin-bottom: 10px;
}

button.submit {
  background: transparent url('imgs/submit.png') no-repeat top left;
  border: 0;
  height: 43px;
  width: 128px;
  text-indent: -10000px;
}

button.submit:hover {
  background: transparent url('imgs/submit.png') no-repeat bottom left;
}

/* Footer */

#footer {
  font-size: 12px;
  margin: 40px 0px;
  text-align: center;
}

/* Packages */

#packages { margin-bottom: 30px; }
#packages p { font-size: 16px; }
#packages ul { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 612px; }
#packages li { float: left; margin-right: 34px; }
#packages li a { background: #f7f7f7; display: block; float: left; width: 179px; height: 57px; border: 1px solid #d2d2d2; font-size: 14px; line-height: 57px; text-indent: 15px; text-decoration: none;}
#packages li a:hover { background: #fff; }
#packages li a.selected { background: #ecebeb; }
#packages li.wordpress a { line-height: 42px; text-indent: 25px; }
#packages li.wordpress a span { background: url('imgs/wp.png') no-repeat top right; display: inline-block; text-indent: -10000000px; height: 41px; width: 42px; margin-top: 10px; margin-left: 5px; }
#packages li.tumblr a { line-height: 20px; text-indent: 10px; }
#packages li.tumblr a span { background: url('imgs/tumblr.png') no-repeat top right; display: inline-block; text-indent: -10000000px; height: 20px; width: 75px; margin-top: 18px; margin-left: 5px; }
#packages li.custom a { text-align: center; text-indent: 0px; }

p.q { color: #D17437; font-weight: bold; margin-bottom: 5px !important; }
p.a { margin-bottom: 20px !important; }

#landing { margin-bottom: 50px; }
#landing h2 { display: block; text-indent: -100000px; }
#landing h3 { font-size: 24px; color: #575344; text-align: center; margin: 0; margin-bottom: 20px; }

#landing .features { width: 918px; overflow: hidden; }
#landing .features h4 { margin-bottom: 20px; }
#landing .highlights { float: left; width: 300px; padding-left: 60px; }
#landing .highlights h4 { display: block; text-indent: -100000px; width: 165px; height: 33px; background: url('imgs/highlights.png'); }

#landing ul { list-style: none; margin: 0; padding: 0; }
#landing li { background: url('imgs/arrow.png') no-repeat 0 2px; margin-bottom: 10px; padding-left: 30px; font-size: 14px; color: #797569; }

#landing .details { float: right; width: 300px; padding-right: 60px; }
#landing .details h4 { display: block; text-indent: -100000px; width: 109px; height: 26px; background: url('imgs/details.png'); }

#landing .order { margin: 0 auto; margin-bottom: 50px; background: url('imgs/order.jpg') no-repeat top left; display: block; text-indent: -1000000px; width: 190px; height: 55px; }
#landing .order:hover { background-position: bottom left; }

.tumblr h2 { background: url('imgs/designtotumblr.png') no-repeat top left; width: 551px; height: 69px; text-align: center; margin-left: 192px; margin-bottom: 15px; }
.wordpress h2 { background: url('imgs/designtowordpress.png') no-repeat top left; width: 591px; height: 75px; text-align: center; margin-left: 192px; margin-bottom: 15px; }
.custom h2 { background: url('imgs/customservices.png') no-repeat top left; width: 433px; height: 42px; text-align: center; margin: 0 auto; margin-bottom: 15px; }