/*
Theme Name: The Site Slinger
Theme URI: http://www.thesiteslinger.com
Author: Connor Hood
Version: 1.0
*/

/* css by peter.  check it for ie goodness: */
#cmsCost{display: none;}
#fastCost{display: none;}
#payAfterCost{display: none;}
#advancedCost{display: none;}
#bigProjectPricing{display:none; width: 220px; margin-right: 20px;}
#advOptions, #details{display:none;}


div#lightbox{
	position: absolute;
	width: 400px;
	height: 400px;
	background-color: #fff;
	z-index: 100;
	padding: 20px;
	display: none;
	border: 1px solid black;
}
div#fader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300%;
	z-index: 90;
	background-color: #000;
	opacity: 0.5;
	display: none;
	cursor: pointer;
}



/* end css  by peter */
#numb {width: 298px; height: 35px; font-size: 18px; color: #ED9100;background: url(img/numb.jpg) no-repeat; position: absolute; top: -15px; right: 0; text-align: center; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; padding: 7px 0 0 0;}#numb span {color: white;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear: both; height: 0px;}

body {font-family: "proxima-nova-1","proxima-nova-2", Verdana, Arial, Helvetica, 'sans serif'; }


.container {margin: auto; overflow: hidden; width: 983px;}

#top_content_container {overflow: hidden; padding: 0 0 30px 0;}
#header {padding: 15px 0; overflow: hidden; background: #111111; min-width: 983px;}#header .container { position: relative; overflow: visible;}
#top_content {overflow: hidden; background: url(img/content_bg.gif) white repeat-x; min-width: 983px;}
#bottom_content {overflow: hidden; background: white; min-width: 983px;}
#navigation {height: 70px; background: url(img/nav_bg.gif) repeat-x; padding: 1px 0 0 0; overflow: hidden; min-width: 983px;}




#navigation ul {text-indent: -9999px; overflow: hidden;}
#navigation ul li {display: block; float: left; width: 132px; height: 70px;}
#navigation ul li#last {display: block; float: left; width: 191px; height: 70px;}
#navigation ul li a {display: block; width: 132px; height: 70px; background-position: top center; background-repeat: no-repeat;}
#navigation ul li#last a {display: block; width: 191px; height: 70px; background-position: center center; background-repeat: no-repeat;}
#navigation ul li a:hover {background-position: bottom center;}
#navigation ul li#last a:hover {background-position: bottom center;}
#navigation ul li.current a {background-position: center center;}

#navigation ul li a#home {background-image: url(img/home_nav.png) 
!important; background-image: url(img/home_nav.gif);}
#navigation ul li a#aboutus {background-image: url(img/about_nav.png)!important; background-image: url(img/about_nav.gif);}
#navigation ul li a#portfolio {background-image: url(img/portfolio_nav.png)!important; background-image: url(img/portfolio_nav.gif);}
#navigation ul li a#blog {background-image: url(img/blog_nav.png)!important ; background-image: url(img/blog_nav.gif);}
#navigation ul li a#faq {background-image: url(img/faq_nav.png) !important; background-image: url(img/faq_nav.gif);}
#navigation ul li a#contact {background-image: url(img/contact_nav.png) !important; background-image: url(img/contact_nav.gif)}
#navigation ul li a#order {background-image: url(img/order_now.png) !important; background-image: url(img/order_now.gif);}

#inner_page h2 {width: 489px; height: 139px; float: left; position: relative; left: -10px;}
#inner_page h3 {font-size: 17px; font-weight: normal; line-height: 25px; float: right; width: 485px; margin: 20px 0 0 0;}
#inner_page h3 span, #inner_page h3 a {color: #fd9100;}

#headleft {width: 466px; float: left; text-align: center; padding: 50px 0 0 0;}

#headleft h1 { font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; font-size: 41px; color: black; font-weight: normal; line-height: 45px;}
#headleft h1 span {font-weight: bold; color: #ed9100;}
#headleft h1 strong {display: block; font-weight: bold;}
#headleft h2 {font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; font-size: 41px; color: black; font-weight: bold; line-height: 45px;}
#headleft h2.wp {background: url(img/wordpressconvert.png) no-repeat; width: 466px; height: 283px; text-indent: -9999px;}
#headleft h6 { font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; font-size: 24px; color: black; font-weight: normal; line-height: 25px; position: relative; margin: -20px 0 5px 0;}
#headleft h5 { font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; font-size: 12px; color: black; font-style: italic; font-weight: normal; line-height: 25px; position: relative; margin-top: 5px;}
#headleft h6 span.red {color: red;}
#headleft h6 #block {display: block; font-size: 18px; display: block;}

#headleft h3 {color: #b4cd45; font-size: 90px; text-align: center; font-weight: normal; margin: 0 auto 15px auto; font-family: "carbon-1","carbon-2"; font-weight: bold; overflow: hidden; width: 350px;}
#headleft h3 span {display: block; float: left; text-align: center;}
#headleft h3 span span {display: block; font-size: 21px; float: none; color: black; text-align: center;}
#headleft h3 span.plus {color: black; font-size: 60px; padding: 20px 0 0 0;}
#headleft h3 a {color: #ed9100;}
#headleft h4 {width: 198px; margin: 25px auto;}
#headleft h4 a {display: block; text-indent: -9999px; background: url(img/ordernow.gif) no-repeat top left; width: 198px; height: 48px;}
#headleft h4 a:hover {background-position: bottom left;}

#headright {float: right; width: 469px;padding: 25px 15px 0 0;}
#headright h2 {text-align: center; font-size: 21px; font-weight: normal; color: black; line-height: 25px; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif'; padding: 0 0 15px 0;}
#headright h2 span {color: #ff9c00; font-weight: bold;}
#headright h2.wp {width: 469px; height: 80px; background: url(img/thebestwp.png) no-repeat; text-indent: -9999px; }

iframe {border: none;}

