/* CSS Document */


/* -------- color guide ----------
#F68726 : fab orange

*/

/*////////// GENERAL //////////*/
 html, body, div, span, img, object, p, h1, h2, h3, h4, h5 {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
 }
/*clear fix apply this to page wrap div*/ 
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

img {
	border:none;
	/*clear: both;*/
}

body {
	text-align: center;

	background: #FFF url(images/page_bg.jpg) repeat-x left top;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/*////////// CONTENT //////////*/
#wrapper {
	position: relative;
	padding: 0;
	width: 1066px;
	margin: 0 auto;

	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#wrapperbg {
	float: left;
	padding: 0;
	width: 1066px;
	margin: 0 auto;
	/*background: url(images/1015Border.gif) repeat-y left;*/
	background: url(images/bgShadow_1066.jpg) repeat-y left;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#container {
	margin: 0 auto;
	width: 1000px;
	
}

#header {
	height: 134px;
	width: 980px;
	margin-left: -5px;
	position: relative;
}
#topImages {
	float: left;
	width: 1000px;
	height: 250px;
	margin-top: 0px;
	background: #FFF;
}
#topImagesOth {
	float: left;
	width: 1000px;
	height: 250px;
	margin-top: 0px;
	background: #FFF;
	border-bottom: 20px solid #CCC;
}

#topImagesPortfolio{
	float: left;
	width: 1000px;
	height: 55px;
	margin-top: 20px;
	background: #FFF;
	border-bottom: 20px solid #CCC;
}
.indexFab {
	background: url(images/you_are_fab.jpg) no-repeat;
	float: left;
	height: 120px;
	width: 1000px;
	position: relative;
	border-bottom: 20px solid #666;
}

#testimonialIndex {
	position:absolute;
	width:472px;
	height:110px;
	z-index:1;
	font-size: 11px;
	font-style: italic;
	left: 11px;
	top: 5px;
}
#twitter {
	position:absolute;
	width:132px;
	height:61px;
	z-index:1;
	left: 911px;
	top: 2px;
	text-align: right;
}


/*index*/
.index {
	margin:0 auto;
	padding:20 0 0;
	background:#fff;
}
.index_left { width:469px; float:left; }
.index_left b { font-size:13px; color:#3e3e3e; }
.index_right { float:right; }
.index_right .index-col { background:url(images/line_dotted.gif) repeat-x center bottom; }
.index_blog { margin:0 auto; padding:7px 0; width:962px; }
.index h3, .index h2 {
	margin:0;
	padding:0px 0 3px;
	font-size:21px;
	font-weight:normal;
	color:#666;
}

.index h2 {
	margin-bottom: -5px;
	border-style: none;
}.index .space { margin:0 0 0 25px; }
.index_left_b { padding-top: 20px; }
.index_left_b_l { width:220px; float:left; }





#mainContent {
	width: 1000px;
	margin-top: 10px;
	float: left;
	background: #f5f0e9;
	background: #FFF;
}

#homeText {
	float: left;
	width: 865px;
	height: 153px;
	top: 10px;
	margin-bottom: 0px;
}

#divlft {
	width: 475px;
	float: left;
}
#divrt {
	float: right;
	width: 465px;
	margin-right: 10px;
}

p {
	line-height: 16px;
	padding-bottom: 13px;
	padding-top: 5px;
	padding-left: 10px;
}
#divlft p { padding-left: 20px; }




/*////////// TYPEOGRAPHY //////////*/
h1 {
	font-family:  Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #231F20;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
h2 {
	font-size: 13px;
	color: #333;
	padding-top: 30px;
	font-weight: lighter;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 2px;
	border-bottom: 1px solid #F9A956;
	
}
h3 {
	font-size: 13px;
	color: #333;
	padding-top: 30px;
	font-weight: lighter;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #F9A956;
	
}

.bold12 {
	font-size: 12px;
	font-weight: bold;
	
}

.fabOrange {
	color: #F68726;
	font-size: 14px;
}
.index p.italic { font:italic 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; }
/************mainnav*************/
#mainNav {
	float:right;
	margin-right: 0px;
}
#navcontainer { height: 25px; }


 #navlist
{
	margin: 7px 0px 6px;
	padding: 0px;
}
#navlist li a.small {
	font-size: 13px;
}

