body {
background:#1d426b url(../../../images/bg.gif) repeat-x;
margin:0;
}

img {
border:0;
}

a {
color:#7ab30f;
text-decoration:none;
}

a:visited {
color:#367100;
}

p {
font-family:Arial;
font-size:13px;
text-align:justify;
}

h1 {
color:#367100;
font-size:20px;
font-family:Arial;
}

h2 {
color:#7ab30f;
font-size:16px;
font-family:Arial;
}

h4{
color:#FFFFFF;
text-align:center;
font-size:14px;
margin-top:0px;
}

#wrapper {
width:1008px;
margin:0 auto;
}

#header {
height:705px;
background:url(../../../images/contentbg.jpg) no-repeat;
}

#headercut {
height:705px;
background:url(../../../images/contentbgcut.jpg) no-repeat;
}

#content {
background-color:#FFFFFF;
min-height:400px;
border-width: 0px 13px 0px 14px;
border-style: solid;
border-color:#7ab30f;
width:956px;
margin-left:12px;
}

#pagecontent {
background-color:#FFFFFF;
border-width: 0px 13px 0px 14px;
border-style: solid;
border-color:#7ab30f;
width:896px;
min-height:400px;
margin-left:12px;
margin-top:-15px;
padding:30px;
padding-top:2px;
}

#left{
width:450px;
margin:-30px 10px 0px 10px;
float:left;
}

#right {
width:450px;
margin:-30px 10px 0px 10px;
float:right;
}

#leftcontact{
width:300px;
margin:0px 10px 0px 10px;
float:left;
}

#leftcontact h1{
color:#367100;
font-size:20px;
font-family:Arial;
}


#rightcontact {
width:500px;
margin:0px 10px 0px 10px;
float:right;
}

#rightimage {
padding:0;
margin:0;
margin-right:6px;
width:214px;
height:99px;
float:left;
}

#rightimage1 {
padding:0;
margin:0;
margin-right:6px;
width:214px;
height:99px;
float:left;
}

#bottom {
background:url(../../../images/footer.png) no-repeat;
width:985px;
min-height:4px;
margin-left:11px;
margin-top:-13px;
padding:0px;
padding-top:55px;
}

#logo {
height:41px;
width:495px;
padding-left:30px;
padding-top:30px;
float:left;
}

#toprighttext {
margin-top:30px;
float:right;
width:400px;
}

#toprighttext h1{
font-family:Arial;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin:0px;
}

#toprighttext a{
color:white;
text-decoration:none;
}

#topleftmenu {
font-family:Arial;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
width:495px;
padding-left:30px;
padding-top:5px;
float:left;
}

#topleftmenu a{
font-family:Arial;
color:#FFFFFF;
text-decoration:none;
}

#cloud {
position:absolute;
margin:312px;
margin-top:160px;
float:left;
width:450px;
}

#cloud h1{
color:#353535;
margin: -5px;
font-weight:bold;
font-family:Arial;
font-size:28px;
text-align:center;

}

#cloud h2{
color:#353535;
font-weight:500;
font-family:Arial;
font-size:24px;
margin: -5px;
text-align:center;
}

#cloud h3{
color:#353535;
font-weight:bold;
font-family:Arial;
font-size:16px;
text-align:center;
}

#cloudwd {
position:absolute;
margin:302px;
margin-top:140px;
float:left;
width:450px;
}

#cloudwd h1{
color:#353535;
margin: -5px;
font-weight:bold;
font-family:Arial;
font-size:28px;
text-align:center;

}

#cloudwd h2{
color:#353535;
font-weight:500;
font-family:Arial;
font-size:24px;
margin: -5px;
text-align:center;
}

#cloudwd h3{
color:#353535;
font-weight:bold;
font-family:Arial;
font-size:16px;
text-align:center;
}

#specials {
margin-top:30px;
float:right;
}

.clear {
clear: both;
}

#buttons {
}

#leftbutton {
font-family:Arial;
font-size:36px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
float:left;
margin-left:100px;
position:relative;
margin-top:500px;
}

#leftbutton a {
text-decoration:none;
color:#FFFFFF;
}

#leftbutton a:hover {
text-decoration:none;
color:#FFFFFF;
}

#rightbutton {
font-family:Arial;
font-size:36px;
color:#FFFFFF;
font-weight:bold;
text-align:right;
float:right;
margin-right:100px;
position:relative;
margin-top:249px;
}

#rightbutton a {
text-decoration:none;
color:#FFFFFF;
}

#footer {
margin-top:-70px;
margin-bottom:-20px;
}

#footerleft {
font-family:Arial;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
width:600px;
float:left;
margin-top:50px;
}

#footerright {
width:300px;
float:right;
margin-top:-40px;
}


#wearedo {
background: url(../../../images/boxbg.gif) no-repeat;
width:247px;
height:340px;
margin:25px;
margin-top:45px;
float:left;
color:#FFFFFF;
}

#wearedo p{
padding:0 20px 0 20px;
color:#367100;
}

#wearedo h1{
padding:0 30px 0 40px;
color:#367100;
}


#wearedo h2{
color:#FFFFFF;
height:34px;
font-size:28px;
font-family:Arial;
margin-top:10px;
margin-left:15px;
}

#wearedo li{
color:#367100;
}

#wearedo ul{
color:#367100;
}

#wearedo1 {
background: url(../../../images/boxbg.gif) no-repeat;
width:247px;
height:340px;
margin:25px;
margin-top:45px;
float:left;
color:#FFFFFF;
}

#wearedo1 p{
padding:0 20px 0 20px;
color:#367100;
}

#wearedo1 h1{
padding:0 30px 0 40px;
color:#367100;
}


#wearedo1 h2{
color:#FFFFFF;
height:34px;
font-size:28px;
font-family:Arial;
margin-top:10px;
margin-left:15px;
}

#wearedo1 li{
color:#367100;
}

#wearedo1 ul{
color:#367100;
}

/* root element for the whole scrollable setup */
div.scrollable {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	width: 858px;	 
	height:300px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #7ab30f;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:213px;
	height:300px;
	background:#7ab30f url(../images/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #7ab30f;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#367100;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#367100;
	cursor:default;
}

#thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color: #fff;	
}

#thumbs h3 {
		margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../../../images/left.png) no-repeat;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../../../images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin:0 auto;
	width:60px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../../../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}