#newsbar {height: 40px; background: url(img/latestblog_bg.gif) white repeat-x; min-width: 983px; position: relative;}
.breadcrumb {margin: 12px 0 0 10px; font-size: 13px; color: #666666;}
.breadcrumb a {color: #666666;}
.breadcrumb span {font-weight: bold;}

ol#controls {float: right; margin: 16px 32px 0 0;}
ol#controls li  {float: left; padding: 0 10px 0 0;}
ol#controls li a {width: 10px; display: block; height: 10px; float: left; background: url(img/orangeBtn.gif) no-repeat; text-indent: -9999px;}
ol#controls li.current a {background: url(img/greenBtn.gif) no-repeat;}
#newsbar p {font-size: 13px; color: #666666; float: left; padding: 12px 0 0 10px;}
#newsbar p span {font-weight: bold;}
#newsbar p a {color: #666666;}
#newsbar #nextprev {float: right; margin: 16px 32px 0 0;}
#newsbar #nextprev img {float: left; margin: 0 0 0 10px;}
span#latest {float: left; padding: 12px 0 0 10px; font-size: 13px; color: #666666; font-weight: bold;}
#slider {overflow: hidden; padding: 12px 0 0 0px;  margin: 0 0 0 10px; display: inline; width: 500px; float: left;}
#slider ul {font-size: 13px; color: #666666; float: left;}
#slider ul li {display: block; width: 500px;}
#slider ul li span {font-weight: bold;}
#slider a {color: #666666;}
#leftcol {float: left; width: 652px; padding: 30px 0 20px 6px;}
#leftcol h3 {width: 622px; height: 56px; background: url(img/transform.gif) no-repeat;margin: 0 0 40px 0; text-align: left; font-size: 17px; color: black; line-height: 21px; padding: 25px 15px 15px 15px;}
#leftcol h3 span {color: #ed9100;}
#leftcol h4 {font-size: 24px; font-weight: bold; color: black; margin: 0 0 15px 0; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif';}
#leftcol h4 span {color: #ed9100;}
#leftcol p {color: black; font-size: 13px; line-height: 25px; margin: 0 0 15px 0;}
#leftcol p span {color: #ed9100;}
#leftcol h5 {padding: 20px 0 0 0; border-top: 1px solid #e0e0e0; margin: 30px 0 15px 0; font-size: 22px; color: black; font-weight: normal; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif';}
#leftcol li {height: 23px; padding: 6px 0 0 35px; background: url(img/check.gif) no-repeat left center; font-size: 12px; color: black; margin: 0 0 15px 0;}
#leftcol ul.left {float: left; width: 326px;}
#leftcol ul.right {float: right; width: 326px;}


#rightcol {float: right; width: 285px; padding: 30px 15px 20px 0;}
#rightcol h3 {font-size: 18px; color: black; font-weight: bold; margin: 0 0 20px 0; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif';}
#rightcol h3 span {color: #ed9100;}
#rightcol ul {border-bottom: 1px solid #e0e0e0; padding: 0 0 20px 0; margin: 0 0 20px 0;}
#rightcol li {height: 38px; padding: 2px 0 0 50px; font-weight: bold; font-size: 14px; margin: 0 0 25px 0;}
#rightcol li span {font-weight: normal; font-style: italic; font-size: 10px; display: block;}
#rightcol li.item1 {background: url(img/clock.gif) no-repeat left center;}
#rightcol li.item2 {background: url(img/checkbox.gif) no-repeat left center;}
#rightcol li.item3 {background: url(img/heart.gif) no-repeat left center;}
#rightcol li.item4 {background: url(img/flag.gif) no-repeat left center;}
#rightcol li.item5 {background: url(img/bulb.gif) no-repeat left center;}
#rightcol #browser {width: 203px; margin-left: 33px;}

#newsletter {height: 90px; background: url(img/newsletter_bg.gif) repeat-x; min-width: 983px;}
#newsletter legend {display: none;}
#newsletter .first {width: 242px; padding: 0 0 0 10px; float: left;}
#newsletter .cf-fs1 {width: 241px; float: left;}
#newsletter .cf-fs2 {width: 237px; float: left; margin: 20px 0 0 0;}
#newsletter #sendbutton2 {float: right; width: 230px; height: 49px; background: url(img/signupnow.gif) no-repeat; text-indent: -9999px; font-size: 1px; margin: 19px 22px 0 0; border: none; cursor: pointer; display: inline;}
#newsletter h4 {font-size: 18px; color: black; font-weight: bold; padding-top: 12px; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif';}
#newsletter p {font-size: 12px; color: black; line-height: 18px;}
#newsletter p span {font-weight: bold;}
#newsletter input.single {background: white; width: 192px; color: #666666; padding: 7px 15px; margin: 20px 0 5px 0; font-size: 13px; -moz-border-radius: 15px;
-webkit-border-radius: 15px; border: 1px solid white; float: left;
}
#newsletter input.single:focus {border: 1px solid #ed9100;}
#newsletter label {font-size: 13px; color: black; line-height: 18px;}
#newsletter label span {font-size: 13px;  color: black; line-height: 18px; font-weight: bold;}
#newsletter .extramargin {margin-left: 25px; font-size: 12px; color: black; line-height: 18px;}

#footer {overflow: hidden; background:  #111111;color: white; min-width: 983px;}
#footer #col1 {float: left; margin: 35px 0 20px 10px; width: 217px; display: inline;}
#footer #col2 {float: left; margin: 35px 0 20px 21px; width: 220px; display: inline;}
#footer #col3 {float: left; margin: 35px 0 20px 27px; width: 220px; display: inline;}
#footer #col4 {float: left; margin: 35px 0 20px 19px; width: 222px; display: inline; position: relative; overflow: hidden;}
#footer h4 {font-size: 18px; font-weight: normal; color: white; margin-bottom: 4px; font-family: "ratio-1", "ratio-2", Verdana, Arial, 'sans serif';}
#footer h5 {color: #ed9100; font-size: 12px; font-weight: normal; display: block; padding-bottom: 15px; border-bottom: 1px solid #444444; margin: 0 0 15px 0;}
#footer #col1 p {color: white; font-size: 13px; line-height: 22px;}
#footer p a.bottom {color: #a8d801; font-size: 13px; line-height: 22px; padding: 0 0 0 11px; background: url(img/whiteArrow.gif) no-repeat left center; margin: 15px 0 0 0; display: block;}
#footer #col1 img {float: left; padding: 0 14px 7px 0;}
#footer #col2 h6 {font-weight: normal; font-style: italic; font-size: 13px; line-height: 22px; margin: 0 0 5px 0;}
#footer #col2 p {font-size: 12px; color: #b4b4b4; margin: 0 0 20px 0;}
#footer #col2 span {color: #ed9100; }
#footer #col3 h6 {font-weight: normal; font-size: 13px; line-height: 22px; margin: 0 0 5px 0;}
#footer #col3 p {font-size: 12px; color: #b4b4b4; margin: 0 0 20px 0;}
#footer #col3 a.view {color: #ed9100; }
#footer #col4 input.single {width: 190px; display: block; background: #3b3b3b; border: 1px solid #3b3b3b; font-size: 13px; color: white; padding: 7px 15px; margin: 0 0 10px 0; -moz-border-radius: 15px;
-webkit-border-radius: 15px; float: left;}
#footer #col4 textarea.area {display: block; width: 210px; height: 200px; background: #3b3b3b; border: 1px solid #3b3b3b; font-size: 13px; color: white; font-family: Arial, Helvetica, 'sans serif'; padding: 5px; margin: 0 0 10px 0; display: block; -moz-border-radius: 15px;
-webkit-border-radius: 15px; border-radius: 15px; float: left;}
#footer #col4 fieldset {width: 222px;}
#footer #col4 fieldset legend {display: none;}
#footer #col4 input.single:focus, #footer #col4 textarea.area:focus {border: 1px solid #a8d801;}
#footer #col4 p {float: left; font-size: 12px; color: #a8d801;}
#footer #col4  .fldsreq {float: left; font-size: 12px; color: #a8d801;}
#footer #col4 input#sendbutton {text-align: right; width: 65px; height: 21px; background: url(img/send_btn.gif) no-repeat; font-size: 1px; border: none; cursor: pointer; margin: 0px 0 0 0px;  z-index: 1000; float: right; }

