/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/
@import "base.css";

body {min-width:835px; background: #fff; }
html {height:101%}

/*  <PAGE STRUCTURE>
--------------------------------------------------*/
.innerWrap {width:772px;margin:0 auto;}

/*  HEAD  */
#head { border-top:px solid #ccc; border-bottom:1px solid #ccc; width:100%; padding:15px 0 10px 0}
#head .innerWrap {width:835px}
.logo {float:left; padding-left:30px}

/*   SLIDESHOW  */
#slideshow  {width:835px;margin:0 auto;}
#prev { float:left; background:url(/images/arrowL.jpg) no-repeat left bottom; width:20px; height:34px;margin:350px 7px 0 0; text-indent:-5000px; display:block; cursor:pointer}
#next { float:left; background:url(/images/arrowR.jpg) no-repeat left bottom; width:20px; height:34px;margin:350px 0 0 7px; text-indent:-5000px; display:block; cursor:pointer}
#slideshow-container {
	border:1px solid #ccc; padding:15px 14px; float:left; margin:15px 0;
	position:relative; width:772px; height:362px;padding:0; 
}
#slideshow-container img { width:744px; height:332px; display:block; position:absolute; top:15px; left:14px; z-index:1; visibility: hidden}
#slideshow-container img.first { visibility:visible }