#navlist ul, #navlist li
{
	padding: 0;
	display: inline;
	list-style-type: none;
	margin: 0;
}

#navlist a:link, #navlist a:visited
{
	float: none;
	line-height: 20px;
	text-decoration: none;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 30px;	
}


 #navlist a:hover
{ color: #FA8826; 	
}
#navlist a.active
{
	color: #F68726;
	/*background-color: #369;*/
text-decoration: none;
}
/*********** BEGIN subNav ***********/
 #subnavcontainer
{
margin: 0px 0 0 430px;
padding: 0;
height: 20px;
}

#subnavcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#subnavcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#subnavcontainer ul li a
{
	background: #fff;
	width: 78px;
	height: 18px;
	/*border-top: 1px solid #f5d7b4;
	border-left: 1px solid #f5d7b4;
	border-bottom: 1px solid #f5d7b4;
	border-right: none;*/
	padding: 0;
	margin: 0 0 10px 0;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
}

#subnavcontainer ul li a:hover
{
	color: #F68726;
	background: #F5F5F5;
}


#subnavcontainer a.active
{
	background: #F5F5F5;
	color: #F68726;
}

/* END subnav */
/* BEGIN style10 */
 #navcontainer3
{
	margin: 0;
	padding: 0 0 0 12px;
	position: absolute;
	width: 441px;
	left: 543px;
	top: 191px;
}


#navcontainer3 UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer3 LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer3 A
{
	color: #666;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 2px 10px;
	/*border-right: 1px solid #666;*/
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


#navlist3 #activeNoBorder a {
	color: #F78726;
	border-right: 0px;
	/*background: #F5F5F5;*/
	text-decoration: underline;
}
#navlist3 #NoBorder a {
	
	border-right: 0px ;
}
#navlist3 #active a {
	color: #F78726;
/*	background: #F5F5F5;*/
	text-decoration: underline;
}
#NavSecond {
    height: 90px;
	width: 500px;
	position: relative;
}

#navcontainer3 A:hover{
	color: #F78726;
	/*background: #F5F5F5;*/
	text-decoration: underline;
} 

#navcontainer A:active {
	color: #F78726;
	background: #F5F5F5;
}

#navcontainer3 A.active:link, #navcontainer3 A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}
.noBorder {
	border-style: none;
}




/*////////// LINKS //////////*/
a:link, a:visited {
	color: #F68726;
	text-decoration: none;
	font-size:11px;
}

a:hover {
	text-decoration: underline;
	color: #666;
	font-size:11px;
}
	

a:active {

	text-decoration: none;
}

a.fab:link {
	font-size: 10px;
	color: #4D586A;
	text-decoration: none;
}
a.fab:visited {
	font-size: 10px;
	text-decoration: none;
	color: #4D586A;
	
}
a.fab:hover {
	font-size: 10px;
	text-decoration: none;
	color: #BCB885;
}
a.fab:active {
	font-size: 10px;
	text-decoration: none;
}

a.contact:link, a.contact:visited  {
	text-decoration: none;
	color: #416C7D;
	font-size: 10px;
}

a.contact:hover {
	text-decoration: none;
	color: #FFF;
	
}
a.style2:link, a.style2:visited  {
	text-decoration: none;
	color: #666;
}

a.style2:hover {
	text-decoration: none;
	color: #D28122;
}

/*////////// FOOTER //////////*/
#pushbottom{
 clear:both;
}
#footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 1px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer {
	font-size: 10px;
	clear: both;
	padding-top: 30px;
	padding-bottom: 20px;

		
}

a.footer:link {
	color: #B3D011;
}



.clr { clear: both; }