p.linklove {display: none;}
.cf_info {font-size: 12px; color: red;}
input.cf_error {border: 1px solid red;}

#footer_divide {clear: both; background: url(img/footer_divide.gif) no-repeat; width: 983px; height: 9px;}

#footer ul {font-size: 12px; color: #666666; float: left; margin: 0 0 25px 10px; display: block;}
#footer ul li {display: block; float: left; color: #666666;}
#footer ul li#lastli {float: right; color: #666666; display: block;}
#footer ul li span {color: #ed9100;}
#footer ul li a {color: #666666;}
#footer ul li a:hover {text-decoration: none; color: #a8d801;}
#footer h6#sling {float: right; font-size: 12px; color: #666666; font-weight: normal; padding: 0 25px 0 0;}
#footer h6#sling span {color: #ed9100;}



#contact1 {float: left; width: 250px; padding: 30px 25px 30px 10px;}
#contact2 {float: left; width: 300px; padding: 30px 0px 30px 10px;}
#contact3 {float: right; width: 300px; padding: 30px 20px 30px 10px;}

#contact1 h3 {font-size: 14px; font-weight: bold; color: #ed9100; margin: 0 0 15px 0; padding: 0 0 0 39px; background-position: left center; background-repeat: no-repeat;}
#contact1 h3 a {color: black;}
#contact1 h3.sk {background-image: url(img/sk.gif);}
#contact1 h3.ai {background-image: url(img/ai.gif);}
#contact1 h3.zo {background-image: url(img/zo.gif);}
#contact1 h3.fb {background-image: url(img/fb.gif);}
#contact1 h3.tw {background-image: url(img/tw.gif);}
#contact1 h3 span {color: black; font-weight: normal; display: block; margin: 3px 0 0 0;}

#contact2 input.single {width: 260px; display: block; background: #eeeeee; border: 1px solid #3b3b3b; font-size: 13px; color: black; padding: 7px 15px; margin: 0 0 15px 0; -moz-border-radius: 15px;
-webkit-border-radius: 15px; }
#contact2 textarea {display: block; width: 260px; height: 200px; background: #eeeeee; border: 1px solid #3b3b3b; font-size: 13px; color: black; font-family: Arial, Helvetica, 'sans serif'; padding: 5px 15px; margin: 0 0 4px 0; display: block; -moz-border-radius: 15px;
-webkit-border-radius: 15px; border-radius: 15px; }
 #contact2 input.single:focus, #contact2  textarea.area:focus {border: 1px solid #ed9100;}
 #contact2  input#sendbutton7 {text-align: right; width: 85px; height: 27px; background: url(img/contactSubmit.gif) no-repeat; text-indent: -9999px; font-size: 1px; border: none; cursor: pointer; margin: -4px 10px 0 0px; float: right;}
  #contact2  input#sendbutton7:hover {background-position: right center;}


#contact3 #map {background: url(img/msap.gif) no-repeat; width: 270px; height: 308px; padding: 15px; font-size: 13px; color: white; font-weight: normal; text-align: center;}
#contact3 span {font-weight: bold; display: block; color: black;}
#contact3 p {margin: 0 0 6px 0; color: black;}
  
/*BLOG*/
#post-col {width: 684px; float: left; padding: 30px 0 30px 0;}

