body, html {
	min-height: 100%;
}

body {
	background: #d9e2ea;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
	color: #333;
}

a {
	color: #0099ff;
}

.nxt {
	position: absolute;
	top: 127px;
	right: 0;
	height: 124px;
	width: 62px;
	background: transparent url(../img/nxt.png) 50% 50% no-repeat;
}

.prv {
	position: absolute;
	top: 127px;
	left: 0;
	height: 124px;
	width: 62px;
	background: transparent url(../img/prv.png) 50% 50% no-repeat;
}

#header {
	background: url(../img/header.jpg) 0 0 repeat-x;
}

#primaryHeader {
	display: block;
	float: left;
	width: 716px;
	height: 138px;
	background: url(../img/primaryheader.jpg) 0 0 no-repeat;
}

.logo {
	position: absolute;
	left: 25px;
	top: 20px;
	width: 130px;
	height: 100px;
	background: transparent;
}

.slogan {
	position: absolute;
	left: 180px;
	top: 40px;
	width: 415px;
	height: 65px;
	background: transparent;
}

.kalzip {
	position: absolute;
	right: 27%;
	top: 41px;
	width: 126px;
	height: 59px;
	background: transparent url(../img/logo.png) 0 0 no-repeat;
}

#secondaryHeader {
	display: block;
	float: right;
	width: 254px;
	height: 138px;
	background: url(../img/secondaryheader.jpg) 0 0 no-repeat;
}

#phones {
	background: #b0b0b0;
	text-align: right;
}

#phones p{
	display: inline;
	color: #fff;
	padding-left: 20px;
	padding-right: 10px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
}

#phones p b{
	color: #333;
}

#phones p a{
	text-decoration: none;
	color: #fff;
}

#phones p a:hover{
	text-decoration: underline;
}

#contentWrap {
	display: table;
}

#content {
}

#primaryContent {
	background: #d9e2ea;
}

.menu {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	background: #fff;
}


.menu li a{
	text-decoration: none;
	display: block;
	height: 27px;
	line-height: 27px;
	width: 93%;
	padding-right: 7%;
	text-align: right;
	font-family: arial, sans-serif;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px dotted #333;
	background:  url(../img/arrow.gif) 99% 50% no-repeat;
}

.menu li.active{
	background: #e4e4e4;
}

.menu li.active a{
	background: url(../img/arrowhow.gif) 99% 50% no-repeat;
}

.menu li.active ul li a{
	background: none;
}

.menu li a:hover{
	color: #ff0000;
}

.menu li ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 95%;
	margin-right: 8%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #1760a9;
	border-top: 3px solid #134f8a;
}

.menu li ul li{
	background: #1760a9;
}

.menu li ul li a{
	text-decoration: none;
	display: block;
	height: 16px;
	line-height: 16px;
	width: 95%;
	padding-right: 5%;
	text-align: right;
	font-family: arial, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	border: none;
	background: #1760a9;
}

#secondaryContent {
	vertical-align: top;
	background: #d9e2ea;
}

#primaryContent p{
	margin-bottom: 18px;
	text-align: justify;
}

#secondaryContent #text{
	display: block;
	padding: 2%;
	offset: 0;
	min-height: 1450px;
	background: #fff;
}

#secondaryContent p{
	margin-bottom: 18px;
	text-align: justify;
}

#secondaryContent p.image{
	text-align: center;
}


h1, h2, h3, h4, h5, h6 {
	color:#333; 
	margin: 0;
	padding: 0;
	background: url(../img/line.gif) 0 50% repeat-x;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	margin-left: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}

#secondaryContent h1 { 
	font-size:32px; 
	font-weight:bold; 
	line-height:1.2em 
}
#secondaryContent h2 { 
	font-size:24px; 
	clear:both;
	line-height:1.3em; 
}
#secondaryContent h3 {  
	font-size:18px; 
	font-weight:normal; 
	line-height:1.2em; 
}
#secondaryContent h4 { 
	font-size:14px; 
	font-weight:normal; 
}
#secondaryContent h5 { 
	font-size:11px; 
	font-weight:normal; 
}
#secondaryContent h6 { 
	font-size:11px; 
	font-weight:normal; 
}

#secondaryContent blockquote.left p { 
	width: 220px; 
	padding: 0px 20px 0px 0px; 
	margin:0px 20px 20px; 
	font-size: 15px; 
	line-height: 20px; 
	float:left; 
	border-right:1px solid #dbdbdb; 
	text-align:right; 
	font-style:italic; 
}

#secondaryContent blockquote.right p { 
	width: 220px; 
	padding: 0px 0px 0px 20px; 
	margin:0px 0px 20px 20px; 
	font-size: 15px; 
	line-height: 20px; 
	float:right; 
	border-left:1px solid #dbdbdb; 
	text-align:left; 
	font-style:italic; 
}

.bad ul {
	list-style-type: none;
	margin: 0 10px;
}

.good ul {
	list-style-type: none;
	margin: 20px 10px;
}

.good ul li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0 4px no-repeat;
}

.bad ul li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0px -20px no-repeat;
}

#secondaryContent table {
	margin: 20px 0;
	width: 100%;
}

#secondaryContent table th {
	border: 1px solid #e5e5e5;
	padding: 10px 0;
	color: #17222d;
	font-weight: normal;
}

#secondaryContent table td {
	border: 1px solid #e5e5e5;
	text-align: center;
	padding: 3px 0;
}

.project{
	margin-bottom: 18px;
	border-bottom: 1px dotted #666;
}

.license {
	display: block;
	float: left;
	width: 31%;
	padding: 1%;
}

.menu li ul li.red {
	color: #ff0000;
}

.menu li ul li.red a{
	color: #ff0000;
}


#thirdContent {
	vertical-align: top;
	padding: 10px 0;
	background: #fff;
}

#footer {
	margin-top: 10px;
	background: #fff;
}

.dop{
	display: block;
	text-align: center;
	padding-top: 7px;
}

.dop a{
	color: #666;
}

#footer p{
	font-size: 11px;
	text-align: center;
	padding: 3px 10px;
	text-align: center;
	color: #666;
}

#footer .cright{
	font-size: 13px;
	color: #000;
}