/*
Theme Name:		SMB Interactive
Theme URI:		http://www.smbinteractive.com
Description:	SMB Interactive web site theme. By <a href="http://www.seo-orlando.com">John Timmerman</a>.
Version:		0.1
Author:			John Timmerman
Author URI:		http://www.seo-orlando.com/
*/


/*
128f33 - dark green - H1 and fades
82cb84 - light green - fades
ececec - gray - nav background
dbdbdb - gray - nav borders
414141 - gray - text
455560 - gray - nav text
f27d00 - orange
*/

body { background:#fff; color:#222; font:62.5% verdana, arial, calibri, sans-serif; text-align:center;}

* { padding: 0; margin: 0; }

p {margin-bottom:1em;}
a:hover {color:#f27d00;}
ul {list-style-type:square;}

.left {float:left; margin-right:1em;}
.right {float:right; margin-left:1em;}
.center {text-align:center;}
img, img a {border:3px double #128f33;}

/***-[ headlines ]-***/

h1, h2, h3, h4 {font-family: georgia, "Times New Roman", times serif; font-weight:normal; color:#455560; margin-bottom:14px;}

	h1 {font-size:24px; color:#f27d00; font-weight:bold;}
	h2, h3 {font-size:18px; color:#f27d00;}
		#sidebar h2, #localnav h2, #sidebar h3, #localnav h3 {margin-bottom:5px !important;}
        #homebox h4, #homebox h4 a {font-size:22px; color:#128f33 !important; text-align:left;}

/*****-[ structure ]-*****/

#container {width:900px; margin:0 auto; background:#fff;}

/***-[ header ]-***/
#header {width:900px; height:150px; background:#ececec url('images/headerback.jpg') repeat-x;}
	#logo {float:left; margin-left:20px; _margin-left:10px;}
	#logo a {display:block; width:252px; height:118px; text-decoration:none; background:#fff url('images/smbilogo.jpg') no-repeat;}
	#inquirenow a {display:block; float:right; width:25%; color:#fff; font-size:3em;}
		#inquirenow a span {display:block; font-size:70%; color:#0068d2; margin-top:.5em; stext-decoration:underline;}


/***-[ top nav ]-***/

#navbar {float:right; margin-top:95px; _margin-top:95px; margin-right:20px; _margin-right:10px;}
	#navbar ul {list-style:none;}
		#navbar ul li {float:left;}
		#navbar ul li.currenttab {background:url('images/buttonback.jpg') no-repeat left top;}
			#navbar ul li a {display:block; font:18px/30px georgia, times new roman, times, serif; padding:0 1em; color:#128f33; text-decoration:none; text-transform:capitalize;}
				#navbar ul li a:hover {color:#f27d00;}
				#navbar ul li.currenttab a {background:url('images/buttonright.jpg') no-repeat right top; color:#fff;}
					#navbar ul li.currenttab a:hover {color:#fff;}
		

/***-[ content ]-***/				
#wrap {width:900px; margin-top:0px; font-size:1.3em; padding-bottom:20px;}
				
	#content {float:right; width:650px; text-align:left;}
		#content p, #content ul li, #content ol li {line-height:1.7;}
		#content ul, #content ol {margin:0 0 1em 3.5em;}
                        #content ul ul , #content ol ol {margin:0 0 0 1.5em;}
                                #content ul ul li {list-style-type:circle;}
		#content ol {margin:0 0 1em 4em;}
		#content blockquote {background:url('images/footer.jpg') repeat-x; padding:1em; text-indent:20px; font:italic normal 16px/1.55 georgia,times,serif; color:#455560;}
			.pull {width:50%;}



			/***-[ homepage content ]-***/

	body.homepage #homeimg {width:900px; height:180px; background:#128f33 url('images/homeimg.jpg') no-repeat; margin-top:-20px;}
	body.homepage #homeimg #headtext {float:right; margin:10px 20px; width:50%; text-align:left;}
	body.homepage #headtext h1 {color:#fff;}
	body.homepage #headtext ul {color:#000; font-size:18px; margin-left:30px; font-family:georgia, "Times New Roman", times, serif; margin-bottom:14px;}
	body.homepage h2 {font-size:24px; color:#f27d00; font-weight:bold;}
	body.homepage #content {float:right;}
	body.homepage #localnav {float:left; clear:left;}

        #homebox {width:642px; margin:0 auto; border:3px double #128f33; text-align:center; sbackground:url('images/homeboxback.gif') repeat-x;}
           #homebox h4 a, #homebox h4 a:hover {text-decoration:none;}
               .homeboxquote {text-align:left; text-indent:20px; font-style:italic; background:url('images/quote.gif') no-repeat top left;}
          #homeboxleft {float:left; width:430px; margin:1em 0;}
            #leftmostbox {float:left; width:210px; border-right:1px solid #82cb84; background:url(images/greenlight.gif) no-repeat 15px 0;}
               #leftmostbox h4 {margin:0 0 20px 57px;}
               #leftmostbox .homeboxquote {margin:0 10px;}
            #rightmostbox {float:right; width:210px; background:url(images/rescue.jpg) no-repeat 0px 0;}
               #rightmostbox h4 {margin:0 0 20px 85px;}
               #rightmostbox .homeboxquote {margin:0;}
          #homeboxright {float:right; width:210px; border-left:1px solid #82cb84; margin:1em 0; background:url(images/rocket.gif) no-repeat 10px 0;}
               #homeboxright h4 {margin:0 0 20px 68px;}
            #homeboxright .homeboxquote {margin:0 10px;}

/***-[ contact forms ]-***/
#wrap .cform {width: 100%;}
#wrap #localnav .cform, #wrap #sidebar .cform {width:200px; font-size:85%;}
#wrap .cform legend {margin-left:10px; padding: 0 2px; font:normal 20px georgia, "times new roman", Times, serif; color:#128f33;}
#wrap .cform label {margin:2px 10px 0 0;}
#wrap #localnav .cform label, #wrap #sidebar .cform label {text-align:left;}
#wrap #localnav label.cf-before, #wrap #sidebar label.cf-before {width:50px; margin:0 10px 0 0;}
#wrap #localnav label.cf-before span, #wrap #sidebar label.cf-before span {width:50px;}
#wrap label.cf-after 	{margin:0 0 0 6px;width:200px;text-align:left;}
#wrap #localnav label.cf-after, #wrap #sidebar label.cf-after {width:100px;}
#wrap label.cf-after span {width:200px;display:block;}
#wrap #localnav label.cf-after span, #wrap #sidebar label.cf-after span {width:100px;}
#wrap label.cf-group-after {margin:0 0 0 2px;	width:60px;text-align:left;}
#wrap #localnav label.cf-group-after, #wrap #sidebar label.cf-group-after {width:50px;}
#wrap label.cf-group-after span {width:60px;display:block;}
#wrap #localnav label.cf-group-after span, #wrap #sidebar label.cf-group-after span {width:50px;}
#wrap .cform textarea, #wrap .cform input {width:300px;}
#wrap #localnav .cform textarea,
#wrap #localnav .cform input,
#wrap #sidebar .cform textarea,
#wrap #sidebar .cform input {width:170px;}
#wrap #localnav .cform textarea, #wrap #sidebar .cform textarea {height:5em;display:block;}
#wrap .cform input.sendbutton {color:#fff; width:100px; padding:2px; margin: 10px 0 20px 270px; font-size:0.8em; background:#128f33 url('images/button-bg-green.gif') repeat-x; border:1px solid #68a169!important; border-left-color:#93e695!important; border-top-color:#93e695!important; cursor:pointer;}
#wrap #localnav .cform input.sendbutton, #wrap #sidebar .cform input.sendbutton {width:80px; margin:10px 0 0 52px;}


#wrap #lpform .cform {width:200px;}
#wrap #lpform .cform label {color:#fff;}
#wrap #lpform .cform .textarea, #wrap #lpform .cform input {width:150px; margin-left:20px;}
#wrap #lpform .cform input.sendbutton {width:100px; margin:0 auto;}
#wrap #lpform #usermessage7b {width:auto; border:none;}
#wrap #lpform .cf_info {color:#fff; background:url('images/lpformback.gif') repeat-y top right;}
#wrap #lpform .failure {background:url('images/lpformback.gif') repeat-y top right !important;}
#wrap #lpform ol.cf-ol li.cf_li_err {border:none; background:url('images/lpformback.gif') repeat-y top right !important;}


/***-[ LP ]-***/
.lp #content {float:left;}
  .lp #content ul li {list-style:none; padding-left:20px; background:url('images/checkbullet.gif') no-repeat top left;}
.lp #lpform {float:left; width:200px; text-align:left; clear:right; background:url('images/lpformback.gif') repeat-y top right; font-size:1em;}
  .lp #lpform h3 {text-align:center; background:url('images/lpformtop.gif') no-repeat top center; height:105px; font-size:2em; margin-bottom:.3em}
    .lp #lpform p {color:#fff; margin:0 15px 15px; text-align:center; font-size:85%;}
.lp #lpform .lpformend {height:6px; background:url('images/lpformbottom.gif') no-repeat right bottom;}
	

/***-[ sidebar ]-***/
	#sidebar, #localnav {float:left; width:200px; text-align:left; clear:left;}
		#sidebar ul, #localnav ul {margin-bottom:14px;}
		#sidebar ul li, #localnav ul li {list-style:none;}
		#sidebar a:hover, #localnav a:hover {}

	/**-[ Local Nav ]-**/
	ul#subnav {padding:0; border-bottom:1px solid #f27d00;}
             ul#subnav li {_height:36px; _margin-bottom:-4px;}
		ul#subnav li a {font:16px georgia, times new roman, times, serif; color:#128f33; border:1px solid #f27d00; border-width:1px 0 0 0; display:block; text-decoration:none; padding:.5em 0 .5em 1em; text-transform:capitalize;}
			ul#subnav li.current_page_item a {color:#f27d00;}
		ul#subnav li a:hover {background:#ececec;}
		        ul#subnav li.current_page_item a:hover {background:#fff; color:#f27d00;}

        #callservices {background:#f27d00 url('images/callservices.jpg') no-repeat; padding:15px 0;}
             #callservices p {margin:0 15px 10px; color:#fff;}
             #callservices ul {margin:0 15px 0 30px;}
                  #callservices ul li {list-style-type:square; margin-bottom:5px;}

	/**-[ Blog Nav ]-**/	
		

/***-[ footer ]-***/

#footer {margin:5px auto; width:900px; height:20px; clear:both; text-align:left; background:url('images/footer.jpg') repeat-x; padding:1em 0;}
	#footer p {margin:0 1em 1em; color:#fff;}
        #footer a {color:#fff;}
#track a {color:#999; text-decoration:none;}
#track img {border:0px solid #fff;}




#header:after, #logo:after, #navbar:after, #wrap:after, #content:after, #homebox:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after { display: block; height: 0; content: "."; visibility: hidden; clear: both; }

p.linklove {display:none;}