* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(images/body_bg_3.jpg) repeat-x;
 margin-bottom: 5px;
}

h1 {
	font: bold 150% Verdana, Helvetica, sans-serif;
	color: #66ff00;
	padding-left: 40px;


}

h1.invisible {visibility:hidden}

h2 {
	font: bold 100% Verdana, Helvetica, sans-serif;
	padding-left: 40px;
	padding-top: 10px;
	padding-right:70px;
	color: #66ccff;	
}

h2 a {
	font: bold 110% Verdana, Helvetica, sans-serif;
	padding-left: 5px;
	padding-top: 10px;
	padding-right:70px;	
}


p {
	font: normal 85% Verdana, Helvetica, sans-serif;
	text-align: justify;
	color:#ffffff;
	padding-left:40px;
	padding-top:10px;	
	padding-right:70px;	
}

#content a {
	font: normal 95% Verdana, Helvetica, sans-serif;
	color: #66ff00;
	text-decoration: none;
}

#content a:hover {
	font: normal 95% Verdana, Helvetica, sans-serif;
	color: #66ccff;
	text-decoration: underline;
}

#wrapper { 
 margin: 0 auto;
 width: 760px;
}
#header {
 width: 760px;
 color: #333;
 height: 330px;
 margin: 0px 0px 0px 0px;
 background:url(images/header_bg.jpg) no-repeat;
 float: left;
}

/*
*		Logo
-------------------------------------------------------------*/

#wordplayLogo { 
background-image : url(images/wordplaylogo.png); 
float : left; 
position : relative; 
top : 10px; 
left : 10px; 
width : 148px; 
height : 121px; 
} 


* html #wordplayLogo { 
background-image : none; 
}

 
#wordplayLogo a:hover { 
background-color : transparent !important ; 
}

 
#wordplayLogo a { 
width : 141px; 
height : 121px; 
text-indent : -9999px; 
cursor : pointer; 
} 


#wordplayLogo a { 
display : block; 
overflow : hidden; 
background-color : transparent; 
} 

/*
*		End of Logo
-------------------------------------------------------------*/


#navigation {
 width: 760px;
 padding: 0px;
 margin: 0px 0px 0px 0px;

}
/*
*		Navigation
-------------------------------------------------------------*/
#nav {
	font:bold 1em Verdana, Helvetica, sans-serif;
	background:url(images/menu_bg.png) repeat-x left bottom;
	width:100%;
	float:left;
}
#nav ul {
	margin:0;
   	list-style:none;
	padding:10px 10px 0 10px;
}
#nav a, #nav strong, #nav span {
	float:left;
   	display:block;
	color:#fff;
	padding:7px 20px 5px 11px;
	background: url(images/menu_bg.png) no-repeat 100% 0px;
	text-decoration:none
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li {
   float:right;
   background:url(images/menu_bg.png) no-repeat 0px 0px;
   margin:0;
   padding:0 0 0 10px;
}
#nav #current {
   background: url(images/menu_bg.png) no-repeat 0 -41px;
}
#nav #current a {
   background:url(images/menu_bg.png) no-repeat 100% -41px;
	padding:7px 20px 5px 11px;
	color:#fff
}
#nav a:hover {
	color:#66ff00
}

#contentprod { 
 float: left;
 width: 760px;
 color: #66ccff;
 background: #222222;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
}

#contentprod a {
	font: normal 95% Verdana, Helvetica, sans-serif;
	color: #66ff00;
	text-decoration: none;
	
}

#contentprod a:hover {	
	color: #66ccff;
	text-decoration: underline;
}

#pp{
width:270px; 
float:left;
padding-top: 0px;
}

.left{
float:left;
}

form{
margin:0px;
padding-bottom:25px;
padding-top: 5px;
}


#content { 
 width: 760px;
 color: #66ccff;
 background: #222222;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 550px;
float: left;
}


#content_index { 
 width: 760px;
 color: #66ccff;
 background: #222222;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 float: left;
}




/*  
    Index three collums
---------------------------------------------------------  
*/  

#threecells {
	clear: both;
padding: 40px;
}



#threecells p {
padding-left: 5px;
padding-right: 15px;
text-align: left;
color: #FFF;
}

.title {
collor: #66ccff;
font: normal 95% Verdana, Helvetica, sans-serif;
padding-left: 5px;
}


#threecells p a {
color: #66ff00;
text-decoration: none;

}

#threecells p a:hover {
color: #66ccff;
text-decoration: underline;

}


#cell1 {
	width: 204px;
	height: 250px;
	float: left;
	padding-left: 5px;
	padding-top: 130px;
	background:url(images/disk_1.jpg) no-repeat;
}


#cell2 {
	width: 204px;
	height: 250px;
	float: left;
	padding-left: 5px;
	padding-top: 130px;
	background:url(images/disk_3.jpg) no-repeat;
}

#cell3 {
	width: 204px;
	height: 250px;
	float: left;
	padding-left: 5px;
	padding-top: 130px;
	background:url(images/disk_2.jpg) no-repeat;
}



/*  
    Footer-Styles
---------------------------------------------------------  
*/  


#footer { 
 width: 760px;
 height: 120px;
float: left;
 color: #333;
 background: #BD9C8C;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background:url(images/footer_bg.jpg) no-repeat;
}
.footerlinks ul {
	margin: 40px;
	padding-left: 100px;

}
.footerlinks ul a{
color: #000;
text-decoration: none;
}

.footerlinks ul a:hover {
color: #444;
text-decoration: underline;
}

/*
*		Navigation products links
-------------------------------------------------------------*/
#links ul{
	list-style-type: none;
	width: 650px;
	padding: 40px;
	
	
} 
#links li {
	border-top: 1px dotted #66ccff;
	border-width: 1px 0;
	margin: 20px 0;
	height: auto;
}
#links li a {
	color: #66ccff;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 10px;
	padding-top: 10px;
	text-decoration: none;
	
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #111111;
	cursor:default;
	text-decoration: none;

	
}

#links a em { 
        color: #ffffff;
        display: block;
        text-align: justify;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%;
        padding-left: 116px;
        padding-top: 10px;
	text-decoration: none;

	
}

#links a span {
        color: #66ccff;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
	text-decoration: none;
	float-left: 

	
}

a img {
	border: none !important;
	padding-right: 30px !important;


} 

a: hover img {
  border: 0;
}



/*
*	contact form
-------------------------------------------------------------*/

ul.contact_form { 
list-style-type: none;
font-weight : bold;
padding-left: 40px; 
padding-top: 20px; 
} 
ul.contact_form input, textarea { 
font : normal 11px Tahoma, Arial, Helvetica, sans-serif; 
} 
ul.contact_form input.txt { 
height : 13px; 
width : 213px; 
margin : 5px 0 10px; 
padding : 5px; 
} 
ul.contact_form textarea { 
width : 400px; 
height : 84px; 
line-height : 22px; 
margin : 5px 0 2px; 
padding : 2px 0 5px 5px; 
} 
ul.contact_form span { 
font-weight : normal; 
font-size : 10px; 
} 
ul.contact_form input.btn { 
outline : none; 
cursor : pointer; 
margin-top : 15px; 
display : block; 
height : 26px; 
width : 77px;
padding-top: 10px; 
} 
ul.contact_form a.btn:hover { 
border : none; 
background-image: url(images/form_btn_hover.jpg);
} 
div#contact_log { 
height : 17px; 
line-height : 12px; 
margin-top : 20px; 
padding-top : 2px; 
} 
div#contact_log img { 
vertical-align : bottom; 
} 
div#contact_log span { 
color : #f00; 
}