@charset "UTF-8";
/* CSS Document */


/* *************************** GENERAL ELEMENTS INITIALIZING ************************* */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;	
	padding: 0;
}
h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 35px;
	font-weight:100;
	color:#700028;
	padding-top:10px;
}

h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 25px;
	font-weight:100;
	color:#700028;
}


h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight:100;
}



a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.clearBoth{
	clear:both;
}

.noBorder{
	border:none;
}

.overflowAuto{
	overflow:auto;
}

.strikeThrough{
	text-decoration:line-through;
}
/* *************************** GENERAL ELEMENTS INITIALIZING ************************* */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/backgroundJeans.png);
	margin: 0;
	padding: 0;
	color: #666;
}


.container {
	width: 952px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ----------------------- HEADER ----------------------------- */

.header {
}

.headerStrip{
	color:#999;
	font-size:11px;
	text-align:right;
	padding:5px 10px 5px 0px;
}

.headerStrip a{
	color:#666;
}

.header img{
	float:left;
}

#headerTabs {
	list-style:none;
	text-align:right;
	margin-top:55px;
}

#headerTabs  li{
	text-align:center;
	display:inline;
	font-size:15px;
	
	
	
}

#headerTabs  a{
	text-decoration:none;
	
	margin-right:5px;
	
	padding:12px 12px 7px 12px;
	
	
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	font-weight:100;
	
}

#headerTabs  a:hover{
	padding:20px 12px 7px 12px;
}


#headerTab1 {
	background-color:#A0CF32;
	color:#3F5213;
}

#headerTab1:hover{
	background-color:#3F5213;
	color:#A0CF32;
}

#headerTab2 {
	background-color:#F4D649;
	color:#66591E;
}

#headerTab2:hover{
	background-color:#66591E;
	color:#F4D649;
}

#headerTab3 {
	background-color:#A72941;
	color:#E1AEAB;
}

#headerTab3:hover{
	background-color:#E1AEAB;
	color:#A72941;
}


/* ----------------------- FOOTER ----------------------------- */

.footer {
	clear:both;
	font-size:10px;
	
	
}

.footerLeft{
	background-color:#700029;
	color:#B88094;
	width:607px;
	float:left;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}


.footerRight{
	background-color:#6E8F21;
	color:#B7C790;
	text-align:right;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}

/* ----------------------- CONTENT ----------------------------- */

.content {
	clear:both;

	padding:0;
	
	
}

/* ***************************** HOME PAGE ***************************** */

#advertBig {
	width:100%;
	margin-bottom:20px;
	
	
	
	-webkit-box-shadow: 5px 5px 10px 0px #4a4a4a;
    -moz-box-shadow: 5px 5px 10px 0px #4a4a4a;
    box-shadow: 5px 5px 10px 0px #4a4a4a;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


#rotatingImage{
	float:left;
}


#slideShow{
	width:430px;
	height:360px;
	float:left;
}


.advertRIghtBig{
	margin-left:430px;
	
	width:522px;
	height:360px;
	
	
	
	background:url(../images/advertRight.png) no-repeat 0 0;
}

#advertBig  a{
	text-decoration:none;
	color:#003300;
	background-color:#A0CF32;
	padding:6px 10px;
	border-radius:5px;
	

}


#advertBig  a:hover{
	color:#A0CF32;
	background-color:#003300;
	
}

.menuSystem{
	 background:#700029;
}



/********************* NAVIGATION *********************/
#nav {
    margin:0;
	/*padding-top:3px; */
    list-style:none;
	top:-5px;
	
	float:left;
	
	
	
	
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:right;
        display:block;
		
		
		
        background:#700029;
        position:relative;
        z-index:500;
        margin:0px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        padding:8px 18px 4px 18px;
        font-weight:100;
        height:18px;
        text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
        color:#D4B3BF;
        text-align:center;
        
    }
 
    #nav li a:hover {
	color:#fff;
	background:#430019;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
		font-weight:700; 
        color:#fff;
		background:#430019;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	
	/* Drops Shadow  Effect */
			-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	
	
			
        }
         
        #nav ul li {
			background-color: #300012;
			color:#8D737D;
            width:250px;
			height:27px;
            float:left;
       
			background-position:top;
			background-repeat:no-repeat;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
			font-family:Arial, Helvetica, sans-serif;
			font-weight:100;
			
			font-size:13px;
            display:block; 
            height:15px;
            padding: 7px 20px;
            color:#8D737D;
			text-align:left;
			background:url(../images/menuArrow_off.png) no-repeat 4px 7px;
        }
         
        #nav ul a:hover {
	color:#300012;
	padding: 6px 20px;
	font-size:14px;
	background:url(../images/menuArrow_on.jpg) no-repeat 4px 7px #A0CF32;
	font-family:Arial, Helvetica, sans-serif;	
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}


.searchBar{
	margin-left:720px;
	padding-right:10px;
	text-align:right;
	padding-top:5px;
	padding-bottom:2px;
}

.submitBtn{
	width:27px;
	height:22px;
	background:url(../images/searchBtnOff.jpg) no-repeat 0 0;
	border:none;
	
}

