@import url("reset.css");
@import url("galleria.css");
@import url("thickbox.css");



/* main tags */

body { background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top; background-color: #838383; }

p { line-height: 20px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7f8084; }

a { line-height: 20px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00a651; text-decoration: none; }
a:hover { text-decoration: underline; } 

h1 { font-size: 30px; font-family: "Times New Roman", Times, serif; color: #7f8084; margin-bottom: 10px; margin-top: 10px; }
h2 { font-size: 24px; font-family: "Times New Roman", Times, serif; color: #7f8084; margin-bottom: 15px; margin-top: 10px; }
h3 { font-size: 14px; font-family: "Times New Roman", Times, serif; color: #7f8084; margin-bottom: 5px; margin-top: 10px; }

#footer-left a { color: #FFFFFF; text-decoration: underline; }
#footer-left a:hover { text-decoration: none; }
#footer-left p { color: #FFFFFF }

img { margin: 0px; padding: 0px; }

a.cta {font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-decoration: none; float: right; display: block; margin-top: 40px; color: #999999; }

	

.wfl { height: 40px; width: 80px; float: right; display: block; }


.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }
.green { color: #00a651 }

img.big { float: left; margin-bottom: 10px; }
img.mleft { float: right; margin: 0 0 10px 10px; }
img.mright { float: left; margin: 5px 0 10px 0; }

img.thick-thumb { border: 3px solid #000000; }


img.logo { float: left; }

/* containers */


#container { width: 974px; margin: 0 auto 0 auto;  }
	
	#header{ width: 974px; height: 100px; clear: both; background-image: url(../images/head-slice.jpg); background-repeat: repeat-x; }
	#main{ width: 974px; overflow: hidden; background-image: url(../images/back-br.jpg); background-position: bottom right; background-repeat: no-repeat; background-color: #333333; }
	#mainLeft{ width: 644px; float: left; background-color: #333333; position: relative; background-image: url(../images/leftbg.jpg); background-position: top left; background-repeat: no-repeat; }
	#mainRight{ float: right; width: 330px; background-color: #333333; background-image: url(../images/right-bg.jpg); background-repeat: no-repeat; background-position: top; padding-top: 5px; position: relative;  }
		
	#innerRight { width: 290px; height: 382px; position: relative; margin-left: 30px; padding-right: 5px; }
	#innerAddress { width: 300px; position: relative; margin-left: 30px; }
	
	#content { padding-left: 10px; margin-left: 14px; background-color: #333333; }
	#footer{ width: 974px; height: 60px; clear: both; background-image: url(../images/footer_whole.jpg); }
	#footer-left { width: 500px; height: 45px; float: left; padding-left: 25px; padding-top: 15px; }
	

/* navigation */


ul#nav{ width: 644px; height: 66px; float: left; }

#nav li.nav_left { width: 24px; height: 66px; float: left; display: block; background-image: url(../images/nav-left.jpg); }
#nav li.nav_home { width: 75px; height: 66px; float: left; display: block; }
#nav li.nav_about { display: block; width: 133px; height: 66px; float: left; }
#nav li.nav_services { display: block; width: 133px; height: 66px; float: left;  }
#nav li.nav_gallery { display: block; width: 112px; height: 66px; float: left;  }
#nav li.nav_contact { display: block; width: 167px; height: 66px; float: left;  }

#nav li.nav_home a { display: block; width: 75px; height: 66px; background-image: url(../images/nav_01.jpg); }
#nav li.nav_about a { display: block; width: 133px; height: 66px; background-image: url(../images/nav_04.jpg); }
#nav li.nav_services a { display: block; width: 133px; height: 66px; background-image: url(../images/nav_02.jpg); }
#nav li.nav_gallery a { display: block; width: 112px; height: 66px; background-image: url(../images/nav_03.jpg); }
#nav li.nav_contact a { display: block; width: 167px; height: 66px; background-image: url(../images/nav_05.jpg); }

#nav li.nav_home a:hover { background-position: 0 -66px; }
#nav li.nav_about a:hover { background-position: 0 -66px; }
#nav li.nav_services a:hover { background-position: 0 -66px; }
#nav li.nav_gallery a:hover { background-position: 0 -66px; }
#nav li.nav_contact a:hover { background-position: 0 -66px; }

#home .nav_home a  { background-position: 0px -66px; }
#about .nav_about a { background-position: 0 -66px; }
#services .nav_services a { background-position: 0 -66px; }
#gallery .nav_gallery a { background-position: 0 -66px; }
#contact .nav_contact a { background-position: 0 -66px; }


/* form */

.form { margin-top: 20px; width: 450px; float: left; clear: both; }
.form li { margin-bottom: 10px; } 

.form label {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f8084;
}
textarea { width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #00a651; background-color: #CCCCCC; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #00a651; background-color: #CCCCCC; }