/*css preload backgrounds*/
.preload1 {
background-image: url('/images/content_info.gif');
}

.preload2 {
background-image: url('/images/content_webdesign.gif');
}

.preload3 {
background-image: url('/images/content_print.gif');
}

.preload4 {
background-image: url('/images/content_video.gif');
}

.preload5 {
background-image: url('/images/content_dvd.gif');
}

.preload6 {
background-image: url('/images/content_audio.gif');
}

.preload7 {
background-image: url('/images/content_av.gif');
}

.preload8 {
background-image: url('/images/content_bg.gif');
}

/*end css preload backgrounds*/


/* main html */

body {
	font: 10pt/14pt Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	font-weight: bold;
	}
	
p { 
	margin-top: 0px; 
	text-align: left;
	}


/* end main htm l*/


/* headers */
h1 {
	font-size: 14px;
	}
	
/* end headers */
	

/* links */
a:link, a:visited { 
	text-decoration: none; 
	color: #999999;
	}

a:hover, a:active { 
	text-decoration: none; 
	color: #CCCCCC;
	}
	
a img { 
border: none; 
}


/* end links */

/* main structure */
	
#container {
background-color: #000000;
	margin: 15px auto 15px auto;
	width: 967px;
	min-height: 600px;    
	text-align: left;
	}

#box {
width: 967px;
padding: 0 0 0 0;
height: 400px;
clear: both;
text-align: justify;
}

#box2 {
width: 967px;
padding: 0 0 0 0;
height: 400px;

text-align: justify;
}

/* end main structure */

/* Logo - Home Link */

#spopro {
padding: 10px 0 10px 1px;
}

#spopro a, #spopro a:visited{
font-size: 19px;
color: #FFFFFF;
}

#spopro a:hover {
color: #CCCCCC;
}



/* End Logo */

/* Main Menu Blocks */
#header {
width: 967px;
height: 172px;
background: #000000;
padding: 0 0 10px 0;
}

#title {
width: 922px;
height: 18px;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
text-align: left;
font-weight: bold;
margin: 0 15px 0 45px;
}
#header a {
font-size: 11px;
}

#top {
font-weight: bold;
text-align: right;
border-color: #333333;
}

.white {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #ffffff;
overflow: hidden;
float: left;
}

.white a, .white a:visited {
display: block;
color: #FFFFFF;
height: 100%;
padding:50px 5px 5px 0;

}

.white a:hover {
background: #999999;
color: #ffffff;
height: 100%;
}

.yellow {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #FFFF00;
overflow: hidden;
float: left
}

.yellow a, .yellow a:visited {
display: block;
color: #FFFF00;
height: 100%;
padding:50px 5px 5px 0;
}

.yellow a:hover {
background: #999900;
color: #FFFFFF;
height: 100%;
}

.cyan {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #00FFFF;
overflow: hidden;
float: left;
}

.cyan a, .cyan a:visited {
display: block;
color: #00FFFF;
height: 100%;
padding:50px 5px 5px 0;
}

.cyan a:hover {
background: #009999;
color: #FFFFFF;
height: 100%;
}

.green {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #00FF00;
overflow: hidden;
float: left;
}

.green a, .green a:visited {
display: block;
color: #00FF00;
height: 100%;
padding:50px 5px 5px 0;
}

.green a:hover {
background: #009900;
color: #FFFFFF;
height: 100%;
}

.magenta {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #FF00FF;
overflow: hidden;
float: left;
}

.magenta a, .magenta a:visited  {
display: block;
color: #FF00FF;
height: 100%;
padding:50px 5px 5px 0;
}

.magenta a:hover {
background: #990099;
color: #FFFFFF;
height: 100%;
}

.red {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #FF0000;
overflow: hidden;
float: left;
}

.red a, .red a:visited {
display: block;
color: #FF0000;
height: 100%;
padding:50px 5px 5px 0;
}

.red a:hover {
background: #990000;
color: #FFFFFF;
height: 100%;
}

.blue {
width: 137px;
height: 70px;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-color: #0000FF;
overflow: hidden;
float: left;
}

.blue a, .blue a:visited {
display: block;
color: #0000FF;
height: 100%;
padding:50px 5px 5px 0;
}

