/* css Greenart Gardens website 2007 */
/* All associated graphics copyright 2007, Anthony Cummins. Red Ant Media */
/* Added: April 2007 */

body {
	padding : 0;
	margin : 0;
	background : #fff url(images/bgr.gif) repeat-x 0 0;
	color : #7d7d7d;
	font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, ul, form, label, h2, h3, h4, img {
	padding : 0;
	margin : 0;
}

h1 {
	font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A1141C;
	font-weight: bold;
}	

p.small {
	color : #7d7d7d;
	font : 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

p.smaller {
	color : #7d7d7d;
	font : 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

p.indent {
	padding-left: 85px;
}

p.lcindent {
	padding-left: 150px;
}	

span {
	color: #A1141C;
	font-weight: bold;
}

span.rc {
	color: #005193;
	font-weight: bold;
}
	
ul {
	list-style-type : none;
}

tr {
	vertical-align : top;
}

blockquote {
width: 350px;
margin: 0px;
padding: 10px;
background-color: #F2F2F2;
quotes: "\201C" "\201D";
}

a {
	color: #005193;
	font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #915D18;
}

a.alta {
	color: #A1141C;
	font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a.alta:hover{
	color: #005193;
}

a.small2 {
	color : #43591E;
	font : 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.small2:hover{
	color: #005193;
}

a.smaller2 {
	color : #43591E;
	font : 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.smaller2:hover{
	color: #005193;
}

a.home {
     display: block; 
     width: 63px; 
     height: 25px; 
     background-image: url(images/home.gif); 
     background-repeat: no-repeat;
}
	 
a.home:hover { 
     background-image: url(images/home_over.gif); 
} 
	 
a.contact {
     display: block; 
     width: 87px; 
     height: 25px; 
     background-image: url(images/contact.gif); 
     background-repeat: no-repeat;
}
	 
a.contact:hover{ 
     background-image: url(images/contact_over.gif); 
     } 
	 
a.about {
     display: block; 
     width: 70px; 
     height: 81px; 
     background-image: url(images/about.gif); 
     background-repeat: no-repeat;
}
	 
a.about:hover { 
     background-image: url(images/about_over.gif); 
     } 
	 
a.projects { 
     display: block; 
     width: 70px; 
     height: 81px;
     background-image: url(images/projects.gif); 
     background-repeat: no-repeat;
}
	 
a.projects:hover { 
     background-image: url(images/projects_over.gif); 
} 
	 
a.services { 
     display: block; 
     width: 70px; 
     height: 81px; 
     background-image: url(images/services.gif); 
     background-repeat: no-repeat;
}
	 
a.services:hover { 
     background-image: url(images/services_over.gif);
} 
	 
a.gallery { 
     display: block; 
     width: 75px; 
     height: 81px; 
     background-image: url(images/gallery.gif); 
     background-repeat: no-repeat;
}
	 
a.gallery:hover { 
     background-image: url(images/gallery_over.gif);
} 

a.ask { 
     display: block; 
     width: 310px; 
     height: 50px; 
     background-image: url(images/ask.gif); 
     background-repeat: no-repeat;
}
	 
a.ask:hover { 
     background-image: url(images/ask_over.gif);
} 

fieldset {
	border: 0px;
	background: #F2F2F2;
	width: 350px;
	padding: 15px;
}

fieldset.rc{
	border: 0px;
	background: #F2F2F2;
	width: 270px;
	padding: 15px;
}
	
#container {
	width: 100%;
	margin: auto;
	text-align: left;
	padding: 0 0 0 0px;
	position: relative;
	top: 0px;
}

#wrapper {
	width: 710px;
	margin: auto;
	text-align: left;
	padding: 0 0 0 0px;
	position: relative;
	top: 0px;
}

#headbgr {
	width: 425px;
	height: 145px;
	position: absolute;
	background: url(images/headbgr2.gif) no-repeat;
	top: 0px;
	left: -25px;
}

#navhome {
	width: 63px;
	height: 25px;
	position: absolute;
	top: 120px;
	left: 5px;
	z-index: 5;
}

#homep {
	width: 63px;
	height: 25px;
	position: absolute;
	background-image: url(images/home_over.gif);
	top: 120px;
	left: 5px;
	z-index: 5;
}

#navcontact {
	width: 87px;
	height: 25px;
	position: absolute;
	top: 120px;
	left: 68px;
	z-index: 5;	
}

