/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#666666;
height:100%; 
background-color:#323232; 
background-image:url(../images/repeat.jpg); 
background-repeat:repeat-x;
  
}

/*  CSS  container for centre content  */



#wrapper{
width: 980px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image:url(../images/wrapper_repeat.gif);
background-repeat:repeat-y; 
 
}



h1{
color:#cccccc;
font-size:22px;
margin:0 0 25px 0; 
padding:0px;
font-weight:lighter}

h2{
color:#999999;
font-size:18px;
margin:0 0 16px 0; 
padding:0px;
font-weight:lighter}

h2 span{
color:#0099ff;
font-size:18px;
margin:0 0 16px 0; 
padding:0px;
font-weight:lighter}

h3{
color:#0099ff;
font-size:14px;
margin:0 0 10px 0; 
padding:0px;
font-weight:lighter}

h5{
color:#999999;
font-size:14px;
margin:0 0 10px 0; 
padding:0px;
font-weight:lighter}

h5 span{
color:#666666;
font-size:14px;
margin:0 0 10px 0; 
padding:0px;
font-weight:lighter}



p{
font-size:11px;
color:#666666; line-height:16px;
margin:0 0 12px 0;
padding:0px;

}


hr
{
height: 4px;
border-top:1px dotted #666666;
border-bottom:1px solid #171516;
border-left:1px solid #171516;
border-right:1px solid #171516;
color:#171516;
display:block;
margin:6px 0 10px 0;
padding:0px;
clear:both;
}



p strong{
color:#0099ff!important; 
}

.no_margin {
	margin:0px!important; 
	padding:0px!important;
	}


a:link {
color:#999999;
font-size:11px;  
text-decoration:none; 

}

a:visited{
color:#999999; 
font-size:11px;  
text-decoration:none; 

}

a:hover{ 
color:#0099ff; 
font-size:11px; 
text-decoration:underline;

}

img{border:none}



form{
margin:0px;
padding:0px;
}

.float_right {float:right; }
.float_left  {float:left; }




/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:980px;

padding:0px;
margin:0px; 
display:block;
clear:both;
background-image:url(../images/header.jpg); 
background-repeat:no-repeat;
}

#header h1{
position:relative!important;
left:560px!important;
width:335px!important;
top:10px!important;
margin:0px!important;
padding:0px!important;
font-size:10px!important;
color:#999999!important;
	}
	

#header h2 {
position:absolute; 
left:655px;
top:110px;
margin:0px;
padding:0px;
font-size:12px!important;
color:#666666!important;	
}

#header h2 a,  #header h2 a:visited{
margin:0px;
padding:0px;
font-size:12px!important;
color:#999999!important; 
text-decoration:none;
}

#header h2 a:hover{
margin:0px;
padding:0px;
font-size:12px!important;
color:#ffffff!important; 
text-decoration:underline;
}
	

#logo {
position:relative;
float:left;
top:30px;
left:50px;
clear:left;
width:465px;
height:102px;
display:block;
margin:0 0 60px 0 ;
padding:0px;


}



#header ul{
position:relative;
top:-10px;
left:136px;
list-style-type:none;
margin:0px;
padding:0px;
width:690px;
clear:both;
}

#header ul li{
position:relative;

margin:0px;
padding:0px;
display:inline;

	}

#header ul li a, #header ul li a:visited{
margin:0 3px 0 0;
padding:15px 0 0 0;
width:107px;
height:37px;
display:block;
float:left;
text-align:center;
color:#cccccc; 
font-weight:bold; 
text-decoration:none;
font-size:11px;
}

#header ul li a:hover{
margin:0 3px 0 0;
background-image:url(../images/nav_hover.gif); 
background-repeat:no-repeat;
padding:15px 0 0 0;
width:107px;
height:37px;
display:block;
float:left;
text-align:center;
color:#ffffff; 
font-weight:bold; 
text-decoration:none;
font-size:11px;
}

#twitter{
position:absolute;
background-image:url(../images/twitter.gif); 
background-repeat:no-repeat;
left:795px;
top:155px;
width:87px;
height:41px;
margin:0px;
padding-left:42px;
padding-top:20px;
	}
	
