html, body
{
    width:              100%;
    height:             100%;
    margin:             0;
    padding:            0;
}

body
{
    background:         #fff url('../img/header_bg.gif') repeat-x left 100px;
    font-family:        Georgia;
    color:              #000;
}

img
{
    border:             0;
}

ul,li
{
    list-style-type:    none;
    padding:            0;
    margin:             0;
}

a
{
    text-decoration:    none;
    color:              #888888;
}

a:hover
{
    color:              #c72123;
    text-decoration:    underline;
}

a:active
{
    color:              #000;
}

a.active
{
    color:              #000;
}

h1
{
    padding:            0px;
    margin:             0 0 10px 0;
    font-weight:        normal;
}

div#wrap
{
    margin:             0 auto -220px;
    width:              800px;
    min-height:         100%;
    height:             auto !important;
    height:             100%;
}

/* Menu & header */

div#menu
{
    width:              100%;
    height:             100px;
    position:           relative;
}

div#menu img
{
    position:           absolute;
    left:               0px;
    bottom:             15px;
}

div#menu ul
{
    position:           absolute;
    right:              25px;
    bottom:             18px;
}

div#menu ul li
{
    float:              left;
    margin-left:        25px;
    text-transform:     uppercase;
    font-family:        Verdana;
    font-size:          12px;
}

div#header
{
    padding:            25px;
    padding-bottom:     33px;
    height:             257px;
    background:         transparent url('../img/header_moon.jpg') no-repeat left 239px;
    color:              #fff;
}

div#header h1
{
    font-size:          24px;
    margin: 0;
}

div#header div.half
{
    font-size:          14px;
    line-height:        18pt;
    float:              left;
    width:              375px;
    height:             210px;
    overflow:           hidden;
}

div#header div.half.left
{
    width:              345px;
    padding-right:      30px;
}

div#header div.half.right
{
    width:              345px;
    padding-left:       30px;
}

/* Content */

div#content, div#content_wrap
{
    min-height:         400px;
    
}

div#content_wrap
{
    background:         transparent url('../img/content_bg_top.jpg') repeat-x top left;
    width:              100%;
}

div#content
{
    color:              #666;
    padding:            25px;
    position:           relative;
    overflow:           hidden;
    border-left:        1px solid #dedede;
    border-right:       1px solid #dedede;
    background:         transparent url('../img/content_bg_bottom.jpg') repeat-x bottom left;
    padding-bottom:     100px;
}

div#content li
{
    margin-left:        30px;
    padding:            2px 0;
}

div#content li
{
    list-style-type:    disc;
}

div#content div.line
{
    display:            block;
    overflow:           hidden;
    width:              100%;
    height:             1px;
    background:         #ccc;
    margin:             15px 0;
}

div#content p#breadcrumbs
{
    padding:            0;
    margin:             0 0 15px;
}

div#content h1
{
    color:              #c72123;
    font-size:          24px;
    font-weight:        normal;
}

div#content a
{
    color:              #c72123;                
}

div#content a:hover
{
    color:              #000;
}

div#content b,
div#content strong
{
    font-weight:        normal;
}

div#content h2,
div#content h2 a
{
    font-size:          20px;
    color:              #000;
    padding-bottom:     0;
    font-weight:        normal;
}

div#content h2 a:hover
{
    color:              #c72123;
}

div#content h3
{
    font-size:          16px;
    color:              #C72123;
    padding-bottom:     0;
    margin-bottom:      0;
    font-weight:        normal;
}

div#content
{
    font-size:          13px;
    line-height:        24px;
}

div#content img.pageThumb
{
    float:              right;
    margin:             0 0 15px 15px;
}

/* Footer */

div#footerPush, div#footer
{
    height:             220px;
}

div#footer
{
    width:              100%;
    background:         #d4d4d4 url('../img/footer_bg.gif') repeat-x;
    position:           relative;
    font-family:        Verdana;
    border-top:         1px solid #afacac;
}

div#sitemap
{
    width:              800px;
    margin:             0 auto;
    padding-top:        20px;
    font-size:          11px;
    color:              #7a7a7a;
    line-height:        18px;
}

div#sitemap ul
{
    float:              left;
    width:              125px;
    margin:             0 0 0 35px;
}

div#sitemap ul li:first-child a
{
    color:              #575757;
    text-transform:     uppercase;
}

div#sitemap ul li:first-child a:hover
{
    color:              #c72123;
}

div#contact
{
    width:              100%;
    height:             30px;
    padding-top:        20px;
    text-align:         center;
    background:         #c2c2c2;
    position:           absolute;
    bottom:             0;
    color:              #646464;
    font-size:          10px;
}

table.contactForm td
{
    vertical-align:     top;
}

table.contactForm td:first-child
{
    width:              200px;
}

table.contactForm input.texttype,
table.contactForm .textarea
{
    width:              400px;
}

table.contactForm .textarea
{
    height:             150px;
}


#block
{
	width: 					710px;
	height:					205px;
	padding:				40px 20px;
	overflow:				hidden;
}

#slider
{
	width:					650px;
	height:					200px;
	overflow:				hidden;
	position:				relative;
	float:					left;
}

#inner
{
	width:					25000px;
	height:					200px;
	position:				absolute;
	left:					0px;
	top:					0px;
}

.area
{
	width:					325px;
	height:					200px;
	float:					left;
	background:				no-repeat;
	position:				relative;
}

.area h2
{
	font-size:				1em;
	padding:				0 0 3px 10px;
	margin: 				0 0 10px 0;
	line-height:			24px;
	color:					#C72123;
}

.area p
{
	margin:					0;
	padding:				0;
	width:					305px;
	height:					140px;
	padding:				0 10px;
	line-height:			15pt;			
	overflow:				hidden;
	text-align:				justify;
}

.area .span_a
{
	position:				absolute;
	bottom:					0;
	left:					0;
	text-align:				left;
	width:					100%;
	text-align:				center;
}
.area a
{
	text-decoration:		none;
	color:					#3ca100;
	display:				inline;
}

.button
{
	width:					30px;
	height:					200px;
	float:					left;
}
.button.hover
{
	background:				transparent url('../img/gallery_buttons.png') no-repeat;
	cursor:					hand;
	cursor:					pointer;
}

.button.left
{
	background-position:	0px center;
}
.button.left.hover:hover
{
	background-position:	-30px center;
}
.button.right
{
	background-position:	-60px center;
}
.button.right.hover:hover
{
	background-position:	-90px center;
}

.error
{
    color:              red;
}

div.clear
{
    clear:              both;
}

/* Debug */
#debug
{
    position:           absolute;
    top:                0;
    right:              0;
    background:         #000;
    color:              #fff;
    font-size:          10px;
    padding:            5px;
}
