* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/20px Arial,sans-serif; color: #000; text-align: left;  background:#000 url(images/page.jpg) no-repeat center 0; overflow-x: hidden; padding-bottom:20px; }
body.inner { background:#fff url(images/bg.jpg) repeat-x;}

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px;}

#page{ width:954px;  margin: 0 auto; min-height:662px;}
#page{ width:1200px;  margin: 0 auto; min-height:662px; position:relative; z-index: 1;}

.frame{ width:1200px; margin: 0 auto; min-height:662px; }
body.inner .frame{ width:960px; margin: 0 auto; }

#header{ height:97px; }
body.inner h1#logo { padding-left:0px;}

body.inner #header { position:relative;}
body.inner #nav { right:0; }
h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:394px;
	height:50px;
	float: left;
	display: inline;
	padding:36px 0 0 36px;
}
h1#logo a{
	display: block;
	height:50px;
	background:url(images/logo.png);
}
h1{ font-size: 32px; line-height: 36px; color: #ff0000; }
h2{ font-size: 84px; line-height: 96px; color: #ff0000; }
h3{ font-size: 22px; line-height: 26px; color: #ff0000; margin-top:-10px; }
h4{ font-size: 18px; line-height: 20px; color: #ff0000; font-weight: normal; }

body.inner  #nav { padding-right:0;}
#nav { padding:24px 0px 0 0; width:378px; position: absolute; right:26px; top:0; z-index: 100;}
#nav ul{ list-style-type: none;  position: relative; z-index: 2; width:381px; float: right; display: inline;}
#nav li{ float: right; width:74px; height:71px; padding-left:2px; font-size: 10px; text-transform: uppercase; }
#nav li .sub{ width:378px; background:#fff; min-height:170px; position: absolute; left:3px; top:73px; z-index: 10;}
#nav li .sub ul.dbl{ width:183px; padding-left:8px; float: left; display: inline; }
#nav li .sub .narrow{ width:173px !important; }
#nav li .sub .narrow li{ width:173px !important; }
#nav li .sub .narrow li a{ width:173px !important; }
#nav li .sub ul.dbl li{ width:183px; line-height:19px; height:19px; font-size: 11px; border-bottom:solid 1px #e6e6e6; text-transform: none;}
#nav li .sub ul.dbl li a{ color:#333; height:19px; background-image: none !important; width:177px; padding:0;}
#nav li .sub ul.dbl li a:hover{ text-decoration: underline;}
#nav li .sub ul.dbl li img{ display: block;}
#nav li .sub ul.dbl li.high{ height:75px; border-bottom:0; padding-top:9px}
#nav li a{ float: left; height:71px; width:68px; color:#fff; padding: 0 0 0 6px;}
#nav li a.bg{ background: url(images/dot.png); }
#nav li a:hover, #nav li a.active{ text-decoration: none; color:#333; background: #fff; background-image: none; }

.nav-iconed { padding-left:18px!important; background-position:5px 100px!important; }

#content { padding:50px 0 0 59px; }
body.inner #content { padding:1px 0 0 0 ; width:960px}
#content h3.space { padding-bottom:10px; }
#content h4 a { text-decoration: underline; color:#ff0000; }
#content h4 a:hover{ text-decoration: none; }

.left-col { float: left; display: inline; width:377px; }
.left-col h2, .left-col h3 { letter-spacing: -0.07em; text-align: right; float: right; display: inline; }
.hold h2, .hold h3 { letter-spacing: -0.07em; }

.right-col { width:547px; float: right; display: inline; margin-bottom:10px; }
.right-col h2 { color:#ff0000; font-size:320%; line-height:100%; margin:0 0 10px 0; letter-spacing:-2px; }
.right-col h3 { font-size: 220%; line-height:150%; margin:0 0 5px 0; letter-spacing:-1px; }
.right-col h4 { font-size: 120%; line-height:140%; margin:0; }
.right-col p { font-size: 20px; line-height:28px; padding-bottom:30px; font-family:"Georgia",serif; }
.right-col td { font-family:"Georgia",serif; font-size: 20px; vertical-align:top; line-height:130%; }
.right-col li { font-family:"Georgia",serif; margin:0 0 10px 15px; font-size: 20px; line-height:28px; padding-bottom:30px; }

.panorama { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama.jpg); position:relative; z-index: 1;}
.panorama-portfolio { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-pantheon.png); position:relative; z-index: 1;}
.panorama-computer { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-computer.png); position:relative; z-index: 1;}
.panorama-dishes { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-dishes.png); position:relative; z-index: 1;}
.panorama-materials { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-materials.png); position:relative; z-index: 1;}
.panorama-climber { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-climber.png); position:relative; z-index: 1;}
.panorama-const { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-const.png); position:relative; z-index: 1;}
.panorama-dart { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-dart.png); position:relative; z-index: 1;}
.panorama-trees { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-trees.png); position:relative; z-index: 1;}
.panorama-muscle { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-muscle.png); position:relative; z-index: 1;}
.panorama-newspaper { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-newspaper.png); position:relative; z-index: 1;}
.panorama-hourglass { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-hourglass.png); position:relative; z-index: 1;}
.panorama-toy-soldiers { width:967px; height:207px; margin-left:-7px; position: relative; z-index: 1; background: url(/css/images/panorama-toy-soldiers.png); position:relative; z-index: 1;}

.ribbon{ width:128px; height:195px; background: url(images/ribbon.png); position: absolute; left:24px; top:109px; z-index: 100; }
.read-this-page{ width:166px; height:124px; background: url(images/read-this-page.png); position: absolute; left:340px; top:120px; z-index: 100; }

td.when { color:red;padding-right:10px; }

p#get-a-flag { background: url(images/icon-flag.png); padding-left:120px; background-repeat:no-repeat; background-position:0 7px; }
p#all-on-the-wall { background: url(images/icon-paintbucket.png); padding-left:120px; background-repeat:no-repeat; background-position:0 7px; }
p#billboard-time { background: url(images/icon-stop.png); padding-left:120px; background-repeat:no-repeat; background-position:0 7px; }

.boxes{ padding:34px 0 0 3px; }
.boxes ul{ list-style-type: none; }
.boxes li{ float: left; width:225px; height:103px; background:#232323; margin-right:31px; padding:42px 0 0 9px;}
.boxes li h3{ font-size: 18px; color:#fff; line-height:21px;}
.boxes li h3 span{ color:#0072bc;}
.boxes li p{ font-size: 14px; color:#fff;}
.boxes li a{ color:#fff;}
.boxes li p.b-space{ padding-bottom:14px;}

#footer{ height:16px; font-size: 9px; color:#f6f1d0; line-height:16px; text-align: center;}
body.inner #footer{ color:#000;}
body.inner #footer a{ color:#000;}
#footer a{ color:#f6f1d0;}