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


/* grillo.css

Author:  			Max K-Thompson
E-mail:				max@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				19/04/2009

Version:			1.0
Designed for:		FireFox 3

CSS file:			Design One 

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

/* =RESET
------------------------------------------------------------------------------*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, form, fieldset{
	margin:				0px;
	padding: 			0px;
}

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body {
	font-family:		verdana;
	font-size:			12px;
	letter-spacing:		0.1em;
	line-height:		2em;
	background:			#F4F7F3;
}
ul {
	list-style-type: 	none;
}
img{
	border:				none;
}
a{
	text-decoration:	none;
	outline:			none;
}
a:hover {
	text-decoration: 	none;
}


.pnp{
	font-family:		Georgia, "Times New Roman", Times, serif;
	color:				#96BD8F;
	width:				300px;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
}

/* =LOGO
------------------------------------------------------------------------------*/


.header .logo a{
	display:			block;
	background-image: 	url(images/GrilloLogo.jpg);
	height: 			58px;
	width: 				354px;
	text-indent: 		-4000px;
}

.footer .logo a{
	background-image: 	url(images/logoRICS_BotLeftCorner.jpg);
	height: 			63px;
	width: 				148px;
	text-indent: 		-4000px;
	display:			block;
}

/* =MENU
------------------------------------------------------------------------------*/

.menu {
	/*border-bottom: 		solid 3px #96BD8F;*/
	border-bottom: 		solid 3px #29791a;
	margin:				10px 25px 1px 20px;
	height:				36px;
	float:				left;
	width:				1103px;
}
.menu ul {
	margin-left:		180px;
}
.menu ul li {
	float: 				left;
}
.menu ul li a {
	height:				26px;
	color:				#848484;
	font-family:		Georgia;
	font-size:			14px;
	padding:			5px 16px 5px 17px;
	display:			block;
	float:				left;
}
.menu  ul li a:hover, .menu  ul li a.over, .menu .selected a, .menu .selected a:hover  {
	background: 		#29791a;
	color:				#FFF;
}

/* =NAVIGATION
------------------------------------------------------------------------------*/

.nav {
	background-color: 		#FFF;
	font-size: 				14px;
	font-family: 			verdana;
	width:					165px;
	padding:	    		0px 0px 40px 5px;
}
.nav a {
	color: 					#448937;
}
.nav li {
	width: 					165px;
	border-bottom:			1px solid #D6E4D3;
	padding: 				1px 0px 1px 0px;
}
.nav li a{
	weight:					lighter;
	font-family:			Helvetica, Verdana, Geneva, sans-serif;
	display:				block;
	padding:				10px 20px 10px 20px;
	font-size:				12px;
}
.nav li a:hover, .nav li a.over, .nav .selected a {
	background-color:		#29791a;
	color:					#FFF;
}


/* =BANNER
------------------------------------------------------------------------------*/

.banner {
	text-align:			right;
	height:				201px;
	width:				923px;
	float:				right;
}
.bannerHome {
	background: 		url(images/bannerHome_top.jpg) no-repeat;
	height: 			197px;
	width: 				923px;
	float: 				right;
	border-bottom:		solid 3px #D6E4D3;
}
.pageTitle {
	text-align:			left;
	background:			#FFF;
	height:				159px;
	width:				482px;
	font-size:			30px;
	font-family:		Georgia;
	color:				#65BF28;
	padding:			42px 0px 0px 14px;
	line-height:		35px;
	letter-spacing:		2px;
	font-weight:		lighter;
	float:				left;
}


.banner img{
	float:				left;
	margin-left:		2px;
}
/* =A =LINKS
------------------------------------------------------------------------------*/

footer ul li a {
	font-size:			10px;
}
.footer ul li a {
	color:				#848484;
	font-family:		Georgia;
}


/* =TEXT
------------------------------------------------------------------------------*/

.address {
	float: 				right;
	font-family:		Georgia;
	font-size:			10px;
	color:				#29781A;
	padding-right:		0px;
	width:				280px;
}

/* =HEADERS
------------------------------------------------------------------------------*/

