html, body {
    width: 100%;
}
img {
	border:2px solid #cccccc;
	text-align: center;
}
a {
	outline:none;
}
body {
background-color:black;
background-repeat: repeat-x;
background-color:black;
margin:0px;
padding:0px;
min-height:768px;
color:#cccccc;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:14px;
}

.container{
position:relative;
min-height: 100%;
background-repeat: no-repeat;
margin:0 auto;
/* width:1024px; */
width:1000px;
min-height:768px;
background-image:url(images/bg_black2.png);
margin-bottom:-20px;
}

.container h1 {
background-image:url(images/digitalStream.gif);
background-repeat: no-repeat;
height:18px;
width:174px;
margin:0px;
margin-top:40px;
margin-left:50px;
float:left;

font-size: 0;
text-indent: -9999px; 
}

.container h2 {
font-size: 0;
text-indent: -9999px; 
background-image:url(images/h22.gif);
height:15px;
width:224px;
clear:both;
float:left;
margin-left:50px;
background-repeat: no-repeat;
}

.container h3{
font-size:17px;
font-weight:normal;
color:#cccccc;
}

.container h4{
font-size:17px;
/* july 24 - was 13 */
font-weight:normal;
margin-bottom:0px;
}
.container ul {
    margin:0;
    padding:0;
    margin-left:500px;
    list-style:none;
    }
.container li {
    float:left;
    margin:0;
    padding:0;
        padding:0px 10px;
      margin-top:45px;

    }
.container a {
    display:block;
    text-decoration:none;
    color:white;
    font-size:0em;
    text-indent: -9999px;  
    }



.service a{
background-image:url(images/services1.gif);
height:17px;
width:71px;
}

.service a:hover{
background-image:url(images/services2.gif);
}

.about a{
background-image:url(images/about1.gif);
height:17px;
width:55px;
margin-top:-1px;
}
.blog a{
background-image:url(images/blog2.gif);
}
.blog a:hover{
background-image:url(images/blog1.gif);
}


.about a:hover{
background-image:url(images/about2.gif);
}
.contact a{
background-image:url(images/contact1.gif);
width:69px;
height:17px;
margin-top:1px;

}

.contact a:hover{
background-image:url(images/contact2.gif);
}

.partners a{
background-image:url(images/partner1.gif);
height:18px;
width:74px;
}

.partners a:hover{
background-image:url(images/partner2.gif);
}

.clearfooter{
   height: 20px;
   clear: both;}
#footer{
   height: 20px;
   position: relative;
   text-align:center;
background-color:black;
padding-top:10px;
font-size:10px;}

#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
#footer li{
	display:inline;
}
#footer a{
	text-decoration:none;
	color:white;
}
   
#links {
clear:both;

padding-top:50px;}



#links img{
   float:left;
 }
#long{
clear:both;
padding-top:20px;
padding-left:50px;
padding-right:100px;
}
#long p{
	font-size: 14px;
	color:#cccccc;
	font-weight:100;
	letter-spacing: 0.5px;
	line-height:17px;
}
.gif {
float:left;
margin-left:40px;
margin-bottom:10px;}

.card {
clear:both;

margin-bottom:40px;
}
.card:last-child{
	margin-bottom:0px;
}
.card img{
height:120px;
margin-bottom:10px;
margin-right:40px;
float:left;
}
.card p{
float:left;
width:720px;
}

a .homeLink {
width:50px;
height:20px;	
}

a.partnerLink{
float:left;
width:200px;
margin-right:100px;
margin-bottom:40px;

}
#partner{
width:600px;
margin:0 auto;
}

.image_loader{
background-image:url(images/partner1.gif);
background-image:url(images/contact1.gif);
background-image:url(images/contact2.gif);
background-image:url(images/partner2.gif);
background-image:url(images/about1.gif);
background-image:url(images/about2.gif);
background-image:url(images/blog2.gif);
background-image:url(images/blog1.gif);
background-image:url(images/services1.gif);
background-image:url(images/services2.gif);
visibility: hidden;
}


#long a {
	display:inline;
    text-decoration:underline;
    font-size: 14px;
	text-indent:0px;
}

#long a:hover{
	text-decoration:underline;
	color:#666666;
}

#long a:visited {
color:#666666;}

#long h2{
	text-indent:0px;
	font-size:13px;
	color:white;
	background-image:none;
}

#long a.generalLink {
	display:inline;
    text-decoration:underline;
    font-size: 14px;
	text-indent:0px;
}

#long a.generalLink:hover{
color:#cccccc;
text-decoration:underline;
}

.services p{
clear:both;
margin:0 auto;
margin-top:20px;
width:700px;}

#photo_holder img{
margin-top:20px;
}

.servicelink{
margin-top:40px;
float:left;
margin-right:50px;
width:160px;
margin-bottom:10px;
}

.titleLink {
font-size:16px;
}
.servicelink img{
margin-top:20px;}

#services a{
font-size:15px;}


#contactus{
	width:600px;
	margin:0 auto;
}
#contactus p.address{
	float:left;
	line-height:16px;
	width:180px;
	margin-right:20px;
	margin-top:0px;
}

.playlist {
	padding-top:50px;
}

.parnter_load{
background-image:url(images/partner2.gif);
visibility:hidden;
}
.about_load{
background-image:url(images/about2.gif);
visibility:hidden;
}
.contact_load{
background-image:url(images/contact2.gif);
visibility:hidden;
}
.blog_load{
background-image:url(images/blog1.gif);
visibility:hidden;
}

#about p{
margin-bottom:20px;	
}


ul.aboutList {
list-style-type:disc;
margin-left:20px;

}
ul.aboutList li{
float:none;
margin:0px;
}