/*   TEXT CONTENT  */
/*.bannerText {background-color:#dbe3cb;}*/
.bannerText {background-color:#DBEDCB;}
.content .innerWrap {padding:15px 0 10px 0;}

/*   WHAT'S NEW  */
#whatsNew  {}
#whatsNew .group {padding:20px 0 0 0; width:772px; margin:0 auto;}
.whatsNewImg { float:left; background:url(/images/txtWhatsNew.jpg) no-repeat; width:170px; height:14px; text-indent:-5000px; display:block; margin-right:10px}
.whatsNewTxt {float:left; width:590px}
.bracketCorners {float:right; width:6px; height:1px; background-color: #b1cc96}
.bracketSide {border-right:1px solid #b1cc96}


/*  GALLERIES  */

/*  main galleries page */
.galleryLayout  {vertical-align:bottom; padding:5px 10px 5px 0; width:752px;margin:20px auto 0 auto;}
.galleryLayout h2 { margin:0;color:#5e9732;}
.galleryLayout a { text-decoration:none}
.galleryLayout a:hover { background:none; color:#000}

.galleryLayout .left {float:left; width:276px}
.galleryLayout .left img {border:1px solid #ccc; padding:9px}
.galleryLayout .left img:hover {border-color:#c84f1c;}
.galleryLayout .left img.noImages:hover { border-color:#ccc}

.galleryLayout .right {float:left; margin-left:20px;width:454px; text-align:left}
.galleryLayout p { margin:0;}
.small, p.small { font-size:.8em; color:#999 }
.galleryText {font-size:1.05em; line-height:1.7em; color:#666; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif}

.highslide-gallery {width:772px;margin:20px auto 0 auto;}
.closebutton {display:none}
.hsSingleImage .closebutton {display: block}
.controls-in-heading .highslide-controls { margin:5px 0 5px 10px}
.highslide-controls {position: static !important;margin: 0;width: 120px !important; float:right}

/*  FOOTER  */
#foot  {color:#9a9a9a; font-family:Arial, Helvetica, sans-serif; font-size:.7em;border-top:1px solid #ccc; margin-top:40px}
#foot .group {padding:0; width:771px; margin:0 auto;}
#foot .copyright { float:left}
#foot .nav {float:right; text-align:right}
#foot .nav a {color:#9a9a9a; text-transform:uppercase; text-decoration:none; padding-left:10px}
#foot .nav a:hover {color:#bb0707;}
#home #foot .nav .home a,
#contact #foot .nav .contact a
	{cursor:default; color:#bb0707}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav { padding:50px 0 0 40px; margin:0; float:left; } 
#nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-6000px; float:left; margin-right:30px  } 

#nav .ld a {background: url(/images/navLandscapeDesign.jpg) no-repeat -150px 0; width:150px; height:15px}
#nav .ld a:hover {background: url(/images/navLandscapeDesign.jpg) no-repeat 0 0; }
#ld #nav .ld a {background: url(/images/navLandscapeDesign.jpg) no-repeat 0 0; cursor:default}

#nav .sw a {background: url(/images/navSoilWater.jpg) no-repeat -106px 0; width:106px; height:11px}
#nav .sw a:hover {background: url(/images/navSoilWater.jpg) no-repeat 0 0; }
#sw #nav .sw a {background: url(/images/navSoilWater.jpg) no-repeat 0 0; cursor:default}

#nav .uae a {background: url(/images/navUAandE.jpg) no-repeat -270px 0; width:270px; height:15px}
#nav .uae a:hover {background: url(/images/navUAandE.jpg) no-repeat 0 0; }
#uae #nav .uae a {background: url(/images/navUAandE.jpg) no-repeat 0 0; cursor:default}


/*  <SUB NAVIGATION>
--------------------------------------------------*/
#subCat {padding:40px 0 20px 0; width:772px;margin:0 auto;}
#subCat div {float:left; width:262px;}
#subCat div.last {width:248px;}
#subCat img {border:1px solid #ccc; padding:9px}
#subCat div p { text-align:center; color:#5c9732; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:.9em}
#subCat div a { color:#5c9732;}
#subCat div a:hover { color:#c84f1c;}
#subCat img:hover {border:1px solid #c84f1c;}

	
#subNav  {padding:20px 0 20px 0; width:772px;margin:0 auto;}
#subNav ul {margin:0; padding:0; float:right}
#subNav ul li {display:inline; float:left; list-style:none; padding:0 0 0 4.5em }
#subNav li a {text-decoration:none;font-weight:bold;font-family:Verdana, Geneva, sans-serif; color:#abacaa; font-size:.9em; letter-spacing:.2em }
#subNav li a:hover {color:#c84f1c}



/*  <CONTACT FORM>
--------------------------------------------------*/
.required {background:url(/images/imagesCMS/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;}
#formContact {padding-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:.95em}
#formContact table {padding:0; margin:0; width:80%}
#formContact td {padding:0 5px 5px 0; margin:0; width:20%; text-align:right; border:none}
#formContact .tdl {text-align:left; width:80%; vertical-align:top }
#formContact input { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC; width:250px; padding:1px; letter-spacing:.04em; font-size:.95em; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formContact input:focus, #formContact textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;}

#formContact .button { margin-top:5px;background-color:#b0b388; border:1px solid black; cursor:pointer; color:#eee; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formContact textarea { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;width:250px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.95em}


/*  <PAGINATION>
--------------------------------------------------*/
.pagination {font-size:.9em;padding: 3px 3px 3px 0; text-decoration:none;width:772px;margin:10px auto 0 auto;}
.pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
.pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#e6efd9; text-decoration:none}
.pagination .current {border: 1px solid #000000;color:#000000; background-color:#e6efd9; cursor: default	}
.pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}


/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#7a2a0b; color:#ffffff;}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left }
.noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; }
#formContact .inpOK {background-color:#fff;}

/*  <MISC>
--------------------------------------------------*/
.clear {clear:both}
.right {float:right; text-align:right}
.left {float:left}
.alignR {text-align:right}
.none {display:none}
.show {display:block}
.visible {visibility:visible}
.hidden {visibility:hidden}
.SQLerror {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left; border:1px solid #7a2a0b; padding:5px }

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*  <SPECIAL LINK TYPES>
--------------------------------------------------*/
a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; }
a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;}

/*  <ACCORDION>
--------------------------------------------------*/
h3.selected  { color: #973513;}
#accordion {margin:20px 0px;}
h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd;
	margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;}
h3.back { }
div.element  {	margin:0px;padding:4px 4px 4px 10px;}
.toggler:hover   {color: #973513}  


/*  <IMAGE CAPTION>
--------------------------------------------------*/
#CMScontent p  .arc90_imgcaptionTXT {font-size: .8em;text-align: left; padding-right:0; line-height: normal}
.arc90_imgcaption {text-align: center;width: 9em;
/*border: 1px solid #004716;padding: 1em;margin: 1em 0;*/
}