.blue a:hover {
background: #000099;
color: #FFFFFF;
height: 100%;
}



#image {
display: none;
}

#bottom {

background: #000000;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
width: 965px;
height: 70px;
clear: both;

}

.whiteb {

width: 137px;
height: 70px;
background: #FFFFFF;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
margin-left: 137px;
float: left;
}

.greyb {

width: 137px;
background: #999999;
height: 70px;
border-right: 1px solid #333333;
border-left: 1px solid #333333;

float: left;
}

.black {
display: block;
width: 137px;
height: 70px;
background: #000000;

float: left;
padding: 0;
}

/* End Main Menu Blocks */

/* backgrounds */

.main {
background: #000000 url('/images/content_bg.gif') no-repeat bottom center;
}

.info {
background: #000000 url('/images/content_info.gif') no-repeat bottom center;
}

.web {
background: #000000 url('/images/content_webdesign.gif') no-repeat bottom center;
}

.video {
background: #000000 url('/images/content_video.gif') no-repeat bottom center;
}

.print {
background: #000000 url('/images/content_print.gif') no-repeat bottom center;
}

.audio {
background: #000000 url('/images/content_audio.gif') no-repeat bottom center;
}

.av {
background: #000000 url('/images/content_av.gif') no-repeat bottom center;
}

.dvd {
background: #000000 url('/images/content_dvd.gif') no-repeat bottom center;
}

/* end backgrounds */


/* content */

#content_info {
font-size: 14px;
width: 450px;
margin: 0 0 0 320px;
padding: 35px 0 15px 0;

}

#content_web {
font-size: 14px;
width: 490px;
margin: 0 0 10px 325px;
padding: 20px 0 15px 0;

}

#content_audio {
font-size: 14px;
width: 490px;
margin: 0 0 0 450px;
padding: 45px 0 15px 0;
}

#content_av {
font-size: 14px;
width: 490px;
margin: 0 0 0 425px;
padding: 45px 0 15px 0;
}

#content_dvd {
font-size: 14px;
width: 490px;
margin: 0 0 0 425px;
padding: 45px 0 15px 0;
}

#content_print {
font-size: 14px;
width: 490px;
margin: 0 0 0 390px;
padding: 60px 0 15px 0;
}

#content_video {
font-size: 14px;
width: 435px;
margin: 0 0 0 0;
padding: 90px 0 15px 45px;
float: left;

}

#content_video2 {
font-size: 14px;
width: 435px;
margin: 0 0 0 0;
padding: 90px 0 15px 45px;
float: left;
}

#video_video {
float: right;
margin: 0 0 0 0;
padding: 10px 45px 15px 0;
}

#video_video2 {
float: right;
margin: 0 0 0 0;
padding: 10px 45px 15px 0;
}

#ex_web {
margin: 0 0 0 475px;
width: 400px;
margin: 0 0 0 285px;
padding: 15px 0 15px 0;
}

/* end content */

.descrip {
font-size: 14px;
text-align: justify;
}

#stuff {
background: #1d1d1d;
padding: 20px 15px 20px 15px;
border: 1px white;

}

#stuff img {
margin: 10px 10px 0 0;
border: 1px #000000 solid;
}

.oneline {
font-size: 14px;
padding: 20px 0 0 15px;
text-align: left;
}

.ex {
font-size: 12px;
padding: 30px 0 0 15px;
text-align: left;
}

.img_box {
padding: 15px 5px 5px 5px;
}
img {
padding: 0;
}

#content {
padding: 75px 200px 0 200px;
}

#front {
width: 350px;
margin: 0 0 0 450px;
padding: 75px 0 0 0;
}

#soon {
font-size: 20px;
margin: 0 0 0 225px;
padding: 150px 0 0 0;
text-align: center;
}
#front img {
padding-top: 5px;
}



/* Footer */

#nav ul {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
}

#nav li {
display: inline;
font-size: 12px;
font-variant: small-caps;
text-decoration: none;
padding: 3px; 
}

#footer {
clear: both;
padding: 5px 0 5px 0;
width: 967px;
font-size: 11px;
text-align: center;
border-top: outset 1px #333333;
}

#footer p {
text-align: center;
}

#footer a {
}

/* End Footer */