@charset "UTF-8";
/* CSS Document */

/******* CSS  Global Reset *******/
*{outline:none;}
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0;}
li, dd, blockquote { margin-left: 1em;}
form label { cursor: pointer;}
fieldset { border: none;}
input, select, textarea { font-size: 100%; font-family: inherit;}
input, select, button {	font-family:inherit;}

/******* CSS  Global Reset Ends *******/

html { font-size:100.01%;}

body { background-color: #eee; border: 0; color: #78756a; font: 1em Arial, sans-serif normal; text-align: center;}

img, img a { border: none;}

ul { list-style: none outside;}

#wrapper, #container, .leftBox, .rightBox { overflow: hidden;}

#header, #gnavi, #container, #footer, .leftBox, .rightBox {	position: relative;}

#wrapper { background-color: #fff; height: auto; margin: 0px auto; padding: 0 12px; width: 984px;}

.clear {clear: both; }

/******* Slides Images *******/

#slideImg2, #slideImg3, #slideImg4, #slideImg5, #slideImg6, #slideImg7, #slideImg8, #slideImg9, #slideImg10, #slideImg11, #slideImg12, #slideImg13{ display: none;}

/******* loader *******/

#loader_container { margin-left: 324px; position: absolute; text-align: left; top: 38px; width: 221px;}
#loader { border-top: 1px solid #999; color: #333; display:block; font: 10px italic Arial, sans-serif; margin:0; padding: 3px 0; z-index:255;}
#progress { background-color: #000; font-size:1px; height:1px; left: 0px; position: absolute; top: 0px; width:1px;}
#loader_bg { background-color: #000; font-size:1px; height:1px; left: 0px; position: absolute; top: 0px; width: 221px;}

/******* typography *******/

h1, h2, h3, address { color: #000; font-style: normal; font-weight: normal;}

h1 { font-size: 24px; line-height: 105%;}

h1#inContact {color: #333; font-size: 16px; line-height: 150%; padding-bottom: 5px;}

h2 { color: #444; font-size: 14px; line-height: 150%; padding-bottom: 5px;}

h3 { color: #444; font-size: 11px; font-weight: bold; line-height: 150%; padding-bottom: 5px;}

/******* hyperlink and anchor tag styles *******/

a { color: #80393d; font-weight: normal; text-decoration: none;}

a:hover { background-color: #80393d; color: #fff; text-decoration: none;}

#gnavi li.active a{ background-color: #fff; color: #444; border-top: 1px solid #444; text-decoration: none;}

/******* header/navigations style *******/
#header { height: 56px;}

#gnavi { float: right; right: -12px; top: 36px;}

ul#gnavi a{ color: #bbb; font-size: 11px; padding: 2px 16px 0 0; text-decoration: none;}

ul#gnavi a:hover{ background-color: #fff; border-top: 1px solid #000; color: #000; text-decoration: none;}

#gnavi li{ display: inline; margin: 0; padding: 0; }

/************************************ global containers ******************************/

#container { clear: both; padding:20px 0; width: 100%;}

.containerHeight { height:478px;}

.box { clear: both; display: block; float: left;}

.leftBox{ float: left; text-align: left; width: 324px; z-index:500;}

.module1 { padding: 42px 0 0 81px; width: 155px;}
.module1_sec { padding: 21px 0 0 81px; width: 155px;}

.module2 { padding: 42px 0 0 162px; width: 150px;}

.rightBox{ float: right; text-align: left; width: 636px;}

.module3 { padding: 44px 0 20px;}

.module4 { padding: 40px 0;}


/************************************ left content ******************************/
.news p { font-size: 11px; padding: 10px 0; line-height: 150%;}

.paintingTitle {margin-top:0px;}

.paintingTitle ul{ font-size: 11px; font-weight: bold; margin-left: -.98em;}

.paintingTitle li {	line-height: 150%;}

.reviewPainting h3 {padding: 3px 0 0;}
.reviewPainting p {font-size: 11px;}

/************************************ right content ******************************/

p#homeTitle { font-size: 10px; padding-top: 5px;}

.button { font-size: 14px; padding: 0 0 20px 200px; width: 100%;}

.button a { color: #78756a; padding: 0 5px;}

.button a:hover { background-color: #78756a; color: #fff;}

.module2 p{ padding: 6px 0;}

#drawing {width: 500px;}

ul#thumb img{ border: 10px solid #fff;}

ul#thumb { font-size: 12px; line-height: 800%; margin-left: -.98em; margin-top:-10px;}

#drawing li{ display: inline; padding:0 45px 0 0;}

#drawing a { background:none;}

#drawing a:hover img { background:none; border: 10px solid #bbb;}

.review h1 { font-size:14px; line-height:18px; padding:24px 0 8px;}
.review h2 { font-size:11px; line-height:18px; padding:0px 0 12px;}
.review a:hover{background-color:#fff;}
.review strong {color:#333; font-weight:normal;}
.essay p, .review p{ font-size: 14px; line-height: 175%; padding: 0 0 12px 0; width: 474px;}

#contact p { font-size: 14px; line-height: 175%; margin: 15px 0 0; width: 474px;}

.link ul { font-size: 12px; margin-left: -.98em; width: 231px;}

.link li { padding: 0 0 10px 0; line-height: 200%;}

.link a { font-size: 12px;}

/******* footer: copyrigth and email style *******/

#footer { clear: both; left: -12px; padding: 5px 0; text-align: left;}

address { border-top:#80393d solid thin; font-size: 10px; color: #ccc; padding: 5px 12px 20px; text-align: left; width: 221px;}