@import url("pagestyles.css");
* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	font-smooth:always;
}
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}
#header {
	width: 1000px;
	padding: 0px;
	border: 0px solid #ccc;
	height: 120px;
	margin: 15px 0px 0px 0px;
	background-color: #FFFFFF;
	background-image:url(../images/main_bg.gif);
	
}

#topcurve{
height:15px;
width:1000px;
background-image:url(../images/top_curve.gif);
background-repeat:no-repeat;
}
#headercontents {
	width: 990px;
	padding: 5px;
	border: 0px solid #ccc;
	height: 100px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image:url(../images/main_bg.gif);
	border: 0px solid #ccc;
	text-align:right;

}
#logo{
	top:-40px;
	width:289px;
	height:86px;
	float:left;
	border: 0px solid #ccc;
	background-image:url(../images/webworx_logo.gif);
	background-repeat:no-repeat;


}

#logo h1{
position:absolute;
left:-4000px;
width:100px;
}
#toplinks{
position:relative;
width:215px;
height:20px;
float:right;
border: 0px solid #ccc;
top:-30px;
}


#navigationlinks{
position:relative;
top:55px;
float:right;
padding-right:25px;
border: 0px solid #ccc;
overflow:visible;
height:30px;
width:auto;
z-index:10008;

}


#content {
	width: 990px;
	color: #333;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	height: auto;
	background-image: url(../images/main_bg.gif);
 float:left;
 }


#mainflash{
	height:364px;
	background-image:url(../images/mainflash_bg.gif);
	margin:0px;
	padding: 0px;

}
 
 
#content_lower{
width:990px;
background-color:#6D6455;
height:182px;
 padding:0px;
 float:left;

}

#Box1{

padding-right:0px;
float:left;
top:100px;
width:200px;
background-image:url(../images/box1_bg.gif);
height:182px;

}

#Box1 H2{
position:relative;
top:10px;
padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
font-size:12px;
height:25px;
vertical-align:middle;
padding-left:10px;
font-weight:bold;
color:#FFFFFF;
}

#Box1 H2:hover{

color:#40392C;
background-image:url(../images/box1h2_bg.gif);
background-repeat:no-repeat;
cursor:pointer;
}

#Box1 H2:hover >a{

color:#40392C;
cursor:pointer;
}


#Box1 H2 a{
text-decoration:none;
color:#FFFFFF;
}

#Box2_a{
	width:270px;
	float:left;
	z-index: 10;
height:172px;
background-image:url(../images/box2_bg.gif);
padding-top:10px;
padding-left:10px;

}






#Box3{
width:220px;
padding-left:20px;
float:left;
background-image:url(../images/box_bg.gif);
height:172px;
padding-top:10px;
}


#Box4{
width:260px;
padding-left:10px;
float:right;
background-image:url(../images/box_bg.gif);
height:172px;
padding-top:10px;

}
 
#footer { 
 width: 1000px;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:15px;
 float:left;
}
#bottom_curve{
width: 1000px;
 color: #333;
 border: 0px solid #ccc;
 background-image: url(../images/bottom_curve.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height:65px;
 float:left;

}

#footer_links{
width:500px;
float:left;
padding-left:15px;
}

#validationcode{
float:right;
padding-right:15px;
}


#flashbanner {
	position:relative;
	top: 25px;
}