body{
margin:0;
padding:0;
background:#3a3939;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

a{
text-decoration:none;
color:#FFFFFF;
}
a:hover{
text-decoration:underline;
}
.clear{
clear:both;
}

#wrapper{
background:#234b93;
width:886px;
margin:0 auto;
border:1px solid #6d7077;
padding:0 12px 5px 11px;
}

#banner{

}

#midbody{
background:#234b93;


}

#midlft{

width:202px;
float:left;
padding-top:4px;



}

#midrt{
width:679px;
float:right;


}

.curvetop{
background:url(../images/curveyop.jpg) no-repeat top;
padding-top:6px;
}
.curvetop1{
background:url(../images/curveyop.jpg) no-repeat top;
padding-top:6px;
margin-top:7px;
}

.curvebottom{
background:url(../images/curvebottom.jpg) no-repeat bottom;
padding-bottom:6px;
}

.bg{
background:#7aa8fc;
padding:5px 0 0 18px;

}

.bg span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
}
.bg ul{
margin:0;
padding:0;
}

.bg ul li{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
background:url(../images/bullet.jpg) no-repeat 0 10px;
list-style:none;
line-height:29px;
padding:0 0 0 15px;
}
*{margin:0; padding:0;}
#nav{
width:679px;
margin:0;
padding:0;
}

#nav ul{
width:679px;
}

#nav ul li{
list-style:none;
float:left;
margin-right:1px;

}

#nav ul li a{
background:url(../images/navigation.jpg) no-repeat left top;
color:#ffffff;
font-family: "Franklin Gothic Book";
font-size:14px;
font-weight:bold;
text-transform:uppercase;
height:36px;
line-height:13px; 
width:134px;
display:block;
text-align:center;
text-decoration:none;
padding:11px 0 0 0;
}
#Home #nav ul li a.home,
#Products #nav ul li a.product,
#Custom #nav ul li a.custom,
#Example #nav ul li a.example,
#Contact #nav ul li a.contact,
#nav ul li a:hover{
background:url(../images/navigation.jpg) no-repeat left bottom;
}

#welcomebdy{
width:649px;
margin:20px 18px 0 10px;
}

#wellft{
width:285px;
float:left;
}

.wellft1{
width:285px;
float:left;
padding-top:30px;
}

#welrt{
width:350px;
float:right;
}


.welrt1{
width:350px;
float:right;
}

#welrt p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FCF8F8;
line-height:16px;
}
.welrt1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#FCF8F8;
line-height:16px;
}

#gallery{
width:679px;
margin-top:20px;

}

#gallft{
background:url(../images/galcurvelft.jpg) no-repeat top left;
padding-left:4px;

}

#galrt{
background:url(../images/galcurvert.jpg) no-repeat top right;
padding-right:4px;
}

#middle{
background:#3B6BC0;
padding:10px 0 0 18px;
height:30px;
}

#gallerylist{
width:666px;
float:right;
margin-top:20px;
}

#gallerylist1{
width:666px;
float:right;
padding-top:20px;
}

#gallerylist1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
line-height:22px;
text-align:justify;
}


#gallerylist ul{
margin:0;
padding:0;
}

#gallerylist ul li{
list-style:none;
float:left;
width:144px;
padding:20px 22px 0 0;
}

#galbtm{
width:679px;
margin-top:20px;

}

#galbtmlft{
background:url(../images/galcurvebtmlft.jpg) no-repeat top left;
padding-left:4px;
}

#galbtmrt{
background:url(../images/galcurvebtmrt.jpg) no-repeat top right;
padding-right:4px;
}

#galbtmbg{
background:#3B6BC0 bottom;
height:36px;
font-family:Arial, Helvetica, sans-serif;
color:#C7D9FA;
font-size:12px;
text-align:center;

padding-top:10px;
}

#galbtmbg a{
text-decoration:none;
color:#C7D9FA;
}

#galbtmbg a:hover{
text-decoration:underline;
}

.category{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:18px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0099FF;
font-weight:bold;
}

.highturn{
margin-top:30px;
}

.txtpad{
padding:10px 5PX 10px 5px;
text-align:justify;
}

#cont_info{ width:310px; float:left;  line-height:18px; color:#FCE2D9; font-size:12px}


#contactleft{
	width:582px;
	margin:0 auto;
	}
	
#contactright{
	width:362px;
	float:left;
	position: relative;
	margin:0 0 0 20px;
	}

#contactpg{
	padding:10px;
	top:10px;

	color:#FCE2D9;
	font-size:12px;
}

cont_form{
	width:540px;
	margin:0 auto;
	}

.border{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#F1EFEF;
	width:262px;
	height:18px;
	padding:2px;
}

.border1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #999999;
	background:#E8F9FF;
	width:262px;
	height:18px;
	padding:2px;
}
	
.bordera{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#919D9D;
	width:262px;
	height:18px;
	padding:2px;
	}

.bordera1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#fff;
	width:262px;
	height:18px;
	padding:2px;
	}
	
	.btn{
	background: #666666;
	border:2px solid #999999;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	cursor:pointer;
	color:#fff;
	}

.btn:hover{
	background: #666666;
	}
#c1{
	margin:0 auto;
	padding:0 0 0 20px;
	width:270px;
	float:left;
	line-height:25px;
	text-align:left;
	color:#000000;
	}	

#c2{
	margin:0;
	padding:0 0 0 20px;
	width:270px;
	line-height:25px;
	float:left;
	text-align:left;
	color:#000000;
}
.error{
	background: #DDB000;
	border-top:1px solid #FF7D7D;
	border-bottom:1px solid #FF7D7D;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}

.ok{
	background: #EE1300;
	border-top:1px solid #DEFF00;
	border-bottom:1px solid #DEFF00;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}