/*-------------------------+
 | Site: Gro Agencies      |
 +-------------------------*/
 
 
 /* Core layout 
======================================================================*/
* {margin:0;padding:0;}

body {
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	}
body img {border:none;}

#container {width:auto; background:#fff url(../images/core/logo.gif) left top no-repeat; padding:100px 0 0 0;}
#banner {display:none;}

#content-container {width:auto; margin:0 auto; background:none;}
#content-left {display:none;}
#content-right {width:auto; background:none;}
#content {width:auto;}

#featured {width:auto; background:url(../images/core/white-stripe-bg_49.gif) repeat-x;}
#featured img {border:10px solid #dfddce; margin:0 0 15px 20px;}

#affiliate {display:none;}
#footer {display:none;}


 /* Left Cta  
----------------------------------------------------------------------*/
#cta-address {background:url(../images/icon-contact.gif) no-repeat; padding:0 0 20px 25px; margin:25px 0 0 0;}
#cta-phone {background:url(../images/icon-phone.gif) no-repeat; padding:0 0 20px 25px;}
#cta-fax {background:url(../images/icon-fax.gif) no-repeat; padding:0 0 20px 25px;}
#cta-email {background:url(../images/icon-mail.gif) no-repeat; padding:0 0 20px 25px;}


 /* Products layout 
----------------------------------------------------------------------*/
.products {background:#dfddce; padding:10px; margin:0 0 10px 0;}
.products img {border:7px solid #cfcdbe;}





 /* Navigation layout 
======================================================================*/
#navigation {width:944px; background:#8c258b url(../images/nav/bg-repeat.gif); height:39px;} 

ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:39px;}
ul#nav li a:hover {background-position:0 -39px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0; width:85px;} 
ul#nav li#profile a {background:url(../images/nav/profile.gif) no-repeat 0 0; width:86px;} 
ul#nav li#our-products a {background:url(../images/nav/products.gif) no-repeat 0 0; width:132px;} 
ul#nav li#new-products a {background:url(../images/nav/new-products.gif) no-repeat 0 0; width:140px;} 
ul#nav li#specials a {background:url(../images/nav/specials.gif) no-repeat 0 0;width:95px;} 
ul#nav li#testimonials a {background:url(../images/nav/testimonials.gif) no-repeat 0 0;width:132px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:85px;} 

#footer a {color:#7e4596; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

a {color:#d122d1; text-decoration:none;}
a:hover {text-decoration:underline;}





 /* Fonts 
======================================================================*/
#content-left p {font-size:11px; padding:0 0 0 0;}
#footer p {color:#55236a; font-size:11px; padding:0 0 10px 0;}
.image p {color:#7a677d; font-size:11px; padding:10px 0 0 0; line-height:17px;}

h1 {color:#523c52; font-size:20px; font-weight:normal; padding:7px 0 30px 0;}
h2 {color:#644d6a; font-size:16px; font-weight:normal; padding:0 0 15px 0;}
h3 {color:#000; font-size:14px; font-weight:normal; padding:0 0 15px 0;}
h4 {color:#643771; padding:0 0 10px 0; font-weight:bold;}
h5 {font-weight:bold; padding:0 0 10px 0; font-size:12px;}

p {font-size:12px; padding:0 0 15px 0; line-height:20px;}





 /* Extras 
======================================================================*/
.float-left {float:left; margin:0 15px 0 0;}
.float-right {float:right;}

.banner-cta {float:right; padding:50px 0 0 0;}
hr {border-top:1px solid #d6d3bf; border-bottom:1px solid #fff; border-left:none; margin:0 0 10px 0; padding:0;}

.loose-img-container {}

.image {background:#dfddce; padding:10px; width:114px; margin:5px 0 5px 15px; float:left; text-align:center;}
.image img {border:7px solid #cfcdbe;}
.logo-print { }
.hide-print {display:none;}




/* Clearfix
======================================================================*/
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* Form Layout
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #eae9e3;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}
