

/* CSS Document */


html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif;
	font-size: 12px;
	color: #444;
	background: #ffffff url(../images/background.gif) repeat-x left 5px;
	
}


body.contact,
body.upload {
		background: #ffffff url(../images/bg_image.gif) repeat-x left 5px;
}

body.contact #header,
body.upload #header {

	height: 25px;
}

.hidden {
	display: none;
}

#page-container {
	width: 790px;
	margin: auto;
	background: #fff;
	padding: 0;
 
	
}


/* Main Navigation */

#main-nav { 
	height: 55px; 
}



#header {
	height: 300px;
	background: #000;
	margin-top: 0;
	margin-bottom: 10px;
}

h1 {
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	color: #881d17;
}
h1 a {
	color: #881d17;
	text-decoration: none;
	border: none;
	
}
#logo a:link a:active a:hover {
	color: #881d17;
	text-decoration: none;
	border: none;
}

#contactInfo {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 10px;
	padding-right: 10px;
	line-height:17px;
	font-size: 14px;
	color: #99cc00;
}

#contactInfo a:link a:active a:hover{
	text-decoration: none;
	border: none;
	}
	
img {
	border: none;
}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family:Century Gothic, Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif;
	font-size: 20px;
	color:#881d17;
}

h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif;
	font-size: 13px;
	color: #881d17;
}

strong {
	color: #881d17;
	padding-right: 3px;
	
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#sidebar-a {
	float: right;
	width: 280px;
	
}

#sidebar-a p {
margin: 0;
	padding-bottom: 5px;
}

#sidebar-a h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family:Century Gothic, Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif;
	font-size: 20px;
	color:#881d17;
}

#sidebar-a .padding {
	padding: 0px 25px 25px 25px;
}

#magnus {
	position: absolute;
	
}

#content {
	margin-right: 280px;
	
}

#content .padding {
	padding: 0px 25px 25px 25px;
}

#footer {
	height: 25px;
	clear: both;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif;
	font-size: 10px;
	border-top: 2px solid #000;
	padding: 5px 25px;
	line-height: 18px;
	
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer a:hover {
	color: #db6d16;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
}

#footer span {
	padding-left: 150px;
}

#main-nav dl { 
	margin: 0; 
	padding: 0; 
}



/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 11px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt { 
	float: left; 
}

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -50px;
}

#main-nav dt#about,
#main-nav dt#about a { width: 71px; background-image: url(../images/nav/about.gif); }

#main-nav dt#services,
#main-nav dt#services a { width: 84px; background-image: url(../images/nav/services.gif); }

#main-nav dt#portfolio,
#main-nav dt#portfolio a { width: 95px; background-image: url(../images/nav/portfolio.gif); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 106px; background-image: url(../images/nav/contact.gif); }


.red {
color: #FF3737;
}

