/*-------------------------------------------------------

* Author: system32

* Description: Handles the site layout.

   -----------------------------------------------------*/

   

/*------------------------------------------------------

  				Global Reset

  ------------------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 

	padding: 0; 

	border: 0; 

	outline: 0; 

 

}   



body{  

font-weight: inherit; 

font-style: inherit; 

font-family: inherit; 

font:normal 12px/18px Arial, Tahoma, Helvetica, sans-serif;

color:#484848; 

background:#f7f7f6;



}



* html {

	margin:0;padding:0;

}



/*------------------------------------------------------

  				Logo 

  ------------------------------------------------------*/	

.top_bg{

height:91px;

background:url(../images/orange/top_bg.gif) top right repeat-x;

}

 

 .logo

 {

margin-top:20px;

 }

 

 small

 {

 font:normal 11px Tahoma, Arial, Helvetica, sans-serif

 }

 

/*------------------------------------------------------

  				SubPage Header

  ------------------------------------------------------*/	

	 .subpageheader{

	 background: url(../images/orange/SubHeaderbg.jpg) top left no-repeat;

	 height:150px;

	 }

	 .subpageheader h1{

	 font:normal 30px Arial, "Trebuchet MS", Helvetica, sans-serif;

	 padding:30px 0 0 0 ; 

	 color:#FFFFFF;

 	 }

	 .subpageheader p

	 {

	 font:normal bold 16px "Trebuchet MS", Helvetica, sans-serif;

	 color:#FFFFFF;

	 }



	 .subpageheader h1 p{

	 font:normal 30px Arial, "Trebuchet MS", Helvetica, sans-serif;

	 color:#FFFFFF;

 	 }

	 





	 

	 .centertext

{

text-align:center;

}

/*------------------------------------------------------

  				Main Header

  ------------------------------------------------------*/	 

	 .mainheader {

	 background:url(../images/orange/MainHeader.jpg) top left no-repeat;

	 height:367px;

	z-index:1;

	 color:#FFFFFF;

	 }

	 .mainheader h1{

	 font:normal 5em/60px Impact, Helvetica, sans-serif;

	 color:#fff;

	 text-align:right;

	 text-transform:uppercase;padding-top:40px;

	 }

	.mainheader h1 span

	{

	 color:#0b0e16;

	 }

	.mainheader p{

 font:normal 13px Arial, "Times New Roman", Times, serif;

	color:#FFFFFF;

}	 

.tourbutton

{

background:URL(../images/tour.png) no-repeat;

width:180px;

height:50px;

}



h2.blogimage

{

 background:URL(../images/blog.gif) no-repeat;

 padding-left:60px;

 height:37px;

}



h2.testimonialimg

{

 background:URL(../images/testimonial.gif) no-repeat;

 padding-left:40px;

 height:37px;

}



/*------------------------------------------------------

  				Homepage Slider 

  ------------------------------------------------------*/	

.featured	{

	height:204px;

	 padding-top:40px;

}



.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 459px; /*Width of Carousel Viewer itself*/

height: 215px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 10px 0px 0px; /*margin around each panel*/

width: 459px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}







/*------------------------------------------------------

		Homepage Featured Products in Content

  ------------------------------------------------------*/		 



.servicebox

{

overflow:auto;

height:100%;

margin-bottom:10px;

border-bottom:1px solid #ddd;

}



.rightpara2

{

margin-left:180px;

padding:0 0 0 20px;

}



/*------------------------------------------------------

  				Img Borders

  ------------------------------------------------------*/		 

.preview .borderimg, .blogbox .borderimg

 {

 border:1px solid #ddd;

 background:#fff;

 padding:3px;

 }



.borderimg

 {

 border:1px solid #ddd;

 background:#fff;

 padding:3px;

 }



/*------------------------------------------------------

  				Default Links

  ------------------------------------------------------*/	

	 a{

color:#cb6000;

text-decoration:none;

}

a:hover {

color:#cb6000;

text-decoration:underline;

}

	

	  h6{

font-weight:bold;

	 color:#484848;

	 }

	 p{

	 font:normal 12px/20px Arial, Helvetica, sans-serif;

	 color:#484848;

	 font-size:inherit;

	 margin:0;

	 }



	 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img

	 {

	 vertical-align:middle;

	 }

/*------------------------------------------------------

  				Homepage 4 Boxes Below header

  ------------------------------------------------------*/		 

.fbox

{

background:url(../images/boxbg.gif) no-repeat;

padding-top:10px;

height:79px;

width:auto;

}



.fbox p, .fbox h6

{

margin-left:60px;

padding:1px 10px 3px 0;

}

 .fbox img

	 {

	 float:left;

	 margin:5px 10px;

	 }

	 