.post {width: 684px; position: relative; overflow: hidden;}
.post-repeat{background: url(img/post_middle.jpg) repeat-y; width: 550px; position:relative; margin: 0 0 0px 30px; padding: 25px 75px 55px 29px; overflow: hidden;}
.post .top {background: url(img/post_top.jpg) no-repeat; position: absolute; top: 0; left: 0; z-index: 2px; width: 654px; height: 24px;}
.post .bottom {background: url(img/post_bottom.jpg) no-repeat; position: absolute; bottom: 0; left: 0; z-index: 2px; width: 654px; height: 57px;}
.post .z-top {position: relative; z-index: 3;}
.post .post-image {display: block; width: 550px; margin: 0 0 10px 0;}

.post p a {color: #fd9100;}
.post h1 {padding: 0px 0 15px 0; border-bottom: 1px solid #a8d801; margin: 0px 0 15px 0; font-size: 22px; color: black; font-weight: bold; text-transform: uppercase; letter-spacing: -2px;}
.post h3 {padding: 0px 0 8px 0; border-bottom: 1px solid #a8d801; margin: 0px 0 15px 0; font-size: 17px; color: black; font-weight: bold; text-transform: uppercase; letter-spacing: -2px;}
.post h1 a {color: black;}
.post h1 a:hover {text-decoration: none; color: #fd9100;}
.post h2 {color: black; font-weight: bold; font-size: 17px; margin: 0 0 5px 0;}
.post p {color: black; font-size: 13px; line-height: 25px; margin: 0 0 15px 0; text-align: justify;}


.sidebar {float: right; width: 269px; padding: 30px 0 50px 0;}
.sidebar li  {float:right; display:inline; width:210px; background: url(img/sidebar_repeat.jpg) repeat-y; padding:20px 39px 36px 20px; position:relative; clear:right; margin-bottom:0px; position: relative;}
.sidebar li li  {float: none; display:block; width:auto; background:none; padding: 0; position:relative; clear:none; margin-bottom:0;}
.sidebar .sidetop {position: absolute; top: 0; left: 0; background: url(img/sidebar_top.jpg) no-repeat; width: 269px; height: 30px; z-index: 2;}
.sidebar .sidebottom {position: absolute; bottom: 0; left: 0; background: url(img/sidebar_bottom.jpg) no-repeat; width: 269px; height: 36px; z-index: 2;}
.sidez {position: relative; z-index: 3;}

.sidebar li ul.why li {min-height: 38px; padding: 2px 0 0 50px; font-weight: bold; font-size: 13px; margin: 0 0 20px 0;}
.sidebar li ul.why li span {font-weight: normal; font-style: italic; font-size: 10px; display: block;}
.sidebar li ul.why li.item1 {background: url(img/clock.png) no-repeat left center;}
.sidebar li ul.why li.item2 {background: url(img/checkbox.png) no-repeat left center;}
.sidebar li ul.why li.item3 {background: url(img/heart.png) no-repeat left center;}
.sidebar li ul.why li.item4 {background: url(img/flag.png) no-repeat left center;}
.sidebar li ul.why li.item5 {background: url(img/bulb.png) no-repeat left center;}

.sidebar .search{background:url(img/search.png) white no-repeat left top; width: 90px; color:#2a2a2a; font-size:10px; padding:5px 10px 5px 24px; margin-bottom:5px; border: 1px solid black; -moz-border-radius: 15px;
-webkit-border-radius: 15px; float: left;}
.sidebar .search:focus {border: 1px solid #fd9100;}
.sidebar h4.ordernow {width: 198px; margin: auto;}
.sidebar h4.ordernow a {display: block; text-indent: -9999px; background: url(img/ordernow.gif) no-repeat top left; width: 198px; height: 48px;}
.sidebar h4.ordernow a:hover {background-position: bottom left;}


#cforms3form input.single {width: 174px; color:black; font-size:12px; padding:5px 10px 5px 10px; margin-bottom:5px; border: 1px solid black; -moz-border-radius: 15px;
-webkit-border-radius: 15px; background: white;}
#cforms3form input.single:focus, #cforms3form textarea:focus {border: 1px solid #fd9100;}

#cforms3form textarea {width: 290px; color:#2a2a2a; font-size:12px; padding:5px 10px 5px 10px; margin-bottom:5px; border: 1px solid black; -moz-border-radius: 15px;
-webkit-border-radius: 15px; background: white; font-family: Verdana, Arial, 'san serif';}
#cforms3form .sendbutton, #searchform #searchsubmit {color:#FFFFFF;
  padding:4px 5px 3px 5px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 6px 10px 0;
  line-height:16px;
background: #fd9100; 
cursor: pointer;-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#searchform #searchsubmit {float: right;}
#cforms3form .sendbutton:hover, #searchform #searchsubmit:hover {background: #a8d801;}
.sidebar li ul.cat li {font-size: 13px; margin: 0 0 7px 0;}
.sidebar li ul.cat a {color: black;}
.sidebar li ul.cat a:hover {color: #fd9100;}
.sidebar li h2 {padding: 0px 0 8px 0; border-bottom: 1px solid black; margin: 0px 0 16px 0; font-size: 17px; color: black; font-weight: bold; text-transform: uppercase; letter-spacing: -2px; color: #ed9100;}


#respond fieldset input.text {width: 250px;  color:#2a2a2a; font-size:12px; padding:5px 10px 5px 10px; margin-bottom:5px; border: 1px solid black; -moz-border-radius: 15px;
-webkit-border-radius: 15px; display: block; margin: 5px 0 21px 0;}
#respond fieldset input.text:focus, #respond fieldset textarea:focus  {border: 1px solid #fd9100;}
#respond fieldset label {font-size: 13px; color: black; display: block;}
#respond fieldset textarea{width: 450px;  color:#2a2a2a; font-size:12px; padding:5px 10px 5px 10px; margin-bottom:5px; border: 1px solid black; -moz-border-radius: 15px; font-family: Verdana, Arial, 'sans serif';
-webkit-border-radius: 15px; display: block; margin: 5px 0 21px 0;}


.minipost .date,
.minipost .comments,
.minipost .readmore,
.button,
.button-right,
.button-red,
.button-wrapper a,
.button-wrapper-red a
{
  color:#FFFFFF;
  padding:6px 10px 2px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 6px 10px 0;
  line-height:16px;
}

input.button,
input.button-red,
input.button-right
{
  padding-bottom:4px;
}

.minipost .date,
.button-wrapper-red a,
.button-red
{
  background:#c02f3a;
  border-bottom:4px solid #b82933;
}

.button-wrapper-red a:hover,
.button-red:hover
{
  color:#FFFFFF;
  background:#b82933;
}

.minipost .comments
{
  background:#2c859c url(img/comments-button.png) no-repeat left top;
  border-bottom:4px solid #277690;
  padding-left:30px;
}

#nextprev {width: 610px; margin: 0 0 0 30px;}
.button-wrapper a,
.button
{
  background-color:#2c859c;
  border-bottom:4px solid #277690;
}

.nextpost {float: left; background: #a8d801; border-bottom: 4px solid #a8d801; position: relative; left: 60px;}
.nextpost  a {color: white;}
.prevpost a {color: white;}
.submitbtn {cursor: pointer; background: #a8d801; border-bottom: 4px solid #a8d801;}
.prevpost {float: right; margin:0 0px 10px 0; position: relative; right: 60px;  background: #fd9100; border-bottom: 4px solid #fd9100;}
#nextprev .prevpost:hover {background: #a8d801; border-bottom: 4px solid #a8d801;}
.minipost .readmore,
.button-right
{
  background:#a8d801;
  border-bottom:4px solid #a8d801;
  float:right;
  display:inline;
  margin:0 0 10px 0;
  color: white;
}

.minipost .comments:hover,
.minipost .readmore:hover,
.button-wrapper a:hover,
.button:hover,
.button-right:hover
{
  color:#FFFFFF;
  background-color:#fd9100;
  border-bottom:4px solid #fd9100;
}

.post div.date,
.post div.comments,
.post div.icon-comments,
.post div.icon-response
{
  position:absolute;
  left: 0;
  color:#FFFFFF;
  text-align:center;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:12px;
  width:30px;
}

.post div.date a,
.post div.comments a,
.post div.icon-comments a,
.post div.icon-response a
{
  color:#FFFFFF;
  text-decoration:none;
}

.post div.date a:hover,
.post div.comments a:hover,
.post div.icon-comments a:hover,
.post div.icon-response a:hover
{
  color:#FFFFFF;
  text-decoration:none;
}


.post div.date
{
  background:url(img/date.png) no-repeat left top;
  top:13px;
  height:41px;
  padding-top:18px;
}


.post div.date span
{
  display:block;
  font-size:13px;
}

.post div.comments
{
  background:url(img/comments.png) no-repeat left top;
  top:67px;
  height:27px;
  padding-top:32px;
}

.post div.icon-comments
{
  background:url(img/comments.png) no-repeat left top;
  height:59px;
  top:15px;
}

.post div.icon-response
{
  background:url(img/icon-response.png) no-repeat left top;
  height:59px;
  top:8px;
}


ul.comments {list-style:none outside;}

ul.comments li
{
  display:block;
  padding:20px 0 20px;
  border-bottom:1px solid #2b849b;
  vertical-align:bottom;
  position:relative;
  clear:left;
}

ul.comments li.nopadding
{
  padding:0;
  margin:0;
  border:0;
  float:left;
  width:100%;
}

ul.comments li .meta
{
  display:block;
  text-align:right;
  font-size:10px;
  line-height:12px;
  position:absolute;
  top:20px;
  right:0;
  z-index:2;
}

ul.comments li .meta p {
	 font-size:10px;
  line-height:12px;  text-align:right;}

ul.comments blockquote {background: white; padding: 5px 15px; margin: 0 font-style: italic; margin: 0 0 15px 0;}
ul.comments li .meta p
{
  margin:0;
}

ul.comments li .avatar
{
  margin:0 10px 0 0;
}

ul.comments li img.avatar
{
  width:70px;
  height:70px;
  border:0;
}

ul.comments li .author
{
  font-weight:bold;
  position:relative;
  font-size:10px;
  height:80px;
  line-height:128px;
  overflow:hidden;
}

ul.comments li .author span
{
  background:url(img/response-pointer.gif) no-repeat left bottom;
  padding:0 0 10px 16px;
}

ul.comments li .reply,
ul.comments li .comment-reply-link
{
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
  padding-bottom:10px;
  position:absolute;
  bottom:0;
  right:0;
  line-height:10px;
  display: none;
}
ul.comments li .reply:hover {color: #a8d801;}

ul.comments li .comment
{
  font-size:11px;
  background:#e9e9e9;
  padding:15px 20px 10px 20px;
  clear:both;
  word-wrap:break-word;
}

.children
{
  margin-left:6%;
  margin-bottom:0;
  list-style:none inside;
}

ul.comments li #respond
{
  padding:20px 0 0;
  width:auto;
}

ul.comments li #respond .icon-response
{
  display:none;
}

span.buttonnextpost a {color:#FFFFFF;
  padding:6px 10px 2px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 6px 10px 0;
  line-height:16px;
background: #a8d801;
  border-bottom: 4px solid #a8d801;
  float: left;   position: relative; left: 60px;
}
span.buttonnextpost a:hover {background: #fd9100; border-bottom: 4px solid #fd9100;}

span.buttonprevpost a {color:#FFFFFF;
  padding:6px 10px 2px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 6px 10px 0;
  line-height:16px;
background: #fd9100; border-bottom: 4px solid #fd9100;
  float: right;   position: relative; right: 60px;
}

span.buttonprevpost a:hover {background: #a8d801;
  border-bottom: 4px solid #a8d801;}
  
  
  
 #aboutleft {float: left; width: 700px; padding: 30px 0 30px 10px; overflow: hidden;}
 #aboutleft p {color: black; font-size: 13px; line-height: 25px; margin: 0 0 15px 0;}
 #aboutleft img.left {float: left; padding: 3px; border: 1px solid #e0e0e0; margin: 0 10px 1px 0; }
#aboutleft p span, #aboutleft p a {color: #ed9100;}
#aboutleft h3 {padding: 0px 0 0 0; margin: 0px 0 15px 0; font-size: 22px; color: black; font-weight: normal;}
#aboutleft .divide {display: block; width: 700px; height: 1px; background: #e0e0e0; margin: 30px 0; clear: both;}


 #aboutright {float: right; width: 230px; padding: 30px 20px 60px 0; overflow: hidden;}
 
ul.aboutnav li {font-size: 18px; color: black; display: block; padding: 0 0 15px 30px; margin: 0 0 15px 0; border-bottom: 1px solid #e0e0e0; background: url(img/bull2.gif) no-repeat 0 9px;}
ul.aboutnav li a {color: black;}
ul.aboutnav li a:hover {color: #ed9100; text-decoration: none;}
ul.aboutnav li.current {font-weight: bold;}
ul.aboutnav li.current a:hover {color: black;}
 
 .testimonial li {background: url(img/quote.gif) no-repeat top left; padding: 42px 0 0 20px; font-size: 18px; line-height: 25px; color: #9c9c9c; margin: 0 0 20px 0;}
 .testimonial li span {display: block; text-align: right; color: black; font-size: 12px; font-style: italic;}
 .testimonial li span span {color: #ed9100; display: inline;}
 .testimonial li a {color: #ed9100;}

#faqLeft {float: left; width: 330px; padding: 30px 0 30px 10px;}
#faqRight a {color: #fd9100;}
#faqRight {float: right; width: 550px; padding: 40px 20px 0 0;}
 
#faqRight h3 {color: #a8d801; font-size: 20px; margin: 0 0 15px 0; font-weight: normal; padding: 0 0 15px 0; border-bottom: 4px solid #e0e0e0;}

#faqRight h5 {color: #ed9100; font-size: 14px; margin: 0 0 10px 0;}
#faqRight p {font-size: 13px; line-height: 18px; padding: 0 0 0 5px; border-left: 4px solid #eeeeee; margin: 0 0 25px 5px;}
#faqRight p:hover {border-left: 4px solid #a8d801;}
 
 .faqbox {margin: 0 0 60px 0;}
 
 #process li {display: block; padding: 0 0 0 120px; margin: 0 0 35px 0; overflow: hidden; float: left; width: 580px;}
 #process li h4 {color: #a8d801; font-size: 20px; margin: 0 0 5px 0; font-weight: normal;}
 #process li h4 span {color: #666666;}
 
 #process li#step1 {background: url(img/step1.jpg) no-repeat left center;}
 #process li#step2 {background: url(img/step2.jpg) no-repeat left center;}
 #process li#step3 {background: url(img/step3.jpg) no-repeat left center;}
 #process li#step4 {background: url(img/step4.jpg) no-repeat left center;}
 
#aboutleft h4#ordernow {width: 198px; margin: auto; float: right;}
#aboutleft h4#ordernow a {display: block; text-indent: -9999px; background: url(img/ordernow.gif) no-repeat top left; width: 198px; height: 48px;}
#aboutleft h4#ordernow a:hover {background-position: bottom left;}
 
 
 
 
.portfolio {padding: 30px 0 50px 10px;}
.portfolio li {display: block; width: 290px; padding: 0 28px 25px 0; float: left; overflow: hidden;}
.portfolio li div.image {display: block; width: 290px; height: 200px; background: black; margin: 0 0 20px 0;}
.portfolio h4 {color: #a8d801; font-size: 18px; font-weight: normal; margin: 0 0 4px 0;}
.portfolio h5 {color: black; font-size: 12px; font-style: italic; margin: 0 0 7px 0; font-weight: normal;}
.portfolio p {color: black; font-size: 13px; line-height: 25px; margin: 0 0 15px 0; text-align: justify;}
.portfolio p span, .portfolio a {color: #ed9100;}
 
 
 /*ORDER*/

#ordernav {display: block; padding: 30px 0 0 20px;}
#ordernav li {display: block; float: left; padding: 0 21px 20px 0;}
#ordernav li a {width: 300px; height: 112px; background-position: bottom left;background-repeat: no-repeat; display: block; text-indent: -9999px;}
#ordernav li a:hover, #ordernav li.current a {background-position: top left;}
#ordernav li#step1 a {background-image: url(img/step1.gif);}
#ordernav li#step2 a {background-image: url(img/step2.gif);}
#ordernav li#step3 a {background-image: url(img/step3.gif);}

#relativepositioning {position: relative; width: 953px; float: left;}

#pricing {position: absolute !important; position: relative; top: 207px !important; top: 390px; right: 10px !important; right: -700px; z-index: 10000; background:#fdfcfa; width: 250px;}
#pricing h5 {font-size: 12px; color: black; margin: 0 0 3px 0; font-weight: normal; clear: both;}
#pricing h5 span.head {font-weight: bold; display: block; float: left; width: 170px;}
#pricing h2 {font-size: 14px; margin: 6px 0 0 0; color: #ed9100; clear: both;}
#pricing h2 span.head {color: black; display: block; float: left; width: 170px;}

#orderform #pricing #projectPricing h5 {clear: both; margin: 0 0 5px 0; float: left; text-align: left;}
#orderform #pricing #projectPricing h5  span.head {float: left; clear: none; width: 155px; display: block; text-align: left;}
#orderform #pricing #projectPricing h5  span.indicator {float: left; clear: none; width: 85px;  display: block; text-align: left;}

#orderform #pricing #projectPricing h2  span.head {float: left; clear: none; width: 155px; display: block; text-align: left;}
#orderform #pricing #projectPricing h2  span.indicator {float: left; clear: none; width: 85px;  display: block; text-align: left;}


#orderstepul {overflow: hidden;  margin: 0 0 0 0px; display: block; width: 953px; float: left; margin: 0 0 0px 0px; padding: 0 0 30px 0;}
#orderstepul ul {width: 953px; padding: 0 0 0 0px; clear: both; overflow: hidden; float: left; display: block;}
#orderstepul ul li {position: relative; width: 953px; background: url(img/order_repeat.gif) repeat-y white; padding: 0 0 21px 0; overflow: hidden; margin: 0 0px 30px 0;   height: auto; }
#orderstepul ul li .order_top {width: 953px; height: 28px; z-index: 2; background: url(img/order_top.gif) no-repeat; top: 0; left: 0; position: absolute;}
#orderstepul ul li .order_bottom {width: 953px; height: 13px; z-index: 2; background: url(img/order_bottom.gif) no-repeat; bottom: 0; left: 0; position: absolute;}
#orderstepul ul li .order_z {position: relative; z-index: 3; } 
#orderstepul ul li h3 {font-size: 19px; font-weight: normal; color: black; padding: 1px 0 20px 0px; width: 290px; text-align: center; position: relative; z-index: 100000; top: 0px;}
#orderstepul ul li h3 span {color: #ed9100;}



#col1-step1 {width: 150px; float: left; padding: 5px 25px 5px 25px; border-right: 1px solid #e1e1e1;}
#orderform h4 {font-size: 13px; color: #a8d801; margin: 0 0 7px 0; font-weight: bold;}


#orderform div.block {display: block; float: none; margin: 0 0 5px 0; clear: both;}

#step3left {float: left; width: 355px; margin: 20px 0 0 0;}

#stepthree {width: 620px; float: left; padding: 5px 25px 5px 25px; border-right: 1px solid #e1e1e1;}
#stepthree p#req {font-size: 12px; color: black; margin: 0 0 30px 0;}
#stepthree span.bull {font-size: 13px; color: red; font-weight: normal;}
#stepthree .step3label {display: block; font-size: 12px; color: black; width: 100px; text-align: right; float: left; margin: 2px 0 0 0; cursor: pointer;}
#stepthree input.stepinput {float: left; padding: 2px 5px; border: 1px solid #919090; width: 200px; margin: 0 5px 15px 5px; display: inline; font-size: 12px;}
#stepthree .stepinput:focus {border: 1px solid #fd9100;}
#stepthree select.stepinput {float: left;  border: 1px solid #919090; width: 212px; margin: 0 5px 15px 5px; padding: 2px 0; display: inline; font-size: 12px;}

#step3right {float: right; width: 252px;}
#step3right #specialcomments {width: 240px; height: 150px; border: 1px solid #919090; font-family: Verdana, Arial, 'sans serif'; font-size: 12px; padding: 5px;}
#step3right #specialcomments:focus {border: 1px solid #fd9100;}
#step3right label {display: block; font-size: 12px; color: black; margin: 0px 0 5px 0; cursor: pointer;}



#advancedleft{width: 630px; float: left; padding: 5px 25px 5px 25px; border-right: 1px solid #e1e1e1;}
#advancedleft h2 a {font-size: 13px; color: #484848; font-weight: bold; display: block; width: 620px; padding: 6px 0 0 10px; height: 22px; background: url(img/advancedbar.gif) no-repeat; margin: 0 0 10px 0;}
#advancedleft h2 a.closed {background-position: 0 0px;}
#advancedleft h2 a.closed:hover {text-decoration: none; background-position: 0px -56px;}

#commentsta {width: 610px; margin: 0 0 10px 5px; height: 100px; font-family: Verdana, Arial, 'sans serif'; border: 1px solid #cececd; padding: 5px; font-size: 13px;}
#commentsta:focus {border: 1px solid #ed9100;}

#advancedleft h2 a.open {background-position: 0 -28px;}
#advancedleft h2 a.open:hover {text-decoration: none; background-position: 0px -84px;}

div.section {clear: both; margin: 0 0 20px 0; overflow: hidden;}

#ccmerchant {font-size: 12px; line-height: 16px; color: black; margin: 0 0 15px 0;} 
#orderform #orderstepul ul li .advancedcol h3 {font-size: 14px; color: #a8d801; margin: 0 0 14px 0; font-weight: bold; padding: 0; text-align: left; width: 187px; float: left;}
#orderform #orderstepul ul li .advancedcol h4 {font-size: 12px; color: #ed9100; margin: 0 0 3px 0; font-weight: bold;}
#orderform #orderstepul ul li .advancedcol h5 {font-size: 10px; line-height: 15px; color: #2b2b2b; font-weight: normal; margin: 0 0 10px 0;}
#orderform #orderstepul ul li .advancedcol { display: inline;}
#orderform #orderstepul ul li .advancedcol {}
#orderform #orderstepul ul li .advancedcol {}
#orderform #orderstepul ul li .advancedcol {}
#orderform #orderstepul ul li .advancedcol {}

.back_btn {width: 125px; height: 18px; background: url(img/backbtn.png) top left; font-weight: normal; font-size: 13px; text-align: center; padding: 4px 0 0 0; display: block; color: white; margin: 15px 0;} 
.back_btn:hover {text-decoration: none; background-position: bottom left;}

.advancedcol input.advancedradio {float: right;}
.advancedcol label.advanced {float: left; font-size:12px; font-weight: normal; cursor: pointer; padding: 2px 0 0 0; text-align: right; width: 160px; margin: 0 0 5px 0;}
.advancedcol label.advanced span {float: left; display: block; width: 110px; text-align: left;}





.qualitybox {width: 588px; padding: 10px 15px; background: #eeeeee; border: 1px solid #ababab; margin: 0 0 10px 5px;}
.qualitybox input {float: left; padding: 0 0px 0 0;}
.qualitybox label {float: left; font-size: 13px; font-weight: bold; padding: 2px 0 0 5px; margin: 0 0 5px 0; cursor: pointer;}
.qualitybox label span {color: #fd9100; font-size: 13px;}
.qualitybox p {font-size: 12px; clear: both; padding: 0 0 15px 25px;}


.advanced1 {float: left; width: 187px; border-right: 1px solid #e0e0e0; padding: 5px 15px 5px 6px;}
.advanced2 {float: left; width: 187px; border-right: 1px solid #e0e0e0; padding: 5px 15px 5px 15px;}
.advanced3 {float: left; width: 187px; padding: 5px 0px 5px 15px;}

#orderform label.check {float: left; padding: 3px 0px 0px 0; margin: 0 0 10px 0; cursor: pointer; font-size: 12px; color: black;}
#orderform input.check {float: right; display: block;}
#orderform input.radio {float: right; display: block;}
#orderform .dotDiv {width: 150px; height: 21px; clear: both; background: url(img/dotDiv.gif) no-repeat;}

#col1-step2 {width: 425px; padding: 5px 25px 5px 25px; border-right: 1px solid #e1e1e1; float: left;}
#col1-step2 h5 {width: 55px; height: 41px; background: url(img/pageBg.gif) no-repeat; float: right; font-size: 18px; padding: 14px 0 0 0px; text-align: center;}
#orderform label.numpages {float: left; padding: 16px 0px 0px 0; margin: 0 0 10px 0; font-size: 13px; color: black; width: 130px;}
#orderform label.deadline {float: left; padding: 1px 0px 0px 0; margin: 0 0 10px 0; font-size: 13px; color: black; width: 130px;}
#orderform #deadline {float: left; width: 220px; margin: 0 0 30px 0; border: 1px solid #919090;}
#orderform #numpages{float: left; width: 220px; height: 31px; background: url(img/turnaroundbar.gif) no-repeat; left: center; margin: 6px 0 30px 0; z-index: 2; display: block; position: relative !important; position: static;}
#numPagesSelector {margin-left: -7px; cursor: pointer; position: absolute !important; position: static; top: 0; left: 0;} /* -7 */
/*#orderform #numpages a {display: block;  background: url(img/page-select.png) no-repeat !important; background: url(img/page-select.gif) no-repeat; width: 18px; height: 21px;text-indent: -9999px; margin-top: 2px; margin-left: -8px;}*/

#orderform label.upload {clear: both; display: block; padding: 4px 20px 0px 0; margin: 0 0 5px 0; font-size: 13px; color: black;}

#uploader {width: 136px; height: 19px; background: url(img/browse.gif) no-repeat; background-position: top left; cursor: pointer; padding: 4px 0 0px 84px; float: left; margin: 0 0 10px 0; display: block; cursor: pointer; font-size: 12px; color: #919090; }
/*#fileInput {opacity: 0;filter:alpha(opacity=0); margin-top: -7px; margin-left: -84px; padding:4px; cursor: pointer;}*/
/*div#uploader:hover {background-position: bottom left;}*/
div#uploader.hover {background-position: bottom left;} /* peter: changed to .hover for ajaxupload script */
#orderform #uploader input#uploadname {border: 0px solid white; width: 130px; padding: 2px 0 2px 5px; font-size: 12px; color: #919090; margin: 0px 0 0 0;}
#orderform .lessthan {float: left; font-size: 12px; font-style: italic; padding: 4px 0 0 15px;}
#orderform input#link {width: 208px; border: 1px solid #919090; font-size: 12px; color: #919090; padding: 3px 5px; float: left;}

.info-total {float: right; width: 230px; padding: 5px 25px 5px 0;}
.info_box {width: 198px; padding: 7px 15px; background: #eeeeee; border: 1px solid #ababab; font-size: 13px; line-height: 18px;}
.info_box span {font-weight: bold;}



.info-total h5.continue {border-bottom: 1px solid #e2e2e1; display: block; padding: 0 0 0px 0; overflow: hidden;}
.info-total h5.continue2 {display: block; border: none; padding: 0 0 0px 0; overflow: hidden;}
h6#errorsuccess {color: red; font-size: 12px; border-top: none; border-bottom: 1px solid #e2e2e1; padding: 0 0 7px 0; position: relative; top:-7px; }
.info-total input.continue2 {width: 161px; height: 25px; background: url(img/continue_btn.gif) no-repeat top left; color: white; font-weight: normal; font-size: 13px; text-align: center; border: none; float: right; margin: 15px 0; cursor: pointer; display: block; padding: 0px 0 7px 0;}
.info-total input.continue2:hover {background-position: bottom left;}

.info-total h5 a {width: 161px; height: 21px; background: url(img/continue_btn.gif) no-repeat top left; color: white; font-weight: normal; font-size: 13px; text-align: center; padding: 4px 0 0 0; display: block; margin: 15px 0 15px 0; float: right; }
.info-total h5 a:hover {background-position: bottom left; text-decoration: none;}
.info-total h6 {clear: both; display: block; text-align: right; padding: 10px 0 0 0; border-top: 1px solid #e2e2e1; font-size: 14px; color: black; font-weight: normal; line-height: 20px;}
.info-total h6 span.head {color: #ed9100; display: block; float: left;text-align: left;}  /* peter removed 100px width */

span#toobig {font-size: 10px; color: red; display: block; width: 300px;}
span#toobig a {text-decoration: underline; color: red;}
span#toobig a:hover {text-decoration: none; color: red;}

input.radioupload {float: left; padding: 0 0px 0 0;}
label.radupload {float: left; padding: 1px 20px 0 10px; font-size: 13px; cursor: pointer; margin: 0 0 15px 0;}