.submitBtn:hover{
	background:url(../images/searchBtnOn.jpg) no-repeat 0 0;
}

.searchTxt{
	border:#120006 1px solid;
	background-color:#D4B3BF;
	color:#120006;
	font-size:12px;
	padding:3px;
}
/* ------------- CONTENT AREA --------------- */

#homeContent{
	background-color:#FFFFFF;
	
}
#homeContent .mainContent{
	background-color:#FFFFFF;
	width:623px;
	float:left;
	padding-right:20px;

}





#homeContent .logoIcon{
	float:left;
	padding-right:18px;
	padding-left:5px;
	padding-bottom:60px;
}

#homeContent p{
	text-align:left;
	padding-right:10px;
	line-height: 18px;
}
#Image4 {
	padding-top:10px;
	padding-bottom:0px;
}

#homeContent .middleContent{
	clear:both;
	margin-top:20px;
	padding-top:10px;
	border-top:1px #700028 solid;
	
}

#homeContent .mainPict{
	border:1px #700028 solid;
	margin-right:18px;
	float:left;
}


#homeContent  .middleContent  ul{
	list-style-type:none;
	margin-left:278px;
}

#homeContent .middleContent ul h2{
	padding-bottom:8px;
}

#homeContent .middleContent ul li{
	color:#6D8E20;
	background:url(../images/redArrow.png) no-repeat 2px 4px;
	padding-left:15px;
	padding-bottom:5px;
	
	
}

#homeContent .comment{
	clear:both;
	margin-top:50px;
	padding-top:10px;
	border-top:1px #700028 solid;
	font-size:16;
	
	
	
}

#homeContent .comment p{
	font-style:italic;
	font-size:16px;
	padding:10px 50px;
	text-align:center;
	color:#6D8E20;
}

.startQuote{
	background:url(../images/startQuote.png) no-repeat 0 0;
	width:18px;
	height:13px;
	float:left;
	margin-left:40px;
}

.endQuote{
	padding-left:8px;
	padding-top:3px;

}

#quoter{
	clear:both;
	color:#333;
	font-style:normal;
	font-size:10px;
	margin:0;
	padding:0;
	
}


/* ------------------ SIDE BAR  -------------------------- */
#homeSideBar{
	margin-left:643px;
	padding:0;
	background-color:#FFFFFF;
	padding-top:15px;
}

#homeSideBar ul{

	background-color:#D1DDD8;
	border-radius:12px;
	padding:0;
	margin:0;
	list-style:none;
}

#homeSideBar h3{
	color:#FFF;
	background-color:#6E8F21;
	padding:3px 8px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	
}

#homeSideBar ul li{
	overflow:auto;
	
	border-bottom: 1px #88B128 solid;
	padding:10px 10px 10px 0px;
	
	
}

#homeSideBar .caseStudyIndent{
	margin-left:8px;
}

#homeSideBar ul li img{
	border:5px #88B128 solid;
	margin:0 10px;
	float:left;
}

#homeSideBar ul li h4{
	color:#6C8D1F;
}

#homeSideBar ul li p{
	font-size:12px;
	text-align:left;
	padding:0;
	margin:0;
	padding-top:4px;
}

#homeSideBar ul li .date{
	font-style:italic;
	color:#6C8D1F;
	font-size:11px;
	padding:0;
}

#homeSideBar ul li a{
	color:#415513;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-top:5px;
}

#homeSideBar ul .noBorder{
	border:none;
}

/* ----------------- PAGE CONTENT ---------------------- */

#pageContent{
	background-color:#FFF;
}

#pageContent .sideBar{
	float:left;
	width:250px;
	padding-right:20px;
	
}

#pageContent .sideBar ul{
	
	background-color:#D1DDD8;
	border-radius:12px;
	padding:0;
	margin:0;
	list-style:none;
	padding-bottom:10px;
	
	margin-top:19px;
	
}


#pageContent .sideBar ul h3{
	color:#FFF;
	background-color:#6E8F21;
	padding:3px 8px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	margin-bottom:5px;
}


#pageContent .sideBar ul li{
	background:url(../images/greenArrow.png) no-repeat 0 5px;
	padding-left:20px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:3px;
	color:#333;
	
}

#pageContent .mainContent{
	
	margin-left:270px;
	padding-right:30px;
	
}

#pageContent .mainContent .introduction{
	text-align:left;
	padding-bottom:15px;
	margin-bottom:5px;
	border-bottom:1px #6E8F21 solid;
}
#pageContent .mainContent p{
	font-size:12px
}

#pageContent .mainContent img{
	border: 5px #88B128 solid;
	margin-top:13px;
	margin-right:10px;
	margin-bottom:30px;
	float:left;
}

#pageContent .mainContent h2{
	margin-top:20px;
	margin-bottom:3px;
	font-size:20px;
}

#pageContent .contentFooter{
	clear:both;
	border-top:1px #6E8F21 solid;
	margin-top:10px;
	
}
#pageContent .contentFooter h2{
	margin-top:5px;
}

#pageContent .contentFooter .footerListLeft{
	list-style-type:none;
	float:left;
	margin-bottom:10px;
}