/*------------------------------------------------------

  				Content Reset

  ------------------------------------------------------*/	

	

.content

{

padding-bottom:30px;

overflow:auto;

height:100%;

}

.cbg

{

background:#f7f7f6;

}

	

.para *

{

padding-bottom:5px;

}





.text

{

padding:20px;

padding-left:0px;

}







/*------------------------------------------------------

  				Headings

  ------------------------------------------------------*/	

h1{

font: normal 32px/32px Arial, Helvetica, sans-serif;

padding:0;

margin:0px 0 5px 0;

color:#696969;

}



h2{

font: normal 22px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

letter-spacing:-1px;

margin:0 0 5px 0;

color:#696969;

}



h3{

font: normal 20px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

letter-spacing:-1px;

margin:0 0 5px 0;

color:#696969;

}



h4{

font: normal bold 18px/20px "Lucida Sans", Arial, Helvetica, sans-serif;

padding:0;

letter-spacing:-2px;

margin:0 0 5px 0;

color:#696969;

}



h5 {

font: normal bold 14px/18px Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 0;

color:#cb6000;

}



h6 {

font: normal bold 12px/16px Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 0;

color:#cb6000;

}



/*------------------------------------------------------

  				Button /  Readmore

  ------------------------------------------------------*/	

.button {

font:normal 10px Arial, Helvetica, sans-serif;

padding:6px 15px;

text-transform:uppercase;

color:#909090;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-khtml-border-radius:5px;

} 

a.button  {

text-decoration:none;

background:#fefefe url(../images/buttonbg.gif) bottom left repeat-x;

border:1px solid #ddd;

color:#909090;

}  

a.button:hover{ 

border:1px solid #ccc;

background:#fefefe url(../images/buttonbg.gif) bottom left repeat-x;

color:#484848;

}







.navigation {

	padding-bottom:50px;

}

.navigation a {

padding:5px 10px;

	color: #484848;

border:1px solid #bdd2dc;

	background:url(../images/buttonbg.gif) bottom left repeat-x;

	text-decoration:none;

}

.navigation a:hover {

	border:1px solid #bdd2dc;

	color:#909090;

	background:url(../images/buttonbg.gif) bottom left repeat-x;

	text-decoration:none;

}





/*------------------------------------------------------

  				Floats & Alignments

  ------------------------------------------------------*/	

.rightalign

{

float:right;

}



.leftalign

{

float:left;

}

 

.textleft{

text-align:left;

}

.textright{

text-align:right;

}



.textcenter{

text-align:center;

}



/*------------------------------------------------------

  				Readmore Block

  ------------------------------------------------------*/	

.readmoreblock {

font:normal bold 11px Arial, Helvetica, sans-serif;

padding:3px 10px;

text-transform:uppercase;

color:#ccc;

display:block;

margin-top:5px;

letter-spacing:0px;	

border-radius:3px;

-moz-border-radius:3px;

} 

a.readmoreblock  {

text-decoration:none;

background:#d8d8d8;

background:url(../images/buttonbg.gif) bottom left repeat-x;

border:1px solid #dedede;

color:#b5b5b5;

}  

a.readmoreblock:hover{ 

background:#197bc4;

border:1px solid #666;

color:#fff;

}



/*------------------------------------------------------

  				Footer

 -----------------------------------------------------*/	



.footer

{

padding:30px 0;

overflow:auto;

height:100%;

background:#FFF url(../images/orange/footer.gif) top left repeat-x;

}







/*------------------------------------------------------

  				Seperators

  ------------------------------------------------------*/	

  

.linebg	{

margin-top:10px;

margin-bottom:10px;

clear:both;

border-top:1px solid #d8d8d8;

}



.sepline	{

background:url(../images/sep.gif) top right repeat-y; /* Siderbar Seperator */

}





/*------------------------------------------------------

  				Portfolio Boxes

  ------------------------------------------------------*/	





.portfolioitem .details

{

font:normal 12px/18px Arial, Helvetica, sans-serif;

float:right;

width:320px;

}

.portfolioitem .preview

{

display:block;

width:240px;

text-align:center;

}

.portfolioitem h3

{

color:#484848;

font:normal 20px/22px Arial, Helvetica, sans-serif;

}



.portfolioitem 

{

padding:20px;

overflow:auto;

height:100%;

margin:10px 0;

}

.portfolioitem .corner {

	position:absolute;

	top:-2px;

	left:-2px;

	width:85px;

	height:85px;

}



/*------------------------------------------------------

  				Border Block Horizontal Bar

  ------------------------------------------------------*/	

  

.bordersub

{

border:1px solid #ddd;

background:#FFFFFF;

}



hr.hrbar