#twitter a, #twitter a:visited {
color:#0099ff!important;
font-size:9px!important;
text-decoration:none;
letter-spacing:-1px
}

#twitter a:hover {
color:#ffffff!important;
font-size:9px!important;
text-decoration:none;
letter-spacing:-1px
}

#twitter p {
color:#999999;
font-size:11px;
margin:0px;
padding:0px;
}

#player1 {
position:relative;
float:left;

left:64px;
width:856px;
height:242px;
display:block;
clear:both;
margin:0 0 10px 0;
padding:0px;
}


/*  CSS  division and styles for left side */


#content {
position:relative; 
background-image:url(../images/content_background.gif); 
background-repeat:no-repeat;
background-color:#171516;
float:left;
left:65px; 
width: 855px;
margin:0px; 
padding:55px 0 0 0; 
clear:both;

}



/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:498px; 
margin:0px; 
padding:0px; 
left:18px; 
top:-50px;

}



.entry{
position:relative;
float:left;
width:488px; 
margin:0 0 20px 0; 
border-bottom:1px dotted #666666;
padding:0px;
clear:both;
 }
.entry_img{
position:relative; background-image:url(../images/calender.gif); 
background-repeat:no-repeat;
width:104px;
height:71px;
float:left;
display:block;
margin:0 0 20px 0;
padding:20px 0 0 0;
left:-33px}


.entry_text{
position:relative;
width:380px; 
float:right; display:block;
margin:10px 0 20px 0;
padding:0px;
left:-20px;
}

.entry_text h3{
margin:0 0 20px 0;
padding:0px;
font-size:9px;
color:#006699; 
font-style:italic; 
line-height:16px;
	}
	
.entry_text h3 span{
margin:0px;
padding:0px;
font-size:9px;
color:#999999;
font-style:italic; 
line-height:16px;
	}

.entry_img h2 {position:relative!important;
display:block!important; 
left:40px!important;
float:left;
clear:left;
margin:0 0 10px 0!important;
padding:0px!important;
font-size:30px!important;
color:#ffffff;}

.entry_img p {position:relative;
display:block; 
left:26px;
float:left;
clear:left;
text-align:center;
width:60px;
height:21px;
margin:0px;
padding:0px;
font-size:12px;
color:#6699cc;}

.border{
margin:0 0 20px 0;
padding:10px;
border:1px dotted #999999;}

.span_float{position:absolute;
left:275px;
margin:0px;
padding:0px;
}

.span_float2{position:absolute;
left:400px;
margin:0px;
padding:0px;
}
.span_float3{position:absolute;
top:40px;
left:316px;
margin:0px;
padding:0px;
}


.span_float4{position:absolute;
top:55px;
left:365px;
margin:0px;
padding:0px;
}


#design_image{position:relative;
left:-35px;

margin:-15px 0 0 0;
padding:25px 0 5px 27px;
background-image:url(../images/image_background2.gif); 
background-repeat:no-repeat;
background-color:#000000;
width:505px;
float:left;
display:block;
}

#design_image img{ border:1px solid #333333;
 padding:10px;}
 
 #design_image ul li p{
position:absolute;
background-color:#0099ff;
 margin:0px;
 Padding:5px 8px 5px 8px;
 border-right:1px solid #333333; 
  border-bottom:1px solid #333333; 
 font-size:18px;
 color:#ffffff;
 text-align:center;
 
 }
 
 .black_box{ 
 background-image:url(../images/h2_back.gif); background-repeat:no-repeat; 
width:482px;
position:relative;
float:left;
left:-35px;
padding:25px 15px 5px 35px;
margin:0 0 0 0;
background-color:#000000;

	
	}
	
.black_box ul li{font-size:11px;}	
 
.image_bottom{
position:relative;
left:-35px;
width:532px;
height:12px;
margin:0 0 20px 0;
padding:0px;
float:left;
display:block;} 
 
h3.tags{
margin:20px 0 20px 0!important;
padding:0px!important;
font-size:9px!important;
color:#006699!important; 
font-style:italic!important; 
line-height:16px!important;
	}
	
h3.tags span{
margin:0px!important;
padding:0px!important;
font-size:9px!important;
color:#999999!important;
font-style:italic!important; 
line-height:16px!important;
	} 

