@import url('reset.css');


body 
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background:url(background.png) no-repeat 50% 40% fixed #eee;
}

a {outline:none; color:#fe0000; text-decoration:none;}
a:hover {color:#fe0000; text-decoration:underline;}

strong {font-weight:bold; color:#fe0000;}
p {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;}

.clear {clear:both;}

.button
{
	display:block; width:90px; height:34px;
	color:#fff; line-height:34px; border:0;
	background:url(button.png) no-repeat;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;
}

.textfield
{
	border:1px solid #ccc;
	height:34px; line-height:34px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-indent:10px;
}

.textarea
{
	border:1px solid #ccc;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666;
}

#header
{
	width:980px; height:150px;
}

#logo
{
	float:left;
	width:500px; height:130px;
	margin-top:8px;
}

#header-right
{
	float:right;
	width:240px; height:120px;
	margin-top:10px; margin-right:10px;
}

#header-right p
{
	font-size:16px; font-weight:100;
}

#breadcrumb
{
	width:980px; height:40px; line-height:40px;
	margin:0 auto; background:url(breadcrumb-bg.png) repeat-x; color:#666;
	text-indent:20px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}

#navigation
{
	width:980px; height:65px;
	margin:0 auto;
	background:url(nav-bg-sika.png) repeat-x;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
}

#navigation li
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; list-style:none;
	height:65px; line-height:65px; text-align:center; text-transform:uppercase;
	font-weight:bold; font-size:16px; font-weight:100;
	background:url(nav-bg-sika.png) repeat-x; border-right:1px dotted #f1a20c;
	text-shadow:1px 1px #f9d56d;
}

#navigation li a 
{
	color:#333; text-decoration:none;
	padding-left:20px; padding-right:20px;
	display:block;
}

#navigation li a:hover 
{
	background:url(nav-bg-sika-hover.png) repeat-x;
	height:65px; line-height:65px;
	display:block; color:#333;
}

.home
{
	-moz-border-radius-topleft:6px;
}

#container 
{
	width:980px;
	margin:10px auto;
	background:#fff;
	padding:10px;
	-moz-border-radius:7px;
	box-shadow:0px 0px 5px #ccc;
}

#content
{
	width:940px; padding:20px;
}

#boxes-container
{
	width:980px;
	height:170px;
	margin-top:10px;
	margin:0 auto;
}

.boxes
{
	width:205px; height:130px;
	float:left; margin-top:10px;
	background:url(box-bg.jpg) no-repeat; padding:20px;
	color:#fff; font-size:16px;
}

.box1
{
	border-right:1px dashed #ccc; width:204px;
}

.yellow 
{
	background:url(box-bg-yellow.jpg) no-repeat;
}

#page-content
{
	float:left; width:640px;
	margin-left:0px; margin-top:20px;
}

#right-nav-container
{
	float:right; margin-right:-20px;
	width:240px; padding-left:20px; padding-right:20px;
	background:#fff; border-left:2px solid #ccc;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

#right-nav-container ul 
{
	margin-left:30px;
}

#right-nav-container li
{
	list-style:outside disc; padding-top:10px; line-height:18px;
}

#footer
{
	width:960px; height:100px;
	padding:20px; text-align:right;
	margin-left:-10px; margin-bottom:-10px;
	background:url(footer-bg.png) no-repeat;
	color:#333;
}

.spacer
{
	color:#9e9e9e;
}