/*--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
/* ---------- ::HTML & Body:: --------------------- */
html { 
font-size:100.01%;  
height: 101%;
}
body {
	height:100%;
	background-image:url(images/bg_body2.jpg);
	background-repeat:repeat;	
	background-color:#fff;
	color:#333;
	font:62.5%/1.4 georgia,times,serif;
	font-style:italic;
	}
/* ---------- :: Default Links:: ------------------------ */
a {text-decoration:none;
	color:#01aff7}
a:visited {text-decoration:none;}
a:active, a:focus, a:hover {
color:#000;
outline:none;
visibility: visible; /* kills IE6 a:hover bug */
}
a img {border:none;}


/* ---------- ::Typography:: ------------------- */

h1, h2, h3, h4, h5, h6 {color:#01aff7; padding:0;}
h1 {font-size:9.4em;
background-image:url(images/logo2.png);
width:850px;
height:105px;
text-indent:-9999px;
margin:40px 0 0px;
}
h2 {color:#000;
font-size:2.3em;
height:24px;
margin:32px 0;
text-align:center;
text-indent:0;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
p {font-size:1.2em; line-height:1.6em; margin:5px 0;}



/* ---------- ::images:: ------------------- */
ul li {display:block; float:left;}

/* ---------- :: Layout :: --------------------- */

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


		   
/* :Footer Menu: --- */
    #footer ul {
    }
    #footer li {
    }
    #footer li a {
    }
    #footer li a:active, #footer li a:focus, #footer li a:hover {
    }

/* ---------- ::Forms:: ------------------------ */


/* ---------- ::Classes:: --------------- */
.arrow {margin:10px 390px;}
.center {text-align:center;}
.clear {clear:both;}
.external {/* for use with new window JS */}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.grey {color:#666;}
.color {color:#01aff7;}
.png {/* for use with png fix JS */}
.small {font-size:10px;font-weight:normal;}
.textleft {float:left; width:410px;}
.textright {float:right; width:410px;}
.top0{line-height:1.4em; margin:0;}
.top1{line-height:1.4em; margin:0; text-indent:80px}
.top2{line-height:1.4em; margin:0; text-align:right;}
.thumb {float:left; margin:1px;}
.gallery {margin:10px 0 0;}
.item {height:1400px; padding:10px 0 0 0;}
.desc {margin:0;}

/* ---------- ::Clearfix:: ------------------------ */
.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}