#contactp {
	width: 87px;
	height: 25px;
	position: absolute;
	background-image: url(images/contact_over.gif);
	top: 120px;
	left: 68px;
	z-index: 100;	
}

#navabout {
	width: 70px;
	height: 81px;
	position: absolute;
	top: 150px;
	left: 5px;
}

#aboutp {
	width: 70px;
	height: 81px;
	position: absolute;
	background-image: url(images/about_over.gif);
	top: 150px;
	left: 5px;
}

#navprojects {
	width: 70px;
	height: 81px;
	position: absolute;
	top: 150px;
	left: 75px;
}

#projectsp {
	width: 70px;
	height: 81px;
	position: absolute;
    background-image: url(images/projects_over.gif); 	
	top: 150px;
	left: 75px;
}

#navservices {
	width: 70px;
	height: 81px;
	position: absolute;
	top: 150px;
	left: 145px;
}

#servicesp {
	width: 70px;
	height: 81px;
	position: absolute;
	background-image: url(images/services_over.gif);
	top: 150px;
	left: 145px;
}

#navgallery {
	width: 75px;
	height: 81px;
	position: absolute;
	top: 150px;
	left: 215px;
}

#galleryp {
	width: 75px;
	height: 81px;
	position: absolute;
	background-image: url(images/gallery_over.gif);
	top: 150px;
	left: 215px;
}

#jason {
	width: 310px;
	height: 335px;
	position: absolute;
	background: url(images/jason.gif) no-repeat;
	top: 0px;
	left: 400px;
}

#ask {
	width: 310px;
	height: 50px;
	position: absolute;
	top: 335px;
	left: 400px;
}

#askp {
	width: 310px;
	height: 50px;
	position: absolute;
	background-image: url(images/ask_stat.gif);
	top: 335px;
	left: 400px;
}

#textleft {
	width: 375px;
	position: absolute;
	top: 245px;
	left: 10px;
}

#galleft {
	width: 320px;
	position: absolute;
	top: 245px;
	left: -2px;
}

#textright {
	width: 300px;
	position: absolute;
	top: 400px;
	left: 405px;
	z-index: 10;
}

#textrighth {
	width: 300px;
	position: absolute;
	top: 400px;
	left: 420px;
	z-index: 10;
}

#gallright {
	width: 300px;
	position: absolute;
	top: 400px;
	left: 405px;
	z-index: 10;
}

#notscroll {
	width: 150px;
	height: 190px;
	position: absolute;	
	top: 5px;
	left: 150px;
}


#scroll {
	width: 150px;
	height: 190px;
	position: absolute;
	background: url(images/scroller2.gif) no-repeat;	
	top: 5px;
	left: 150px;
}

#info {
	width: 310px;
	height:80px;
	margin-top: 10px;
	background: url(images/details.gif) no-repeat;
}

#infoindex{
	width: 310px;
	height:80px;
	position: absolute;
	margin-top: 10px;
	background: url(images/details.gif) no-repeat;
	top: 600px;
	left: 405px;
}

#gallindex{
	width: 310px;
	height:80px;
	position: absolute;
	margin-top: 10px;
	background: url(images/details.gif) no-repeat;
	top: 600px;
	left: 405px;
}

#homeindex{
	width: 310px;
	height:80px;
	position: absolute;
	margin-top: 10px;
	background: url(images/details.gif) no-repeat;
	top: 685px;
	left: 405px;
}