/* CSS Document */

body {
	font: 62.5% Verdana, Arial, Helvatica, sans-serif;
	background: #FFF center top repeat-y;
	color: #310;
	text-align: left;
	margin: 0;
	padding: 0;
}

.colorref_cypark_blue {
	color: #356;
}

.colorref_cypark_green {
	color: #AC8;
	color: #353;
}

.colorref_cypark_green2 {
	color: #9B7;
}

h1 {
	font-weight: bold;
	font-size: 1.4em;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
}

h3 {
	font-weight: bold;
	font-size: 1em;
}

a {
	color: #356;
}

a:hover {
	color: #f00;
}

#page {
	width: 780px;
	max-width: 780px;
	margin: 0 auto;
	border: 1px solid #ddd;
	background: #FFF url(../images/page-background.gif) top left repeat-y;
}

#header {
	height: 100px;
	background: #356 url(../images/strap.jpg) top right no-repeat;
}

body#cy-int #header {
	background: #356 url(../images/strap-international.gif) top right no-repeat;
}

#header #logo {
	height: 100px;
	width: 250px;
	background: #FFF;
}

#sidebar {
	width: 250px;
	float: left;
	background: #AC8;
}

#mainmenu {
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	width: 250px;
}

#mainmenu li {
	padding: 0;
	margin: 0;
}

#mainmenu li.first,
#mainmenu li#s-sub-1 {
}

#mainmenu li a {
	text-decoration: none;
	margin: 0;
	padding: 5px 10px;
	display: block;
	color: #000;
	font-weight: bold;
	border: 3px solid #8A8;
	border-top: 2px solid #CE8;
	border-left: 2px solid #CE8;
}

#submenu {
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

#submenu li {
	padding: 0;
	margin: 0;
}

#submenu li a {
	padding: 5px 5px 5px 25px;	
	font-weight: normal;
	background: url(../images/qm/arrow_right.gif) 10px center no-repeat;
}

body#cy-int #mainmenu li#s-cy-int a,
body#cy-land-dev #mainmenu li#s-cy-land-dev a,
body#cy-plan-design #mainmenu li#s-cy-plan-design a,
body#cy-land-maint #mainmenu li#s-cy-land-maint a,
body#mat-plant #mainmenu li#s-mat-plant a,
body#rnd #mainmenu li#s-rnd a,
body#cyen #mainmenu li#s-cyen a,
body#about-us #mainmenu li#s-about-us a,
body#news #mainmenu li#s-news a,
body#careers #mainmenu li#s-careers a,
body#contact-us #mainmenu li#s-contact-us a,
#mainmenu li a:hover,
body.sub-1 #submenu li#s-sub-1 a,
body.sub-2 #submenu li#s-sub-2 a,
body.sub-3 #submenu li#s-sub-3 a,
body.sub-4 #submenu li#s-sub-4 a,
body.sub-5 #submenu li#s-sub-5 a,
body.sub-6 #submenu li#s-sub-6 a,
#submenu li a:hover {
	background-color: #685;
	border: 3px solid #453;
	border-top: 2px solid #8B7;
	border-left: 2px solid #8B7;
	color: #FFF;
}

#body {
	width: 530px;
	float: right;
}

#crumbs {
	width: 470px;
	padding: 20px 30px;
	font-weight: bold;
}

#crumbs a {
	text-decoration: none;
}

#crumbs #sec-nav {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	border-top: 1px solid #353;
}

#crumbs #sec-nav ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#crumbs #sec-nav ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#crumbs #sec-nav a {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 5px 0px;
	border-top: 3px solid #FFF;
	color: #356;
}

#crumbs #sec-nav.sec-1 li#sec-1 a,
#crumbs #sec-nav.sec-2 li#sec-2 a,
#crumbs #sec-nav.sec-3 li#sec-3 a,
#crumbs #sec-nav.sec-4 li#sec-4 a,
#crumbs #sec-nav.sec-5 li#sec-5 a,
#crumbs #sec-nav.sec-6 li#sec-6 a,
#crumbs #sec-nav.sec-7 li#sec-7 a,
#crumbs #sec-nav.sec-8 li#sec-8 a,
#crumbs #sec-nav.sec-9 li#sec-9 a,
#crumbs #sec-nav a:hover {
	border-top: 3px solid #356;
}

#crumbs #qlzone {
	text-align: right;
}

#content {
	width: 470px;
	padding: 20px 30px;
	line-height: 1.4em;
	text-align: justify;
}

#content .narrow {
	float: left;
	width: 300px;
}

#content .skyscraper {
	float: right;
	width: 160px;
	padding-left: 10px;
}

#content .narrow2 {
	float: left;
	width: 240px;
}

#content .skyscraper2 {
	float: right;
	width: 200px;
	padding-left: 10px;
}

#footer {	
	clear: both;
	width: 450px;
	padding: 20px 40px;
	margin-left: 250px;
	border-top: 1px dotted #310;
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

img.framed {
	border: 1px solid #310;
}

img.nopad {
	margin: 0 0 10px 0;
}

.superscript {
	font-size: 0.8em;
	top: -0.2em;
	position: relative;
}

.qlanchor {
	float: right;
}

#ql {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0;
	padding: 1px;
	border: 1px solid #353;
	background: #efe;
}

.clear {
	clear: both;
}