body { margin:0; background:#fff; width:100%; height:100%;}
body, th,td,caption, input,select,textarea { font-family:"Century Gothic", Arial; font-size:13px;}

a { color:#333; text-decoration:none; cursor:pointer;}
a:hover { color:#DA251D;}
p { clear:both;}

textarea { width:95%; height:100px;}

/*div{ border:1px solid #fff;}*/

h1.name { position:absolute; top:150px; left:550px; font-weight:normal; font-size:13px; color:#979EA3; white-space:nowrap;}
h1.name b { color:#000; font-weight:normal;}

div#over { display:none; z-index:1000; position:absolute; top:0; left:0; width:100%; height:200%; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85;}
div#over2 { display:none; z-index:1001; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; color:#fff; padding-top:5%;}
div#over2 a { color:#fff; font-weight:bold; display:block;}
div#over2 a.close{ margin-bottom:15px;}
div#over2 a.prev{ position:absolute; top:10px; left:5%; display:block; width:40px; height:40px; border:1px solid #B3B3B3; font-size:30px; margin-left:100px; line-height:30px;}
div#over2 a.next{ position:absolute; top:10px; right:5%; display:block; width:40px; height:40px; border:1px solid #B3B3B3; font-size:30px; margin-right:100px; line-height:30px;}
div#over2 a#inactive{ color:#666; cursor:default;}

body.index{ color:#fff; background:url(../images/index.jpg) no-repeat #141517;}
body.index h1 b{ color:#fff;}
body.index a{ color:#fff;}
body.index div.left{ left:340px; width:auto;}
body.index div.bottom{ background:url(../images/index_corner.gif) no-repeat; height:195px;}
body.index div.copyright{ position:relative; margin-top:50px; color:#ccc; font-size:10px;}
body.index div.copyright a{ color:#ccc;}
body.index div.content { background:none;}
div.new { position:absolute; top:184px; left:160px; width:110px; z-index:8;}
div.new h2 { color:#000; font-size:13px; font-weight:normal; margin:0; padding:0;}
div.new p { color:#808080; font-size:13px; /*font-weight:bold; */margin:0; padding:0;}
div.new a { color:#808080;}
div.new img { display:block; border:0;/* border:1px solid #B3B3B3;*/}
div.new a.img { position:relative; border:1px solid #B3B3B3; display:block; width:80px; height:80px; margin-top:18px;}

body.black{ color:#fff; background:#05070A;}
body.black a{ color:#fff;}
body.black h1 b{ color:#fff;}
body.black div.bottom{ background:url(../images/black_corner.gif) no-repeat; height:153px;}
body.black div.content { background:none; /*background:url(../images/spot_black.gif) center no-repeat;*/}

div#design{ background:url(../images/design.gif) no-repeat top left;}
div#illustrations{ background:url(../images/illustrations.gif) no-repeat top left;}
div#graphics{ background:url(../images/graphics.gif) no-repeat top left;}
div#advertising{ background:url(../images/advertising.gif) no-repeat top left;}
div#interriors{ background:url(../images/interriors.gif) no-repeat top left;}
div#studio{ background:url(../images/studio.gif) no-repeat top left;}
div#sweet{ background:url(../images/sweet.gif) no-repeat top left;}
div#about{ background:url(../images/about.gif) no-repeat top left;}

div.center{ position:relative;width:100%; height:100%;}
div.head { position:absolute; top:0; left:0; width:100%; height:190px;}
div.left{ position:absolute; top:190px; left:0; padding-left:40px; width:20%; z-index:2;}
div.right{ position:absolute; top:190px; right:0; padding-right:40px; width:20%; z-index:4;}
div.container{ position:relative; top:190px; left:0; vertical-align:middle; width:auto; height:auto; margin:0 20% 200px 20%; text-align:center;}
div.content{ position:relative; width:485px; height:100%; text-align:left; margin:auto; background:url(../images/spot.gif) center no-repeat; min-height:350px;}
*div.content{ height:350px;}
div.bottom{ position:fixed; bottom:0; right:0; width:280px; height:212px; background:url(../images/white_corner.gif) no-repeat; z-index:6;}
*div.bottom{ position:absolute;}
div.bottom img{ border:0; position:absolute; bottom:15px; right:15px;}

ul.menu { position:relative; margin:0; padding:0; list-style:none; z-index:10;}
ul.menu li { margin:10px 0; padding:0;}
ul.menu li.current { color:#DA251D;}
ul.menu a { text-decoration:none;}
ul.menu a:hover { color:#DA251D; text-decoration:none;}
ul.menu ul { margin:5px 0 0 12px; padding:0;}
ul.menu ul li { color:#DA251D; margin:0 0 0 18px; padding:0; font-weight:normal;}

div.gallery { position:relative; width:100%; height:100%;}
div.gallery a { position:relative; border:1px solid #B3B3B3; display:block; float:left; width:80px; height:80px; margin:30px 30px 0 0; font-size:1px;}
div.gallery img { border:0;}
div.gallery a.next p { display:block; padding-top:18px; text-align:center; width:100%; font-size:30px}
div.gallery a.prev p { display:block; padding-top:18px; text-align:center; width:100%; font-size:30px;}

div.galleryimage {}
div.galleryimage img { border:1px solid #DA251D; position: relative; top:30px; left:0;}
div.galleryimage p.back { background:#fff; position:absolute; top:0; left:0; padding:3px;}
div.galleryimage h2 { position:absolute; top:0; left:150px;}
div.galleryimage h3 { margin:0;}
div.galleryimage p { margin:0;}
div.galleryimage div.desc { position:absolute; top:250px; left:520px; width:200px; border-left:1px solid #bbb; padding-left:5px;}
div.galleryimage div.desc p { background:#fff;}

body.preview{ background:#05070A; margin:10px; text-align:center; overflow:auto;}
div.pr_desc { color:#fff;}

form.feedback{ position:absolute; top:100px; left:300px; background:#fff; padding:30px; width:80%; z-index:100;}
form.feedback td{ color:#333;}
form.feedback p.title { display:none;}
form.regform{ position:absolute; top:100px; left:300px; background:#fff; padding:30px; width:80%; z-index:100; color:#333;}
form.regform td{ color:#333;}