{

clear:both;

border:none;

border-bottom:1px solid #d8d8d8;

}



/*------------------------------------------------------

  				Testimonial Block

  ------------------------------------------------------*/	

  

blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

blockquote {

margin: 15px 0px 15px 0px;

background: url(../images/quoteclose.gif) no-repeat bottom right;

}



blockquote p {

background: url(../images/quoteopen.gif) no-repeat top left;

padding-left: 30px;

font:italic normal 12px/20px Georgia, Arial, Verdana, sans-serif;

}



.testimonial

{

overflow:hidden;

height:100%;

padding-bottom:20px;

}



/*------------------------------------------------------

  				Unordered Lists

  ------------------------------------------------------*/	

  

ul.listitems

{

margin:0;

padding:0;

}

ul.listitems li

{

font:normal 12px Arial, Helvetica, sans-serif;

voice-family:inherit;

margin:0;

height:18px;

background:url(../images/circle.gif) 0% 50% no-repeat;

text-decoration:none;

padding:3px 10px 3px 20px;

}



/*------------------------------------------------------

  				Search Box

  ------------------------------------------------------*/	

div.topheadline fieldset {

	width: 190px;

	float:right;

	display: block;

	margin-top:50px;

	}



div.topheadline form label {

display: block; 

background: url(../images/searchbar.png) no-repeat; 

width: 184px; 

height: 29px; 

}

div.topheadline fieldset legend{

display:none;

}

div.topheadline form label input {

background: none; 

border: none;

outline: none; 

width: 170px; 

margin-top: 5px; 

padding-left:10px;

color:#484848;

}



.buttonhide {display: none;}









/*------------------------------------------------------

  		Recent Blog Entries Unordered Lists

  ------------------------------------------------------*/	

ul.commonlist

{

margin-top:20px;

margin-bottom:20px;

padding:0;;

}



ul.commonlist li

{

margin-bottom:3px;

font:normal 11px/18px Arial, Helvetica, sans-serif;

padding:3px 0px;border-bottom:1px solid #b8b8b8;

color:#666666;

margin-bottom:20px;

}

ul.commonlist li a:link, ul.commonlist li a:visited, ul.commonlist li a:active

{

padding:3px 0px;

color:#777777;

text-decoration:none;

}



ul.commonlist li a:hover

{

color:#484848;

padding:3px 0px;

text-decoration:none;

}





ul.commonlist li img

{

vertical-align:middle;

margin-right:5px;

}



.tb10

{

margin:10px 0;

}

.tb20

{

margin:20px 0;

}





div.date

{

margin:5px 0 5px 0;

}





/*------------------------------------------------------

  				Sidebar Menu

  ------------------------------------------------------*/	





.submenu{

margin:10px 0;

}



.submenu ul {

margin:0;

list-style:none;

padding:0 10px;

}



.submenu li a {

font:normal 12px Arial, Helvetica, sans-serif;

voice-family:inherit;

height:16px;

margin:0;

color:#696969;

border-bottom:1px solid #dedede;

text-decoration:none;

}



.submenu li li a {

font:normal 12px Arial, Helvetica, sans-serif;

margin:0;

color:#696969;

text-decoration:none;

border-bottom:1px solid #dedede;

text-decoration:none;

}



.submenu li li a:link, .submenu li li a:visited {

color:#696969;

display:block;

padding:6px 10px;

}



.submenu li a:link, .submenu li a:visited {

color:#696969;

display:block;

padding:6px 10px;

}



.submenu li a:hover {

color:#484848;

padding:6px 10px;

}



.submenu li li a:hover {

color:#484848;

padding:6px 10px;

}





.submenu li li.current_page_item a

{

	color: #484848;

	font-weight:bold;

	text-decoration: none;

}

.submenu li.current_page_item a

{

	color: #484848;

	font-weight:bold;

	text-decoration: none;

}

.submenu li.current-cat a

{

	color: #484848;

	font-weight:bold;

	text-decoration: none;

}

.submenu ul li.current_page_ancestor

{

	color: #484848;

	font-weight:bold;

	text-decoration: none;

}





/*------------------------------------------------------

  				Comments

  ------------------------------------------------------*/	



.the_commentor {

float:left;

width:110px;

text-align:right;

}

.the_commentor p

{

padding:0;

margin:0;

}



.comment-metadata a {

text-decoration:none;

font-size:10px;

letter-spacing:0;

}



.the_comment {

float:right;

width:450px;

font:normal 12px/18px Arial, Helvetica, sans-serif;

letter-spacing:-1;

color:#5d5949;

padding:20px;

margin-right:5px;

min-height:100px;

margin-bottom:10px;

background-color:#f8f8f8;

border:1px solid #dddddd;

}