#middle h4{
margin:16px 0 16px 0;
padding:0px;
font-size:9px;
color:#006699; 
font-style:italic; 
line-height:16px;
	}


	
#design_image ul{
	position:relative;
	list-style-type:none;
	margin:0px;
	float:left;
	padding:0px;
	}
	
	
	#design_image ul li{
	position:relative;
	list-style-type:none;
	float:left;
	margin:0 5px 5px 0;
	padding:0px
	}
	
#middle h4 span{
margin:0px;
padding:0px;
font-size:9px;
color:#999999;
font-style:italic; 
line-height:16px;
	}
	
#beavy{
	position:absolute;
	top:40px;

	left:339px;
	z-index:99;
	}
	
.print_ul { 
position:relative;

left:-25px;
list-style-type:none;
margin:0px;
padding:0px;
}

.print_ul  li{
margin:0 10px 0 0;
padding:0px;
width:240px;
float:left;}

.print_ul  li.text{
margin:0px!important;
padding:0px;
width:230px!important;
float:right;}
	
.print_ul li img{
border:1px solid #333333;
}
	
	
	
.ContactForm{ position:relative;
left:-5px;
background-image:url(../images/blue_bg.jpg); 
background-repeat:no-repeat; 
width:450px;
display:block;
margin:12px 0 0 3px; 
padding:10px;
float:left;
border:1px dotted #333333;
}

.margin{float:left;}


.ContactForm label { 
display:block;
margin-top:15px;

font-weight:bold;
color:#666666!important;
float:left;
clear:left;
width:150px;
height:20px;
display:block;
}


.ContactForm input { 
width:220px;
position:relative;
left:-50px;
margin-top:14px;
border-bottom:1px solid #666666; 
border-top:1px solid #666666; 
border-left:1px solid #666666; 
border-right:1px solid #666666;
background-color:#333333; 
float:right;
clear:right;
height:20px;
color:#cccccc;
display:block;
}

.ContactForm textarea { 
width:260px;
position:relative;
left:-10px;
margin:14px 0 10px 0 ;
border-bottom:1px solid #666666; 
border-top:1px solid #666666; 
border-left:1px solid #666666; 
border-right:1px solid #666666;
background-color:#333333;  
float:right;
clear:right;
display:block;
color:#cccccc;
}

.submit{
position:relative;
left:27px!important;
margin:10px 0 0 0!important ;
width:116px!important;
height:22px!important;
display:block; 
cursor:pointer; 
border:none!important;
padding:0px!important;
float:left!important;
}

.ul_cv {list-style-type:none;
margin:0 0 10px 0;
padding:0px;}

.ul_cv  li {
float:left;
margin:0 0 6px 0;
padding:0px;
color:#666666!important;
width:360px;
}

.ul_cv  li.sml {
float:left;
color:#999999!important;
margin:0 0 6px 0;
padding:0px;
width:100px;}

#middle2{position:relative;
float:left;
width:810px; 
margin:0 0 180px 0 ; text-align:center;
padding:0px; 
left:18px; 
top:-50px; }

#middle2 h2{font-size:24px!important;

color:#09F!important;}

/*  CSS  division and styles for right    */

#right {
position:relative;
float: right;
top:-50px;
left:-12px; 
width:302px;
margin:0 0 20px 0; 
padding:0px; 
}



#right h2{
color:#cccccc;
font-size:18px;
margin:0 0 20px 0;
border-bottom:1px dotted #cccccc;
padding:0 0 5px 0;
font-weight:lighter}


#right dl{
	display:block; 
list-style-type:none;
margin:0px;
padding:0px;

	
	
	}
#right dl dd{
margin:0 0 3px 0;
padding:0px;
	}
	


#right dl dd a, #right dl dd a:visited{
	width:270px;
	background-image:url(../images/arrow.gif); 
	background-repeat:no-repeat;
	margin:0px;
	padding:3px 0 3px 30px;
	border:2px solid #2e2e2e; 
	background-color:#000000;
	display:block;
}

 #right dl dd a:hover{
	width:270px;
	margin:0px;
	background-image:url(../images/arrow2.gif); 
	background-repeat:no-repeat;
	padding:3px 0 3px 30px;
	border:2px solid #2e2e2e;
	color:#ffffff;
	background-color:#0099ff!important;
	display:block; 
	text-decoration:none
}

 #right dl dd a.active{
	width:270px;
	margin:0px;
	background-image:url(../images/arrow2.gif); 
	background-repeat:no-repeat;
	padding:3px 0 3px 30px;
	border:2px solid #2e2e2e;
	color:#ffffff;
	background-color:#0099ff!important;
	display:block; 
	text-decoration:none
}


