﻿html, body { 
	margin: 0;
	padding: 0;
	background: #DFE1E8 url(../image/back.jpg) 50% 50% no-repeat fixed;
	height: 100%;
	}
	
img, div, span {
	behavior: url(assets/misc/iepngfix.htc);
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0 0 18px 0;
}

.clear {
	clear: both;
}	

.index {
	width: 800px;
	margin: 0 auto;
	border: 0;
	padding: 20px 0 0 0;
}

.indexspan {
	max-width: 740px;
	margin: 0 30px 25px 30px;
}

.indexcol {
	float: left;
	max-width: 340px;
	margin: 0 30px 40px 30px;
}

.worklink {
	width: 330px;
	height: 180px;
	border: 5px solid #ccc;
	margin-bottom: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.worklink:hover {
	border: 5px solid #05A2EE;
}

.worklink a:link, .worklink a:visited {
	padding: 0;
}

.biglink {
	width: auto;
	float: right;
	margin: 20px 15px 0 0;
}

.biglink li {
	width: auto;
}

.biglink li a:link, .biglink li a:visited {
	background: #05a2ee;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.833em;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	text-shadow: #0580bc 0px -1px 0px;
	padding: 8px 14px 8px 14px;
}

.biglink li a:hover {
	background: #09afff;
	text-decoration: none;
}


.footer {
	clear: both;
	padding: 20px 0 50px 0;
	margin: 0 30px 0 30px;
}

.footer p {
	float: left;
	padding: 0;
	margin: 0;
}

.footer .links {
	width: auto;
	float: right;
	margin: 0;
}

.footer .links li {
	width: auto;
	float: left;
	margin-left: 14px;
}