ol.commentlist li.alt .the_comment {

position:relative;

top:1px;

overflow:auto;

background-color:#ffffff;

}



ol.commentlist {

padding:10px 0;

margin:0;

}



ol.commentlist li {

clear:both;

list-style:none;

}



.comment-author {

font: normal bold 14px/16px Arial, Helvetica, sans-serif;

margin-bottom:0;

}



.comment-author a {

color:#1a7dc7;

text-decoration:none;

}



.commentlist .the_comment a {

color:#1a7dc7;

}



.commentlist .the_comment a:hover,.comment-author a:hover {

color:#1a7dc7;

text-decoration:underline;

}



/*------------------------------------------------------

  				Top BlogPage Post Info

  ------------------------------------------------------*/	





.postinfo

{

background:#e8e8e8;

padding:3px 10px;

font-size:11px;

color:#777777;

line-height:24px

}

.postinfo a

{

color:#484848;

padding:3px 3px;

}



*html .postinfo /* IE6 Height Fix */

{

line-height:30px;

}

/*------------------------------------------------------

  				Blogpage Box

  ------------------------------------------------------*/	



.blogbox 

{

padding:20px;

overflow:auto;

height:100%;

}



.blogbox img

{

margin-right:20px;

}



div.blogbox p

{

padding:20px 0 5px 0;

}



.avatarimg

{

background:#FFFFFF;

padding:5px;

border:1px solid #cdcdcd;

}

.avatarimg:hover

{

background:#FFFFFF;

padding:5px;

border:1px solid #6c6c6c;

}



/*------------------------------------------------------

  				Blog Page Box Bottom Bar

  ------------------------------------------------------*/	



.bottomblog

{

background:#fdfefe url(../images/boxbar.gif) top left repeat-x;

padding:10px;

overflow:auto;

height:100%;

border:1px solid #ddd;

border-top:0;

}





/*------------------------------------------------------

  				Comment Page form

  ------------------------------------------------------*/	



#commentform input {

	width: 170px;

	padding: 5px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 500px;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: left;

	}

#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

#commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}



/*******************/



#wp-calendar

{

	border-collapse: separate;

	border-spacing: 0;

	text-align: center;

	width: 100%;

}

#wp-calendar caption

{

	color: #484848;

	font-size: 11px;

	padding: 8px 0;

}

#wp-calendar th

{

	background: #dbdbdd;

	color: #484848;

	font-size: 11px;

	padding:8px 0;

}

#wp-calendar td

{

	border-top: 1px solid #dbdbdd;

border-collapse:seperate;

	color: #484848;

padding:8px 0;

	font-size: 11px;

	overflow: hidden;

	vertical-align: middle;

	width: 14.28%;

}



#wp-calendar td:hover

{

	border-top: 1px solid #b8b8b8;

	color: #484848;

	font-size: 11px;

	overflow: hidden;

	vertical-align: middle;

	width: 14.28%;

}





#wp-calendar td#today

{

	background: #484848;

	border-top: 1px solid #000;

	color: #fff;

	overflow: hidden;

	vertical-align: middle;

}



#wp-calendar a

{

	font-style: normal;

	font-weight: bold;

}

#prev

{

	text-align: left;

}

#next

{

	text-align: right;

}

#prev a, #next a

{

	color: #484848;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	padding: 3px 0 0 0;

	text-decoration: none;

	text-transform: uppercase;

}

#prev a:hover, #next a:hover

{

	color: #000;

}



.submitbutton

{

border:none;

background:URL(../images/submit.gif) no-repeat;

width:94px;

height:24px;

text-indent:-9999px;



}







/*------------------------------------------------------

  	Top Menu Lists

  ------------------------------------------------------*/	

.topmenu{

margin-top:20px;

float:right;

}





/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;	position:relative; z-index:100	;float:right;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			15em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block; font:normal bold 11px Arial, Tahoma, Verdana, Sans-serif; 

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */



}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			15em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			15em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	border:1px solid #545454;border-bottom:0px;

	padding: 		.50em 1.2em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#fff;

}

.sf-menu li ul{

	border-bottom:1px solid #545454;

}

.sf-menu li li {

	background:		#545454;

}

.sf-menu li li li {

	background:		#545454;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	text-decoration:none;color:#fff;

	outline:		0;	background:#cb6000 url(../images/orange/topmenu.gif) bottom left repeat-x;

}





/*** currentpage **/

.sf-menu .current_page_item a, .sf-menu .current-cat a:visited  { /* visited backgrounds for the current page status */

	text-decoration:none;color:#fff;

	outline:		0;	background:#cb6000 url(../images/orange/topmenu.gif) bottom left repeat-x;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}