.titles {
	color:				#65BF28;
	font-size:			30px;
	font-family:		Georgia;
	padding-bottom:		30px;
	font-weight:		normal;
	line-height:		1.3em;
}

.titles span{
	font-size:			15px;
	line-height:		1em;
}

/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper {
	width: 				1148px;
	margin-top: 		0px;
	margin-right: 		auto;
	margin-bottom: 		0px;
	margin-left: 		auto;
	padding-bottom: 	28px;
	background:			#FFF;
}

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

.header .row1 {
	padding: 			33px 0px 0px 36px;
	height: 			89px;
	background: 		url(images/backgroundHeaderStrip.jpg) repeat-x;
}

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

.content {
	background-color:	#FFFFFF;
	padding-right:		25px;
}
.content .col1 {
	margin-left:		20px;
	width:				180px;
	float:				left;
}
.content .col2 {
	width:				923px;
	float:				right;
}
.content .col2 .col1 {
	margin-left:		0px;
	padding:			25px 0px 0px 17px;
	width:				460px;
	float:				left;
}
.content .col2 .col1 p, .content .col2 .col2 p {		
	margin:				0px 0px 35px 0px;
	color:				#808080;
}
.content .col2 .col1 p strong, .content .col2 .col2 p strong {		
	font-weight: 		bolder;
	color:				#404040;
}
.content .col2 .col2 {
	float:				right;
	width:				401px;
	padding-right:		20px;
	padding-top:        25px;
}

.content .col2 .col1 ul, .content .col2 .col2 ul{
	list-style:			disc;
	color:				#808080;
	margin:				0px 0px 30px 30px;
}





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

.footer {
	clear:				both;
}
.footer .row1 {
	padding-bottom:		10px;
}
.footer .row2 {
	border-top:			solid 1px #D6E4D3;
}
.footerMenu {
	border-top:			solid 1px #FFF;
	background:			url(images/backgroundFooterStrip.jpg) repeat-x;
	height:				32px;
	padding-left:		175px;
}

/* =LISTS
------------------------------------------------------------------------------*/

.list1 li {
	float:				left;
	margin-right:		25px;
}
.box1 a{
	background:			url(images/boxHome_Right.jpg) no-repeat;		
	height: 			78px;
	width: 				216px;
	padding:			23px 50px 0px 40px;
	margin:				0px 61px 50px 0px;
	color:				#29781A;
	font-size:			18px;
	font-weight:		normal;
	font-family:		Georgia;
	float:				right;
	display:			block;
}


*html .box1 a{
	_margin-right:		40px;
}


/* =TOP MIDDLE
------------------------------------------------------------------------------*/

.topMiddle{
	height:				220px;
	margin:				20px 0px 0px 0px;
}

.topMiddle p, .topMiddle h3{
	margin:				0px 20px 0px 20px;
}

.topMiddle img{
	margin-left:		20px;
}

.slidingButtons{
	margin-left:		18px;
}

/* =THREE COL LAYOUT
------------------------------------------------------------------------------*/


.threeColLayout .wrapper .content .col2 .col1, .threeColLayout .wrapper .content .col2 .col2, .threeColLayout .wrapper .content .col2 .col3{
	width:				270px;
	padding-top:        55px;
	float:				left;
}

.threeColLayout .wrapper .content .col2 .col1, .threeColLayout .wrapper .content .col2 .col2{
	margin-right:		20px;
}

.threeColLayout .banner{
	margin-top:			12px;
}


/* =CONTACT FORM
------------------------------------------------------------------------------*/

fieldset{
	border:				none;
	width:				400px;
}

label{
	width:				400px;
	display:			block;
	height:				20px;
}

button.submit{
	padding:            5px 15px 5px 15px;
	display:			block;
	background-color:	#29791A;
	color:				#FFF;
	border:				none;
	margin:             5px 0px 0px 0px;
	
}

button.submit:hover{
	cursor:				pointer;
}

legend{
	color:				#65BF28;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			30px;
	font-weight:		normal;
	line-height:		1.3em;
	padding-bottom:	inherit30px;
}