#pageContent .contentFooter .footerListRight{
	list-style-type:none;
	float:left;
	margin-bottom:10px;
	margin-left:70px;
}

#pageContent .contentFooter .footerListLeft li{
	background:url(../images/redArrow.png) no-repeat 15px 4px;
	padding-left:30px;
}

#pageContent .contentFooter .footerListRight li{
	background:url(../images/redArrow.png) no-repeat 15px 4px;
	padding-left:30px;
}

/* ---------------- Service ---------------- */
#pageContent .mainContent .serviceTitle{
	margin:0;
	background-color:#700028;
	color:#FFF;
	font-size:18px;
	font-weight:100;
	padding:3px;
	padding-left:10px;
	width:100px;
}
#pageContent .mainContent .prodcutBox{
	border:1px #700028 solid;
	padding:10px;
}

#pageContent .mainContent .prodcutBox p {
	margin-bottom:10px;
}

#pageContent .mainContent img{
	margin:0;
	padding:0;
	margin-right:10px;
	margin-right:30px;
	
}

#pageContent .noBorder{
	border:none;
}

#pageContent .mainContent .introduction2{
	text-align:left;
	padding-bottom:15px;	
}

.productBox .benefits

#pageContent .contentFooter .footerProjects{
	list-style:none;
}

.footerProjects{
	list-style:none;
}

#pageContent .contentFooter .footerProjects li{
	padding-left:30px;
	background:url(../images/redArrow.png) no-repeat 15px 4px;
	margin-bottom:8px;
}

#pageContent .contentFooter .footerProjects li h4{
	font-weight:bolder;
}

#pageContent .sideBar ul .download{
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}

#pageContent .sideBar ul .download img{
	border:1px #700028 solid;
	-webkit-box-shadow: 2px 2px 3px 0px #4a4a4a;
    -moz-box-shadow: 2px 2px 3px 0px #4a4a4a;
    box-shadow: 2px 2px 3px 0px #4a4a4a;
	float:left;
}


#pageContent .sideBar ul .download a{
	font-size:16px;
	padding-left:18px;
}

#pageContent .sideBar ul .download p{
	background-color:#700028;
	color:#FFF;
	margin-left:80px;
	padding:3px 18px;
}


/* -------------- CLIENT LIST ------------ */
.footerListLeft{
	list-style-type:none;
	float:left;
	margin-bottom:10px;
}

.footerListRight{
	list-style-type:none;
	float:left;
	margin-bottom:10px;
	margin-left:70px;
}
.footerListLeft li{
	background:url(../images/redArrow.png) no-repeat 15px 4px;
	padding-left:30px;
}

.footerListRight li{
	background:url(../images/redArrow.png) no-repeat 15px 4px;
	padding-left:30px;
}


/* ------------------- CONTACTS PAGE ------------------- */
#contactContent{
	
	width: 100%;
	display:block;
	
}



#contactContentLeft {
    float: left;
    width: 250px;
	margin:0;
	padding:0;
	padding-left:30px;

	
}
#contactContentRight {
    float: right;
    width: 280px;
	margin-right:0px;
	margin-top:10px;
	
    
}
#contactContentMiddle {
	padding:0;
	margin-left:300px;
	margin-right:300px;
	
	
	
}


#contactContentRight img{
	border:1px #700028 solid;
}

#contactContentRight h2{
	background-color:#700028;
	color:#FFF;
	font-size:20px;
	padding:3px;
	width:150px;
}
.contactInput{
	border: 1px solid #999;
	width:240px;
	
}

.contactInputArea{
	height:100px;
	width:240px;
}

#contactContentMiddle ul{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #200028;
	margin-top:15px;
	padding-left:10px;
	list-style-type:none;
}

#contactContentMiddle ul h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	color:#193015
}

#contactContentMiddle ul li{
	margin-top:2px;
}


#contactContentMiddle ul .contactTab{
	color:#700028;
	width:50px;
	text-align:right;
	padding-right:10px;
	margin-right:5px;
	float:left;
	background:url(../images/redArrow.png) no-repeat 55px 3px;
	
	
}

#contactContentMiddle h4{
	color:#700028;
	font-size:15px;
}


/* ----------------------------- CASE STUDY CSS ------------------------------- */
.mainCaseBody{
	padding-left:20px;
	padding-right:20px;
	width:100%;
}

.caseStudyBody{ 
	margin:15px,15px,0,15px;
	padding-right:20px;
	margin-right:20px;
	
}

.caseTitle{
	padding-bottom:20px;
}



.caseStudyBody img{
	float:left;
}

.caseStudyBody p{
	padding:0 15px;
	margin-left:226px;
	margin-bottom:10px;
}

#casePictLeft{
	width:214px;
	padding-bottom:20px;
	float:left;
}


#casePictRight{
	
	padding-bottom:20px;
	width:214px;
	margin-left:234px;
}

.caseStudyBody2{
	clear:both;
	padding-right:20px;
	margin-right:20px;
}

.caseStudyBody2 p {
	padding-bottom:20px;
}

/* -------------------- ABOUT US ------------------------- */
#aboutUsList{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:15px;
}


#serviceIndent{
	margin-left:20px;
}