/* CSS Document */

/* References
BG Brown: #130A06
Text Dark Brown: #5D3D2E
Copper: #C35C2D
Beige (Footer Bar): #DCDCC7
Rule: #CDCDB0
*/

/* HTML */
* { margin: 0; padding: 0;}

html, body { height: 100%;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 1.5em; color: #5D3D2E; background: #130A06 url(../_media/common_bg_pattern_brown.gif) repeat top;}

p { margin-bottom: 1.5em;}
img { border: 0px Solid #000;}
h1 { font-size: 27pt; font-weight: normal; display: none;}
h2 { font-size: 15pt; font-weight: normal; padding: 0 0 25px 0; margin-bottom: 23px; border-bottom: 1px Solid #CDCDB0;}
h3 { font-size: 11pt; font-weight: bold; color: #5D3D2E; width: 422px;}

a { color: #C35C2D; text-decoration: none;}
a:hover { color: #5D3D2E;}

/* Element */
.invisible { display: none;}
.clear { clear: both;}

/* Layout */
#base { position: relative; display: block; width: 884px; margin: 0 Auto 0 Auto; background: #FFF url('../_media/common_bg_pattern_white.gif') repeat; min-height: 100%;}
*html #base { height: 100%;}

#header { display: block; width: 884px; border: 0px Solid #F99;}

#navigation { position: relative; top: 0; left: 15px; display: block; width: 270px; list-style-type: none; float: left; border-bottom: 1px Solid #CDCDB0; padding-bottom: 20px;}
.home #navigation { margin-top: -42px;}
.sub #navigation { margin-top: 27px;}



#subnavi { position: relative; display: block; width: 566px; list-style-type: none; border-bottom: 1px Solid #CDCDB0; padding-bottom: 20px; margin-bottom: 23px;}

#content { position: relative; right: 15px; display: block; width: 566px; float: right; padding-bottom: 4em; border: 0px Solid #F99;}
.home #content { margin-top: -41px;}
.sub #content { margin-top: 28px;}

#contact { position: relative; top: 0; left: 15px; display: block; width: 270px; float: left; border: 0px Solid #F99;}

#footer { display: block; position: absolute; bottom: 0; right: 15px; float: right; width: 566px; height: 20px; background: #DCDCC7;}

/* Header */
.home #header { background: url('../_media/headers/header_home.jpg') no-repeat top; height: 469px;}

.sub #header { height: 275px;}
#partnership_theresa #header { background: url('../_media/headers/header_partnership_theresa.jpg') no-repeat top;}
#partnership_alice #header { background: url('../_media/headers/header_partnership_alice.jpg') no-repeat top;}
#partnership_principles #header { background: url('../_media/headers/header_principles.jpg') no-repeat top;}
#partnership_reason #header { background: url('../_media/headers/header_reason.jpg') no-repeat top;}
#clients_whoareyou #header { background: url('../_media/headers/header_whoareyou.jpg') no-repeat top;}
#clients_entrepreneur #header { background: url('../_media/headers/header_entrepreneur.jpg') no-repeat top;}
#clients_mnc #header { background: url('../_media/headers/header_mnc.jpg') no-repeat top;}
#clients_sme #header { background: url('../_media/headers/header_sme.jpg') no-repeat top;}
#clients_vci #header { background: url('../_media/headers/header_vci.jpg') no-repeat top;} 
#solutions_solution #header { background: url('../_media/headers/header_solutions.jpg') no-repeat top;}
#perspective #header { background: url('../_media/headers/header_perspectives.jpg') no-repeat top;}

/* Navigation */
#navigation LI { display: inline; font-size: 11pt;}
#navigation LI a { display: block; width: 270px; background: url('../_media/navi_dots_img_of.gif') no-repeat 0 3px; padding-bottom: 3px;}
#navigation LI a span { display: block; padding-left: 28px;}
#navigation LI a.on { background: url('../_media/navi_dots_img_on.gif') no-repeat 0 3px; color: #5D3D2E;}

/* Nested Navigation Items */
#nestednav LI { display: inline; font-size: 11pt;}
#nestednav LI a {
	display: block;
	width: 270px;
	padding-bottom: 3px;
	background-image: url(../_media/navi_dots_img_of.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
	text-indent: 15px;
}
#nestednav LI a span { display: block; padding-left: 28px;}
#nestednav LI a.on {
	color: #5D3D2E;
	background-image: url(../_media/navi_dots_img_on.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

/* Subnavi */
#subnavi LI { display: inline; font-size: 11pt;}
#subnavi LI a { display: block; width: 422px; background: url('../_media/navi_dots_img_of.gif') no-repeat 0 3px; border: 0px Solid #F99;}
#subnavi LI a span { display: block; padding-left: 28px;}
#subnavi LI a.on { background: url('../_media/navi_dots_img_on.gif') no-repeat 0 3px; color: #5D3D2E;}

/* Content */
#content p { display: block; width: 510px;}
.space { padding-bottom: 19px;}
#content UL { list-style-type: none;}
.listing h3 { padding-left: 18px; background: url(../_media/bullet_dot_img.gif) no-repeat 0 3px; border: 0px Solid #F99;}
.listing p { padding-left: 18px;}

/* Contact */
#contact #address { display: block; border-bottom: 1px Solid #CDCDB0; padding: 23px 0 3px 0;}
#contact h3 { width: auto;}

/* Footer */
#footer p { font-size: 8pt; padding: 0 0 0 5px; margin-bottom: -1.5em;}
