/* This Style sheet was made by aran @ studio7designs.com  if you have any questions please email me or visit http://www.studio7designs.com */

*{border:0;margin:0;padding:0;background:transparent} 

body{
/*
font-family: "trebuchet ms, verdana, arial, tahoma", Times, serif;
font-size: 80%; 
*/
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
font-size: 78%; 
color: #645d59;
line-height: 200%;
margin-top: 0px;
background: #ffffff url('../images/pattern.jpg') fixed
}

#border{
/*border: 0px ;*/
width: 742px;
background-color: #FFF;
margin: 0 auto;
border: 1px solid #C0C0C0
}

#header{
height: 225px;
width:742px;
margin-left: -1px;
background: #FFF url('../images/header.jpg') top center no-repeat;
}
 
* html #header { margin-left: 0}

#content{
padding: 1em;
max-width: 740px;
background-color: #FFF
}

* html #content {height:1%}
* > html #content {height:auto}

#container{
width: 740px;
margin: 0px auto;
background-color: #FFF;
border: 0px solid #669900
}

.splitright {
/*background-image: url('../images/menu.gif');*/
background-color: #FFF;
width: 29%;
float: right;
overflow: hidden;
text-align: center;
/*margin: 2em 0;*/
padding: 0
}

.splitleft, .splitleftImg {
background: #FFF;
margin:auto;
width: 71%;
float: left;
overflow: hidden;
text-align: justify
}

#introduction{
float:right;
width:180px;
padding:0px 0px;
margin:20px 0 20px 20px;
background:url('../images/menu.gif') no-repeat;
text-align:center;
line-height:1.3em;
/*color:#645d59;*/
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
letter-spacing:0px;
}

#introduction dl{width: 170px; margin-bottom: 30px }

#introduction dt {
text-align: center; 
padding: 1em 0 1em 0; 
font-family:geneva,arial,sans-serif;
text-transform:uppercase;
word-spacing:4px;
letter-spacing:3px;
font-size:90%;
font-weight:bold;
margin:0}

#introduction dd{
font-size: 92%;
text-align:left;
list-style: none;
margin: 5px;
padding: 0;
line-height: normal;
}

#introduction a:link {border-bottom: none; color: #5B8FBE /*color:#645d59*/}
#introduction a:visited {padding-left: 12px; color: #5B8FBE; background: url(../images/visited.gif) no-repeat 0 4px;}
#introduction a:hover, a:active{/*color:#999*/color: #645d59}

#sign{
width:170px;
line-height: 1.2em;
text-align: left;
float: right;
font-size: 0.70em; 
margin: 30px 0
}



/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer{
border-top: 2px solid #659500;
text-align: center;
height: 30px;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
clear: both;
font-size: 0.90em;
font-style: italic
}

a:active, a:visited, a:link {color: #5B8FBE; text-decoration: none}
a:hover{color: #999999; text-decoration: none}
div.stats {float:right;clear:both;margin: 5px 30px 5px}

#topmenu {
position: relative;
top: 13px;
left: 15px;
width: 540px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px
}
#topmenu ul {margin:0;padding:0px 0px 0 2px;list-style:none}
#topmenu li {display:inline;margin:0;padding:0}

#topmenu a {
float:left;
background:url('../images/menuleft.gif') no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none
}

#topmenu a span {
float:left;
display:block;
background:url('../images/menuright.gif') no-repeat right top;
padding:5px 15px 4px 6px;
color:#5B8FBE
}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {color:#5B8FBE;}
#topmenu a:hover {background-position:0% -42px;}
#topmenu a:hover span {background-position:100% -42px}
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    

h1{border-bottom: 2px solid #659500;font-size: 145%;text-transform: uppercase; margin-bottom: 30px; text-align: left;
}
/*h2{font-size: 120%;color: #659500;}*/
h2{
/*color: #659500;*/
font-family:geneva,arial,sans-serif;
text-transform:uppercase;
word-spacing:4px;
letter-spacing:3px;
font-size:105%;
font-weight:bold;
/*padding: 0 2px 1em 0;*/
margin: 0 0 20px 0; 
color: #659500;

}



/*~~~~~~~~~~~paragraph~~~~~~~~~~~~~~~*/
/*
p{padding: 0.8em 0 0.8em 0}
p:first-letter{font-variant: small-caps; font-size:2em; padding-right:2px; color:#659500} 
*/
p{margin:0 0 2em; clear: both }

p.special:first-letter {
float:left;
font: bold 60px/45px Georgia,"Times New Roman", Times,serif;
color: #659500;
margin: 0 5px 0;
line-height: 50px;
}


/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

strong, .edil {font-size: 1.1em;color: #659500;text-transform:capitalize}
.contact{border: 1px solid #CCC;margin: 10px;font-size: 1em;padding: 5px}
.left{float: left;margin: 5px 10px 5px 0}
.right{float:right;margin: 5px 0 5px 10px}
img.bordered{/*border: 1px solid #CCC;*/border:0;padding: 8px}    
.clear{clear:both;}

ul.services{
list-style-type: disc;
margin-left: 15px;
list-style-position: inside;
margin-top: -10px;
clear: both;
}

ul.services li{
list-style-type: square;
padding-left: 15px;
}

.linkGallery {
text-align: right;
padding-right: 10px;
}
.linkGallery a{
display: block;
}


/*~~~~~~~~~~~Google Map~~~~~~~~~~~~~~~*/
div#map{border: 1px solid #CCC;margin: 1em}

/*~~~~~~~~~~~Gallery~~~~~~~~~~~~~~~*/
/*
ul#minipics{margin:0;padding:0;list-style-type:none; width: 700px}
ul#minipics li{float:left;margin: 10px 10px 20px 10px ;padding:0 6px 6px 0}
*/

/*~~~~~~~~~~~Shadow images~~~~~~~~~~~~~~~*/
.splitleft a{
display: block; 
background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
background: url('../images/shadow.gif') no-repeat bottom right;
}

.splitleft .lshadow {
float:left;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.splitleft .rshadow {
float:right;
margin: 10px 0 0 15px !important;
margin: 10px 0 0 1px;
}

.splitleft img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
} 



/*~~~~~~~~~~~lightbox~~~~~~~~~~~~~~~*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('../images/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url('../images/overlay.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}