/*
* Reset HTML
*************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; }
/*
* Base
*************************************************/
body { background:#F3ECC8 url(../img/bg/Background_1.jpg) top center no-repeat; color:#403D3D; font:15px/1.2 'PT Sans', arial, serif; }
h1 { font-family: 'Quattrocento', arial, serif; font-size:20px; font-weight:normal; color:#327C68; margin-bottom:20px; position:relative;}
h2 { font-family: 'Quattrocento', arial, serif; font-size:16px; font-weight:normal; color:#327C68; margin-bottom:16px; }
a { color:#403D3D; text-decoration:none; }
a:hover { text-decoration:underline; }
/*
* Base Classes
*************************************************/
.clear { clear:both; }
.float { position:relative; float:left; display:inline; }
.wrap { width:960px; margin:0 auto; position:relative; }
.wrap_970 { width:970px; margin:0 auto; position:relative; }
.w-518 { width:518px; }
.w-960 { width:960px; }
.c-green { color:#327C68; }
.fs-13 { font-size:13px; }
.fs-25 { font-size:25px; }
.h-100 { min-height:100px!important; }
/*
* Master Header
*************************************************/
#top { width:100%; height:12px; background:#327C68; clear:both; }
#masthead { height:108px; width:960px;}
#logo { width:274px; height:54px; background:url(../img/logo/clc-logo.png) top center no-repeat; position:absolute; top:26px; left:-1px; text-indent:-9999px;}
#contact-details { bottom:72px; right:0px; position:absolute; font-family: 'Quattrocento', arial, serif; }
/*
* Navigation
*************************************************/
#nav ul { position:absolute; bottom:-1px; right:0px; }
#nav ul li { width:126px; font-size:20px; height:83px; line-height:108px; color:#FFF; font-family: 'Quattrocento', arial, serif; display:inline; position:relative; float:left; text-align:center; margin:0 2px; text-transform:uppercase; overflow:hidden;}
#nav ul li a { display:block; height:40px; text-decoration:none; color:#FFF; }
/*
#nav li.home { background:url(../img/nav_bg.png) -1px -102px no-repeat; }
#nav li.about { background:url(../img/nav_bg.png) -131px -102px no-repeat; }
#nav li.services { background:url(../img/nav_bg.png) -261px -102px no-repeat; }
#nav li.gallery { background:url(../img/nav_bg.png) -391px -102px no-repeat; }
#nav li.contact { background:url(../img/nav_bg.png) -521px -102px no-repeat; }
#nav li.active { background-position: -1px -2px; }
*/
#nav li.home { background:url(../img/nav_bg2.png) -1px -81px no-repeat; }
#nav li.about { background:url(../img/nav_bg2.png) -131px -81px no-repeat; }
#nav li.services { background:url(../img/nav_bg2.png) -261px -81px no-repeat; }
#nav li.gallery { background:url(../img/nav_bg2.png) -391px -81px no-repeat; }
#nav li.contact { background:url(../img/nav_bg2.png) -521px -81px no-repeat; }
#nav li.home:hover, #nav li.home-active { background:url(../img/nav_bg2.png) -1px -5px no-repeat; }
#nav li.about:hover, #nav li.about-active { background:url(../img/nav_bg2.png) -131px -5px no-repeat; }
#nav li.services:hover, #nav li.services-active { background:url(../img/nav_bg2.png) -261px -5px no-repeat; }
#nav li.gallery:hover, #nav li.gallery-active { background:url(../img/nav_bg2.png) -391px -5px no-repeat; }
#nav li.contact:hover, #nav li.contact-active { background:url(../img/nav_bg2.png) -521px -5px no-repeat; }
/*
* Banner
*************************************************/
#banner_wrap { width:892px; height:268px; background:url(../img/banner/banner_bg3.png) top center no-repeat; margin: 0 0 22px -6px; padding:40px 39px;}
#banner { width:892px; height:268px; background:#FFF; position:relative;}
#banner ul { width:892px; height:268px; overflow:hidden; }
#banner ul li { width:892px; height:268px; float:left; }
.banner_L { background:url(../img/banner/banner_L.png) top center no-repeat; position:absolute; top:0px; left:0px; width:278px; height:268px; }
.banner_L .b-title{ font-family: 'Quattrocento', arial, serif; font-size:30px;line-height:1em; font-weight:normal; width:236px; margin: 20px 0 0 10px;}
.banner_L .b-sub-title{ font-family: 'Quattrocento', arial, serif; font-size:21px; font-weight:normal; width:236px; margin: 20px 0 0 10px;}
.banner_R { background:url(../img/banner/banner_R.png) top center no-repeat; position:absolute; top:0px; right:0px; width:42px; height:268px; }
/*
* Content
*************************************************/
#container { width:960px; }
#content { backgroun:#fff; min-height:300px;}
#content ul li { list-style:none; }
/*
* Widget (Side)
*************************************************/
#widget { background:url(../img/widget_bg.png) top center no-repeat; width:358px; height:304px; position:absolute; top:-0px; right:0px; }
#widget_content { width:320px; height:270px; margin:16px 19px;}
#widget_content ul { }
#widget_content li { width:320px; height:190px; margin-bottom:10px; font-size:14px; }
#widget_content #c_up { position:absolute; bottom:0px; right:30px; background:url(../img/widget/up.png) top center no-repeat; width:20px; height:12px; z-index:1000; cursor:pointer;}
#widget_content #c_down { position:absolute; bottom:0px; right:0; background:url(../img/widget/down.png) top center no-repeat; width:20px; height:12px; z-index:1000; cursor:pointer; }
/*
* Gallery
*************************************************/
#gallerywrap { width:970px; height:194px; background:url(../img/gallery/bg.png) -1px -1px no-repeat; position:relative; float:left; display:inline; margin: 0 0 20px -3px;}
#gallery { width:922px; height:156px; margin:19px 25px;}
#galleryL { position:absolute; top:35px; left:-44px; background:url(../img/gallery/arrow_left.png) top center no-repeat; width:66px; height:126px; z-index:1000;}
#galleryR { position:absolute; top:35px; right:-44px; background:url(../img/gallery/arrow_right.png) top center no-repeat; width:66px; height:126px; z-index:1000;}
.control { cursor:pointer; text-indent:-9999px;}
#gallery ul { min-width:922px; height:156px; }
#gallery li { width:220px; height:156px; background:#DEDEDE; margin:0 5px; overflow:hidden; position:relative; cursor:pointer; }
#gallery li .caption { position:absolute; bottom:-54px; left:0px; height:44px; width:200px; background:url(../img/gallery/overlay.png) top center repeat; z-index:1000; color:#FFFFFF; font-family: 'Quattrocento', arial, serif; font-size:15px; font-weight:normal; padding: 5px 10px; line-height:20px;}
/*
* Contact Page
*************************************************/
label { float:left; position:relative; display:inline; width: 100px; height:25px; clear:left; margin-bottom: 5px; line-height:25px; }
input { float:left; position:relative; display:inline; width: 250px; height:25px; clear:right; border:0; margin-bottom:5px; line-height:25px; }
textarea { float:left; position:relative; display:inline; width: 250px; height:120px; clear:right; border:0; margin-bottom: 5px; line-height:25px; }
button { float:left; position:relative; display:inline; clear:both; margin-left:100px; }
/*
* Footer
*************************************************/
#footer { width:100%; clear:both; text-align:center; font-size:14px; background:#CEBD82; height:25px; line-height:25px; color:#FFF; margin:20px 0 0 0; }
#footer a { color:#FFF; }
/*
* Headers
*************************************************/
.title_1 { background:url(../img/bg/title_1.png) bottom left no-repeat; width:90px; height:7px; position:absolute; bottom:-3px; left:-5px; }
.title_2 { background:url(../img/bg/title_2.png) bottom left no-repeat; width:173px; height:7px; position:absolute; bottom:-3px; left:-5px; }