#right ol{
	display:block; 
list-style-type:none;
margin:0px;
padding:0px;

	
	
	}


#right ol li{
	width:290px;
	height:61px;
	margin:0 0 10px 0;
	padding:3px 0 0 8px;
	border:2px solid #2e2e2e; 
	background-color:#1c1c1c;
	display:block;
}

#right ol li img{
float:left;
padding:0px;
margin:0px;
width:48px;
height:59px;
display:block;
}
.right_quicklist{
float:right;
width:230px;
margin:0px;
padding:0px;
}

.right_quicklist h3{
margin:3px 0 3px 0!important;
padding:0px;
}

.right_quicklist h3 a, .right_quicklist h3 a:visited{
color:#cccccc!important;
font-size:12px!important;
text-decoration:none;
}

.right_quicklist h3 a:hover{
color:#0099ff!important;
font-size:12px!important;
text-decoration:underline;
}
	
.right_quicklist p{
margin:0px!important;
padding:0px;
color:#666666!important;
font-size:11px!important; line-height:16px;
	}
















#right ul { 
background-image:url(../images/right_background.jpg); 
background-repeat:no-repeat;
width:268px;
height:350px;
display:block; 
list-style-type:none;
margin:0px;
padding:32px 10px 32px 23px;
	}
	
#right ul li {
position:relative;
margin:0 0 18px 0 ;
padding:0px;
}

#right ul li img {
float:left;
padding:0px;
margin:0px;
width:37px;
height:33px;
border:3px solid #014666;
display:block;
}


.right_list{
float:right;
width:215px;
margin:0px;
padding:0px;

}

.right_list h3{
margin:0 0 3px 0!important;
padding:0px;
}

.right_list h3 a, .right_list h3 a:visited{
color:#0099ff!important;
font-size:12px!important;
text-decoration:none;
font-weight:lighter}

.right_list h3 a:hover{
color:#ffffff!important;
font-size:12px!important;
text-decoration:underline;
font-weight:lighter}
	
.right_list p{
margin:0px!important;
padding:0px;
color:#cccccc!important;
font-size:11px!important;
	}

/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
position:relative;
background-image:url(../images/footer_repeat.gif);
background-repeat:repeat-x;
bottom:0px;
width: 100%;
height:346px;
margin:0px;
padding:0px;   
background-color:#FFFFFF; 
clear:both   
}

#footer_wrapper{
position:relative;
width:855px;
left:2px;
background-color:#000000;
margin:0 auto 0 auto;
padding:0px;
border-bottom:1px solid #333333;
}

#footer_wrapper ul{ 

list-style-type:none;
margin:0px;
padding:10px;
}

#footer_wrapper ul li{ 

display:inline;
margin:0;
padding:0 20px 0 20px ;
border-right:1px dotted #666666;
}

#footer_wrapper ul li a, #footer_wrapper ul li a:visited{ 
color:#666666;
text-decoration:none;
font-size:9px
}

#footer_wrapper ul li a:hover{ 
color:#ffffff;
text-decoration:underline;
font-size:9px
}

#footer_wrapper img{
position:relative;
top:7px;
left:-10px;
margin:0 0 0 5px;
padding:0px;
float:right;
	
	}


#footer_image{
position:relative; background-image:url(../images/footer_bottom.gif); 
background-repeat:no-repeat;
width:866px;
height:125px;
display:block;
left:-3px;
margin:0 auto 0 auto;
padding:0px;	
	}
#footer_image p{position:relative;
float:right;
top:105px;
margin:0px;
padding:0px;
font-size:9px;
color:#999999}


#footer p a{font-size:10px!important}
	
.ssinvalid {
	color:yellow;
	clear:both;
	float:left;
	margin-top:0px;
	width:200px;
}

.error {
	color:yellow;
}

.paging{
	
	text-align:center;
	}