/* @override http://olafvancleef.org/styles/global.css */

body { font-size: 13px; font-family: "Times New Roman", Georgia, Times, serif; line-height: 18px; background-color: white; margin: 0; }
p, td { color: #666; font-size: 12px; font-family: "Times New Roman", Georgia, Times, serif; font-weight: bold; line-height: 14px; }
h1 { color: #999; font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; letter-spacing: 0.1em; }
#container { background-image: url(../images/canvas.png); position: relative; width: 840px; height: 500px; margin: 20px auto auto; }
#header { font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 0.2em; height: 20px; position: absolute; top: 55px; width: 100%; }
#footer { font-size: 10px; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; position: absolute; top: 430px; width: 100%; height: 20px; }
#main { position: absolute; top: 145px; left: 25px; width: 788px; height: 250px; padding: 1px; }
#sidebar { color: #666; font-size: 10px; font-weight: bold; line-height: 18px; text-transform: uppercase; text-align: right; letter-spacing: 0.1em; position: absolute; left: 0; width: 190px; height: 187px; margin-top: 15px; padding-top: 33px; padding-right: 15px; border-right: 1px solid #f93; }
#content { color: #666; font-size: 12px; font-weight: bold; line-height: 14px; margin-top: 20px; margin-right: 20px; margin-left: 225px; }

#header a:link, #header a:visited { color: #999; text-decoration: none; }
#header a:hover { color: #333; text-decoration: none; }
#header a.active { color: #FF9900 }

#content a:link, #content a:visited { color: #333; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#sidebar a:link, #sidebar a:visited { color: #999; text-decoration: none; }
#sidebar a:hover { color: #333; text-decoration: none; }
#sidebar a.active { color: #FF9900 }

#footer a:link, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: none; }
#footer a.active { color: #FF9900 }

.boxed { border: solid 1px #ccc; }
.gutter { width: 15px; }

.quote { color: #999; font-size: 18px; font-style: italic; line-height: 28px; }
#uparrow { position: absolute; right: 15px; bottom: 20px; width: 14px; height: 14px; }
#uparrow a { background-image: url(../images/buttons/arrow_up.gif); text-decoration: none; display: block; width: 14px  ; height: 14px; }
#uparrow a:hover { background-position: -14px 0 ; text-decoration: none; }

#downarrow { position: absolute; right: 15px; bottom: 0; width: 14px; height: 14px; }
#downarrow a { background-image: url(../images/buttons/arrow_down.gif); text-decoration: none; display: block; width: 14px  ; height: 14px; }
#downarrow a:hover { background-position: -14px 0 ; text-decoration: none; }

#divContainer { visibility: hidden; position: absolute; width: 560px; height: 220px; overflow: hidden; clip: rect(0 auto auto 0)  }
#divContent { position: absolute; top: 0; left: 0 }

#cliprect
{ 
	position:absolute; 
	width:560px; height:220px; 
	clip:rect(0px, 560px, 220px, 0px); 
	overflow:hidden;	
	z-index:1; 
}

#images
{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
}

#olaf-india {
	position: absolute;
	bottom: 20px;
	width: 135px;
	font-size: 11px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 5px 5px 0px 20px;
}

#olaf-india a {
	display: block;
	background: url(/images/icn_slideshow_off.png) no-repeat;
	padding-left: 30px;
	height: 25px;
	color: #666 !important;
}

#olaf-india a:hover {
	background: url(/images/icn_slideshow_on.png) no-repeat;
	text-decoration: none;
	color: #333 !important;
}