#homeBotTop {
	float: left;
	height: 38px;
	width: 1000px;
	background: #fff url(images/services_top.jpg) no-repeat center top;
	position: relative;
	clear: both;
}
#homeBotBody {
	float: left;
	height: 193px;
	width: 1000px;
	background: #fff url(images/services_mid.jpg) no-repeat center bottom;
	position: relative;
}
#testimonialIndex .italic p { margin-bottom: 23px; }
.orangeLg {
	font-size: 15px;
	font-weight: bold;
	color: #F78826;
}
#homeBotBot {
	float: left;
	height: 39px;
	width: 1000px;
	background: #fff url(images/services_bot.jpg) no-repeat center top;
	position: relative;

}
#bot1 {
	width: 275px;
	margin-top: 0px;
	padding-left: 50px;
	padding-right: 10px;
	
	float: left;
}
#bot2 {
	width: 255px;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	
	float: left;
}
#bot3 {
	width: 250px;
	margin-top: 30px;
	margin-left: 50px;
	float: left;
}
#bot1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#bot1 ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(images/green_bullet.gif) no-repeat 0.2em 0.1em;
	color: #333;
}
#homeBot  p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer div a { color: #666; }
#bot3 img { border: 3px solid #D2D2D2; }

/**********************about **********************/

#about #divlft p img { margin-right: 10px; }
#about #divrt p img { margin-right: 10px; }

/**********************header social**********************/

.social_118 { display:block; overflow:hidden; width: 32px; height: 32px; margin:3px 0 0; float:right; background: url('images/social_facebook_1.png') no-repeat; }
.social_118:hover { background: url('images/social_facebook_1.png.png') no-repeat; }
.social_119 { display:block; overflow:hidden; width: 32px; height: 32px; margin:3px 0 0; float:right; background: url('images/social_twitter_1.png') no-repeat; }
.social_119:hover { background: url('images/social_twitter_1.png.png') no-repeat; }
/*.social_120 { display:block; overflow:hidden; width: 32px; height: 32px; margin:0; float:left; background: url('images/social_linked_inBW.jpg') no-repeat; }
.social_120:hover { background: url('images/social_linked_in.jpg') no-repeat; } 
*/

/**********************services**********************/

#expertise-main{font-family:"Trebuchet MS";font-size:1.231em;line-height:1.5;width:825px;}
#expertise-boxes{margin-bottom:25px;}
#expertise-boxes div.expertise-box{float:left;width:425px;margin-right:25px;}h1.title{color:#9D9D9D;
  margin-bottom:22px;} 
#expertise-boxes .expertise-box .title { color:#F78726; }
#expertise-boxes .expertise-box .title a {
	font-size: 14px;
	font-family:"Trebuchet MS";
	text-transform:lowercase;
	font-weight:bold;
	color:#F78726;
	text-decoration: none;
}
.title {font-size: 14px;
font-family:"Trebuchet MS";text-transform:lowercase;
font-weight:bold}
a.title { font-size: 14px;
font-family:"Trebuchet MS";text-transform:lowercase;
font-weight:bold }

#services-content { margin-left: 50px; }
#bot1 a.read_more { padding-left: 170px; }

/**********************faqs**********************/
.faq {
	font-weight: bold;
	padding-left: 5px;
	line-height: 17px;
	padding-right: 10px;
	color: #F78826;
	
}
#divfaqs {
	float: left;
	width: 800px;
	margin-left: 50px;
}
/**********************portfolio**********************/

#divPortfolio {
	float: left;
	width: 845px;
	margin-left: 135px;
}
/**********************portfolio**********************/

#divPortfolioOth {
	float: left;
	width: 800px;
	margin-left: 165px;
}
#divPortfolioOth2 {
	float: left;
	width: 870px;
	margin-left: 130px;
}

/********** contact form **********/
#divcontact1 {
	float: left;
	width: 600px;
	margin-left: 100px;
}
#divcontact2 {
	float: right;
	width: 200px;
	margin-left: 0px;
	margin-right: 60px;
	margin-top: 140px;
}

.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444444; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #e7e7e7; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:420px; border:1px solid #e7e7e7; margin:10px 0; padding:2px; background:#f8f8f8; height:200px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 250px; border:0; color:#FFF;}
.paynow {
	padding-top: 15px;
	border-top: 1px solid #909090;
	margin-top: 15px;
}

/*for  image rollovers*/
a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
	
#portfolio #divlft  {
	padding-right: 0px;
	width: 420px;
	margin-left: 60px;
	float: left;
}
#portfolio #divrt  {
	margin-right: 50px;
	padding-left: 20px;
	width: 420px;
	float: left;

	
}
#divPortfoliox { text-align: center; }
.index .index_left_b .index_left_b_l.space p { padding-bottom: 0px; }