/* Basic Example CSS */
body { font-family:georgia, serif; margin:0; }
p { font-size:14px; line-height:18px;}
h2 { font-size:36px; font-weight:normal; text-align:center; color:#222528;}
h3 { color:#fff; font-size:12px; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; color:#222528; }

.wrapper { width:100%; margin:auto 0; background:#222528; }


/* ===== Tooltip CSS ===== */
div.tooltip { display:none; /* initially tooltips are hidden */ padding:10px; background:#222; color:#fff; font-size:13px; font-style:italic; }

/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable { position:relative; width:100%; height:630px; overflow:hidden; }

/* Items Container */
div.scrollable div.items { width:20000em; position:absolute; clear:both; }

/* Individual Item Containers */
div.scrollable div.items div { float:left; height:630px; padding: 0; /*background:#000;*/ }

#frameIndex { color:white; width:1000px; background:url('img/front-right.jpg') right no-repeat;  }
	.logo { float:left; width:690px; }
	.menu { float:right; width:310px; color:#ceb899; font-size:10px; text-transform:uppercase; letter-spacing:2px; margin:110px 0 0 0; }
		.menu img { margin-left:50px; }
		.menu a { color:#ceb899; text-decoration:none; }
		.menu a:hover { color:#f0ebe3; }
	.menu #indexProjectList { cursor:pointer; list-style-type:upper-roman; margin:10px 50px 50px 50px; padding:0 0 0 30px; }
	.menu #indexPageList { cursor:pointer; list-style-type:upper-roman; margin:10px 50px 50px 50px; padding:0 0 0 30px; }
		.menu #indexProjectList li, .menu #indexPageList li { padding:0 0 10px 0; } 

div.scrollable div.items div.gold { background-image:url('img/bg-gold.jpg'); background-color:#b5985b; padding:100px 40px 20px 40px;  width:220px; font-size:12px; line-height: 18px; color:#fff; }
	div.gold p { margin:0 0 18px 0; font-size:12px; line-height: 18px; }
		div.gold ul { margin:0; padding:0; }
		div.gold li { margin:0; padding:0; list-style:none; font-size:12px; }
		div.gold a { color:#fff; text-decoration:none; }
		div.gold a:hover { text-decoration:underline; }
	div.pointer { position:absolute; z-index:1000; width:31px; height:31px; margin:20px 0 0 245px; }
	div.photo { border-right:5px solid #fff; }

div.scrollable div.items div.page { color:white; padding:20px; width:970px; }
	div.page h2 { font-size:14px; color:#b2995c; margin:0; padding:0; text-transform:lowercase; font-variant:small-caps; text-align:left;  }
	div.about { width:500px; float:left; padding:30px; margin:130px 20px 0 30px; }
		div.about p { font-size:18px; line-height:24px; }
	div.clients { width:195px; float:left; margin-top:130px; }
		div.clients h2 { padding-left:50px; margin:0 0 20px 0; }
		div.clients ul { list-style:none; margin:0; padding:0; }
		div.clients li { list-style:none; font-size:11px; margin:0; padding-bottom:6px; padding-left:50px; }
		div.clients a { color:#fff; text-decoration:none; }
		div.clients a:hover { text-decoration:underline; }
	div.press-row { padding:30px; margin:100px 0 0 30px; }
		div.press-row h2 { margin:0 0 20px 0; }
		div.press-row img { margin:0 15px 15px 0; }
	div.map a:hover { background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/
	div.map a.tooltip span { display:none; padding:30px 30px 40px 30px; margin:480px 0 0 -780px; width:500px; text-align:center; text-transform:lowercase; font-variant:small-caps; font-size:24px; letter-spacing:2px; }
	div.map a.tooltip:hover span{display:inline; position:absolute; background:#222528; color:#d8c8a4; border:4px double #d8c8a4; }

/* footer */
#footer, #footer * { font-size:14px; font-family:georgia, serif; text-transform:lowercase; font-variant:small-caps; }
#footer a { color:#000; }
#skull { padding:0px 5px 5px 10px; vertical-align:middle; cursor:pointer; }

/* Select lists */
select { width:175px; margin:20px 10px; background:#222528; padding:10px; border:0; color:white; }

/* Next and Previous buttons */
#navBtns { float:right;  margin:30px 20px 20px 20px; font-size:10px; }
#navBtns a { padding:8px; cursor:pointer; color:#222528; background:#b2995c; margin-left:5px; }
a.prev { }
a.next { }
a.prev:hover, a.next:hover { color: #333; }

/* Disabled Next or Previous button */
a.disabled { background:#dacaad !important; color:#999 !important; }

/* ===== CSS Rounded Corners ===== */
/*div.tabPanes { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
div.tooltip,
div.scrollable div.items div { -moz-border-radius: 8px; -webkit-border-radius: 8px; }*/