@charset "utf-8";
/* CSS Document */

body {
	background-color:#10121e;
	font:x-small/1.4 Helvetica, Arial, sans-serif;
	color:#bdc1d1;
	margin:0;
	padding:0;
}

A:link {color: #7a8db3; text-decoration: none;}
A:visited {color: #7a8db3; text-decoration: none;}
A:active {color: #bdc1d1; text-decoration: none;}
A:hover {color: #a3b7e0; text-decoration: none;}

#container {
	margin:0px auto;
	width: 862px !important; 
	width /**/:862px; /* IE5/Win */
	position:relative;
	min-height:365px;
	height:auto;
	font-size:100%;
	background-image:url(images/bg.png);
	z-index:2;
}

.mainbody {
	margin:0px;
	margin-left:61px;
	width:737px;
	height:auto;
}

.header {
	position:absolute;
	top:1px;
	width:737px;
	height:115px;
	background-image:url(images/header.png);
}

#menubar {
	position:relative;
	margin:0px;
	top:75px;
	width:90px;
	height:34px;
	margin-left:268px;
}

.home A {position:absolute;padding:0px;border-right:0px;top:0px;margin-left:0px;width:79px;height:34px;
background:url(images/homelink.png);}
.home A:hover {margin-left:0px;background:url(images/homeover.png);}
.home A:visited {text-decoration: none;}
.home A:active {text-decoration: none;}

.about A {position:absolute;padding:0px;border-right:0px;top:0px;margin-left:79px;width:96px;height:34px;
background:url(images/aboutlink.png);}
.about A:hover {margin-left:79px;background:url(images/aboutover.png);}
.about A:visited {text-decoration: none;}
.about A:active {text-decoration: none;}

.portfolio A {position:absolute;padding:0px;border-right:0px;top:0px;margin-left:175px;width:94px;height:34px;
background:url(images/portfoliolink.png);}
.portfolio A:hover {margin-left:175px;background:url(images/portfolioover.png);}
.portfolio A:visited {text-decoration: none;}
.portfolio A:active {text-decoration: none;}

.contact A {position:absolute;padding:0px;border-right:0px;top:0px;margin-left:269px;width:110px;height:34px;
background:url(images/contactlink.png);}
.contact A:hover {margin-left:269px;background:url(images/contactover.png);}
.contact A:visited {text-decoration: none;}
.contact A:active {text-decoration: none;}

.careers A {position:absolute;padding:0px;border-right:0px;top:0px;margin-left:379px;width:90px;height:34px;
background:url(images/careerslink.png);}
.careers A:hover {margin-left:379px;background:url(images/careersover.png);}
.careers A:visited {text-decoration: none;}
.careers A:active {text-decoration: none;}

#logo A {
	position:absolute;
	top:16px;
	left:15px;
	width:217px;
	height:93px;
	background:url(images/logo.png);
}

#quote A {
	position:absolute;
	float:right;
	right:20px;
	top:8px;
	background:url(images/quotelink.png);
	height:55px;
	width:266px;
}

#quote A:hover {
	background:url(images/quoteover.png);
}

.homeimage {
	position:absolute;
	top:115px;
	width:737px;
	height:250px;
}

#divider {
	position:absolute;
	top:365px;
	width:862px;
	height:5px;
	background-image:url(images/divider.png);
}

#lowerhalf {
	position:absolute;
	top:370px;
	margin-left:61px;
	width:737px;
	min-height:350px;
	height:auto;
	background:#42434b;
}

.content {
	position:absolute;
	top:15px;
	left:25px;
	width:375px;
	height:auto;
}

.content h1 {
	margin:0px;
	padding:0px;
	padding-left:8px;
	line-height:25px;
	letter-spacing:-2px;
	font-size:30px;
	color:#7a8db3;
	font-weight:bold;
	padding-bottom:10px;
}

.content p {
	margin:0px;
	padding:10px 0 4px 8px;
	font-size:14px;
	font-weight:bold;
}

.contentdivider {
	position:absolute;
	top:25px;
	left:440px;
	height:303px;
	width:6px;
	background:url(images/divider2.png);
}

.content2 {
	float:right;
	position:absolute;
	top:48px;
	margin-top:-15px;
	right:48px;
	width:210px;
}

.content2 p {
	margin:0px;
	padding:10px 0 4px 8px;
	font-size:14px;
	font-weight:bold;
}

.content2 ul {
	margin:0px;
	padding:10px 0 4px 8px;
	font-size:14px;
	font-weight:bold;
}
.content2 li {
	padding-bottom:7px;
}

.content2 h1 {
	margin:0px;
	padding:0px;
	line-height:25px;
	letter-spacing:-2px;
	font-size:30px;
	color:#7a8db3;
	font-weight:bold;
	padding-bottom:10px;
}

.web A {margin:0px;padding:0px;width:203px;height:61px;display: block;background:url(images/weblink.png);}	
.web A:hover {background:url(images/webover.png);}
.video A {margin:0px;padding:0px;width:203px;height:61px;display: block;background:url(images/videolink.png);}	
.video A:hover {background:url(images/videoover.png);}
.print A {margin:0px;padding:0px;width:203px;height:61px;display: block;background:url(images/printlink.png);}	
.print A:hover {background:url(images/printover.png);}
.audio A {margin:0px;padding:0px;width:203px;height:61px;display: block;background:url(images/audiolink.png);}	
.audio A:hover {background:url(images/audioover.png);}

#audiosamp A {position:absolute;margin-top:10px;background:url(images/audiosamplink.png);height:58px;width:217px;}
#audiosamp A:hover {background:url(images/audiosampover.png);}
#videosamp A {position:absolute;margin-top:10px;background:url(images/videosamplink.png);height:58px;width:217px;}
#videosamp A:hover {background:url(images/videosampover.png);}
#printsamp A {position:absolute;margin-top:10px;background:url(images/printsamplink.png);height:58px;width:217px;}
#printsamp A:hover {background:url(images/printsampover.png);}
#websamp A {position:absolute;margin-top:10px;background:url(images/websamplink.png);height:58px;width:217px;}
#websamp A:hover {background:url(images/websampover.png);}

.highlight {
	color:#7a8db3;
}
	
#divider2 {
	position:absolute;
	top:365px;
	width:100%;
	height:5px;
	background-color:#1f1f23;
}
	
#bottom {
	position:absolute;
	top:370px;
	min-height:644px;
	height:auto;
	bottom:0px;
	width:100%;
	background-image:url(images/pattern.png);
}

#footer {
	position:relative;
	margin:0px auto;
	width:737px;
	top:380px;
	height:auto;
}

#footer p {
	margin-top:0px;
	margin-bottom:20px;
	margin-left:32px;
	font-size:14px;
	font-weight:bold;
}

#footer p.p2 {
	margin-top:-248px;
	margin-bottom:20px;
	margin-left:450px;
	font-size:14px;
	font-weight:bold;
}

#preload {
   position: absolute;
   overflow: hidden;
   display:none;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}