﻿body {background: #fff url(../images/common/bg1.png) repeat-x; margin: 0 auto;}
form {margin: 0px;}
header, footer, article, section {display: block}
#page {margin: 0 auto; padding: 0 20px; overflow-y: hidden; width: 960px; /*height: 820px;*/}

/* HEADER */
header {background: transparent url(../images/common/divider-h.gif) repeat-x 0 109px; height: 110px; margin: 0px; width: 960px}
header h1 {background: transparent url(../images/common/celine-bakshi.gif) no-repeat; display: block; float: left; height: 70px; margin: 20px 0 0 0; text-indent: -9999px; width: 109px;}
header h1 a {display: block; height: 70px; margin: 0px; outline: 0px; width: 109px;}
header nav {float: right; margin: 20px 0 0 0; width: 150px;}
header nav a {color: #000; clear: right; float: right; margin: 0 0 3px 0;}
header nav a:hover {color: #977347;}
header nav a.sel {color: #977347;}

/* FOOTER */
footer {background: #fff url(../images/common/bg1.png) repeat-x 0 0px; color: #003020; bottom: 0px; display: block; height: 30px; opacity: 0.8; position: fixed; width: 100%;}
footer #footInner {width: 960px; padding: 10px 0px 5px 0px; height: 15px; overflow: hidden; margin: 0 auto;}
footer #footInner span {float: left;}
footer #footInner ul {float: right; margin: 0px;}
footer #footInner ul li {display: inline}
footer #footInner ul li a {color: #003020;}
footer #footInner ul li a:hover {color: #977347;}
footer #footInner ul li.mid {border-right: 1px solid #003020; border-left: 1px solid #003020; padding: 0 5px; margin: 0px 5px;}
* html footer {position:absolute; bottom: -1px;}
* html div#ie6 {height:100%; overflow:auto;}
* html, * html body {height: 100%; overflow: hidden;}

/* CONTENT */
#page article {width: 960px; height: 650px;}
div#sliderArea {background: transparent url(../images/common/divider-h.gif) repeat-x 0 649px; height: 650px; margin: 30px 0; position: relative; width: 960px; overflow: hidden;}
ul#articleList {display: block; height: 1950px; left: -960px; margin: 0px; padding: 0px; position: absolute; top: -650px; width: 2880px;}
ul#articleList li {display: block; height: 650px; margin: 0px; padding: 0px; float: left; width: 960px;}
ul#articleList li#C {margin: 0 960px;}
ul#articleList li#TL, ul#articleList li#BL {margin: 0 960px 0 0}
* html ul#articleList li#C {margin: 0 960px 0 480px;}
h2 {margin: 0 0 10px 0;}
p {color: #444;}
a.pLink {color: #444; text-decoration: none;}
a.pLink:hover {color: #977347; text-decoration: underline;}

.leftCol {float: left; padding: 0; margin-right: 20px; width: 470px;}
.leftCol img, .rightCol img {display: block; border: 0px;}
.rightCol {float: left; padding: 0; width: 470px;}

/* HOME */
#C article a h3 {color: #000; height: 18px; margin: 10px 0 5px 10px;}
#C article a p {margin: 0 0 0 10px;}
#C article a {display: block; height: 320px; cursor: pointer}
#C article a:hover h3 {color: #977347;}
#C article img {cursor: pointer}

/* CONTACT */
dl.form {margin: 10px 0;}
dl.form dd {float: left; margin: 10px 0 0 0;}
dl.form dt {float: left; clear: left; padding: 5px 0; margin: 10px 0 0 0 ; width: 100px;}
input.text, textarea {background: #fff url(../images/common/bg1.png) repeat-x; border: 1px #999 solid; padding: 5px; width: 358px;}
.formBut {border: 1px #999 solid; color: #000; float: right; margin: 10px 0 0 0; padding: 5px; }
.formBut:hover {color: #977347;}
dl.form dd .validation-failed {border: 1px solid red;}

/* PORTFOLIO */
#page .categoryList {float: left; margin: 0px; padding: 0 0 10px 0px; width: 100%}
#page .categoryList li {display: block; float: left; height: auto; margin: 0px; padding: 0px; width: auto;}
#page .categoryList li.sep {padding: 2px 10px}
#page .categoryList li h3 {margin: 0px;}
#page .categoryList li a {text-decoration: none;}
#page .categoryList li a:hover, #page .categoryList li a.sel {color: #977347;}
.articleNav {margin: 0px; padding: 0 0 0 40px}
.articleNav li h4 {margin: 0 0 5px 0;}
ul#articleList .articleNav li {margin: 0 0 20px 0; height: auto; width: 430px;}
.articleNav li h4 a {color: #000;}
.articleNav li h4 a:hover, .articleNav li h4 a.sel {color: #977347;}
.articleNav li p {margin: 0px;}
ul#articleList .imagePreview {float: left; padding: 0px; margin: 0;}
ul#articleList .imagePreview li {border: 1px solid #977347; height: 80px; margin: 0 15px 15px 0; width: 80px;}
ul#articleList .imagePreview li.rowEnd {margin-right: 0px;}

/* LINKS */
.leftCol .noIndent {margin-left: 0px; padding-left: 0px;}
