/* v1.0 */


/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color: #eeeeee;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* 10 COLUMN GRID */

.wrapper {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	width: 898px;
	background-color: #ffffff;
}

.inner-wrapper {
/* 	background: url(gridinator.png) repeat-y 0 0;  */
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 20px 0 20px;
	position: relative;
	width: 858px;
}


.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 22px 0 0;
	padding: 0;
	position: relative;

}
.one-col {
	width: 66px;
}

.two-col {
	width: 154px;
}

.three-col {
	width: 242px;
}

.four-col {
	width: 330px;
}

.five-col {
	width: 418px;
}

.six-col {
	width: 506px;
}

.seven-col {
	width: 594px;
}

.eight-col {
	width: 682px;
}

.nine-col {
	width: 770px;
}

.ten-col {
	width: 858px;
	margin-right: 0;
}


.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}


.fr {
float: right;}

.fl {
float: left;}



/* BASIC STRUCTURE */



#header{
height: 326px;
}

#top-bar {
height: 77px;
background-image: url(../images/top-bar.jpg);
background-repeat: repeat-x;
}

#pic-bar {
height: 249px;
background-image: url(../images/banner-bar.jpg);
background-repeat: repeat-x;
}


#main-content{
	background-color: #ffffff;
	background-image: url(../images/bg-grad.jpg);
	background-repeat: repeat-x;
	padding-top: 26px;
	padding-bottom: 30px;
}


#footer{
background-color: #ffffff;
/* background-image: url(../images/footer-bg.jpg); */
/* background-repeat: repeat-x; */
/* height: 84px; */
/* min-height: 84px; */
}

 
 
/* HEADER SECTION */
#logo {
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
height: 77px;
}

#main-nav {
margin-top: 40px;
}

.banner-pics{
float: left;
}

.banner-text {
float: right;
}

.button1 { width: 154px; height: 37px; }
.button1 a { display: block; width: 154px; height: 37px; background:url(../images/brochure-nav.jpg) no-repeat top left;}
.button1 a:hover { background-position: bottom left;}

.button2 { width: 66px; height: 37px; }
.button2 a { display: block; width: 66px; height: 37px; background:url(../images/gallery-nav.jpg) no-repeat top left;}
.button2 a:hover { background-position: bottom left;}

.button3 { width: 75px; height: 37px; }
.button3 a { display: block; width: 75px; height: 37px; background:url(../images/contact-nav.jpg) no-repeat top left;}
.button3 a:hover { background-position: bottom left;}


/* HIGHLIGHT BOX */
#highlight-box {
background-image: url(../images/highlight-box.jpg);
height: 247px;
}

#highlight-box img{
margin-left: 35px;
margin-top: 27px;
}


.brochure-button {
height: 193px;
overflow: hidden; 
margin-left: 35px;
margin-top: 27px;
width: 193px; height: 386px; }
.brochure-button a { display: block; width: 193px; height: 386px; background:url(../images/brochure-button.jpg) no-repeat top left;}
.brochure-button a:hover { background-position: bottom left;}

.gallery-button { width: 193px; height: 386px; }
.gallery-button a { display: block; width: 193px; height: 386px; background:url(../images/gallery-button.jpg) no-repeat top left;}
.gallery-button a:hover { background-position: bottom left;}


/* FORM BOX */
#form-box{
background-image: url(../images/form-box.jpg);
height: 247px;
}


.notification_error
{
height: auto;
width: 60%;
padding: 4px;
text-align: left;
-moz-border-radius: 5px;
float: right;
color: #A25965;
font: 9px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-top: 3px;
}

.notification_ok
{

height: auto;
/* padding: 8px; */
/* background: #f5f9fd; */
text-align: left;
-moz-border-radius: 5px;
margin-right: 20px;
margin-top: 10px;

}

.notification_ok p
{
font: 12px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-top: 3px;
margin-bottom: 10px;
}


.info_fieldset { 
-moz-border-radius: 7px; 
border: 0px #dddddd solid;
margin-top: 14px;
margin-left: 12px; }


.button
{
background: #bdbdbd;
color: #333333; 
font: 10px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
width: 90px;
margin-top: 10px;
-moz-border-radius: 3px;
}

/* Label */
label  { 
width: 140px; 
padding-left: 0px; 
margin-top: 3px;
margin-bottom: 3px;
float: left; 
text-align: left; 
font: 10px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

/* Input, Textarea */
input, textarea
{
margin: 1px;
padding: 5px; 
float: left;
border: 0px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }



/* TEXT COLUMNS */
.text-column {
margin-top: 22px;}





/* TYPOGRAPHY */
p {
margin-top: 3px;
font-size: 11px;
line-height: 16px;
color: gray;
font-family: Verdana, Helvetica, Arial, sans-serif;
}