/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Templatemagician
COMPANY: http://www.templatemagician.com/
EMAIL: info@templatemagician.com
PHONE: +1-630-300-3935
DEVELOPED DATE: 02/10/2011
DESCRIPTION: This document contains the global structure formatting.
************************************************************************************************************************/
/***********************************************************************************************************************
 REST OF CSS
************************************************************************************************************************/
@import "../css/grid.css";
@import "../css/superfish.css";
@import "../css/touchTouch.css";
@import "../css/form.css";
@import "../css/camera.css";
@import "../css/subscribe-form.css";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***********************************************************************************************************************
 GLOBAL STRUCTURE
************************************************************************************************************************/

body {
	margin: 0 auto;
	width:100%;
	text-align:center;
	background:url(../images/bg_tile.jpg) repeat;

}
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#555555;
}
a:link, a:visited { text-decoration:none; color:#555555; } 
a:active, a:hover { text-decoration:none; }

p{color:#0C0C0C; width:415px; margin:0px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;}

strong {
	color:#151616;
	font-size:12px;
	text-decoration:none;
}
a strong {
	color: #151616;
	text-decoration:none;
}
 strong a:hover {
	color: #151616;
	text-decoration:none;
}
span {
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color:#151b1e;
	font-size: 25px;
	
}
h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffb135;
	font-size: 30px;
}
h3 {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color:#ffffff;
	font-size: 16px;
	font-weight:normal;
}

/***********************************************************************************************************************
 PAGE WRAPPER
************************************************************************************************************************/

#main_container { 
	width:100%;
	float:left;
	height:auto;
	margin: 0 auto;
	background:url(../images/tile2.jpg) repeat-x;
}



#page_wraper { 
	width:960px;
	height:auto;
	margin: 0 auto;	
}

/***********************************************************************************************************************
 LOGO TOP LINKS
************************************************************************************************************************/


.logo_area {
	float:left;
	width:387px;
	height:83px;
	padding:0px 0 0 0px;
	margin:18px 0px 0px 0px;
}
.top_area {
	float:left;
	width:960px;
	height:300px;
	padding:0 0 0px 0px;
	text-align:left;
	margin:0px 0px 0px 0px;
}

.right_area {
	float:right;
	width:283px;
	height:auto;
	padding:0 0 0px 0px;
	margin:0px 0px 0px 0px;
}

.for_1st_text { float:left; width:220px; height:auto; margin:16px 0px 0px 0px; padding:10px 0px 0px 0px; color:#2b2b2a; font-family:Arial, Helvetica, sans-serif; }
.for_1st_text a { color:#2b2b2a; text-decoration:none; }
.for_1st_text a:hover { color:#000000; text-decoration:underline; }



/***********************************************************************************************************************
 SEARCH AREA
************************************************************************************************************************/

.search { float:left; width:290px; height:40px; padding:0px; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:12px 0px 0px 0px;}
.search_bg { float:left; width:275px; height:40px; padding:0px 0 0 5px; margin:10px 0px 0px 0px; background:#FFFFFF; border:1px solid #c7c7c7;}
.search_btn { float:right; width:40px; height:36px; padding:0px ; margin:2px 2px 0px 0px; }
.search_btn a { float:right; width:40px; height:36px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url(../images/serach_btn.jpg) no-repeat }
.search_btn a:hover { color:#FFFFFF; background:url(../images/serach_btn_hover.jpg) no-repeat; }
.search_text { float:left; width:180px; height:20px; padding:0px 0 0 8px; margin:8px 0px 0px 0px; color:#2b2b2a; border:none; background:#fff;}


/***********************************************************************************************************************
 NAVIGATION
************************************************************************************************************************/


.navigation {
	float:left;
	margin: 0px 0px 0 0px;
	padding: 0px;
	width: 960px;
	height:89px;
	list-style: none;


}
.navigation ul {
	float:left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 960px;
	height:89px;
	list-style: none;

}
.navigation ul li {
	display: inline;
}
.navigation ul li a {
	float: left;
	padding: 30px 14px 0px 14px;
	margin:0px 2px 0px 0px;
	text-align: center;
	font-size: 17px;
	height:59px;
	width:auto;
	text-decoration: none;
	color: #fff;		
}
.navigation ul li a:hover, .navigation ul li a.active { color:#fff; background:url(../images/mnu_hover.jpg) repeat-x; }
.navigation li a.last {background:none;}



/***********************************************************************************************************************
 HEADER AREA
************************************************************************************************************************/

#headerarea { float:left; text-align:left; width: 960px; height:auto; padding: 0px 0px 0px 0px; margin:20px 0px 0px 0px;}

#header_imge { float:left; text-align:left; width: 960px; height:auto; padding: 0px 0px 2px 0px; margin:0px 0px 0px 0px; background:#FFFFFF; 	border:0px solid #950b0b;
	-moz-box-shadow: 0px 0px 6px  #d9d9d9;
    -webkit-box-shadow: 0px 0px 6px  #d9d9d9;
     box-shadow: 0px 0px 6px  #d9d9d9;
	 behavior: url(scripts/PIE.htc);}

.header_imge1 {
	float:left;
	text-align:left;
	width: 250px;
	height:410px;
	padding: 0px;
	margin:7px 0px 5px 7px;
	background:url(../images/pics2.jpg) no-repeat;
}

.header_imge2 {
	float:left;
	text-align:left;
	width: 400px;
	height:410px;
	padding: 0px;
	margin:7px 0px 5px 7px;
	background:url(../images/headr_text.jpg) no-repeat;
}

.header_imge3 {
	float:right;
	text-align:left;
	width: 250px;
	height:410px;
	padding: 0px;
	margin:7px 7px 5px 0px;
	background:url(../images/pics1.jpg) no-repeat;
}

.header_text {
	float:left;
	margin: 70px 0px 0 12px;
	padding:170px 0px 0px 0px;
	width: 400px;
	height:auto;
	background:url(../images/header_txt.png) no-repeat;
	
}

.header_text p {
	float:right;
	margin: 2px 0px 2px 0px;
	padding:0px 0px 0px 5px;
	width: 293px;
	height:auto;
	color:#151b1e;
	font-size:13px;
	text-transform:uppercase;
}

.header_btn {
	float:left;
	margin: 10px 0px 0 0px;
	padding:0px 0px 0px 0px;
	width: 128px;
	height:37px;
}
.header_btn a {
	float:right;
	margin: 0px 0px 0 0px;
	padding:9px 0px 0px 10px;
	width: 118px;
	height:28px;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	background:url(../images/header_btn.jpg) no-repeat;
}
.header_btn a:hover { background:url(../images/hedr_btn_hover.jpg) no-repeat; color:#FFFFFF;
}


/***********************************************************************************************************************
 BODY AREA
************************************************************************************************************************/

.bodyarea {
	float:left;
	text-align:left;
	width: 960px;
	height:auto;
	margin:20px 0px 0px 0px;
	padding:0px 0 10px 0px;
}


/***********************************************************************************************************************
 Left Area
************************************************************************************************************************/

.left_side {
	float:left; 
	width:280px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0 8px;
}

.services {
	float:left; 
	width:280px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px; 
	border-top:1px dashed #a8a8a8;
}

.list-1{ float:left; width:220px; height:auto; margin:20px 0px 0 0px;}
.list-1 li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.list-1 li a {
	float:left;
	width:210px;
	display:inline; 
	color:#000000;
	font-weight:normal; 
	line-height:24px;
	text-decoration:none;
	font-weight:bold;
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 0px;
	background:url(../images/icon1.png) 1% 50% no-repeat;
}
.list-1 li a:hover, .list-1 li a.current2 {color:#000000; font-weight:normal; background:url(../images/icon1.png) 0% 50% no-repeat; text-decoration:none;}


.testimonals {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px; 
}

.test_top {
	float:left; 
	width:270px; 
	height:28px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px;
	background:url(../images/test_top.jpg) no-repeat;
}

.test_botom {
	float:left; 
	width:270px; 
	height:64px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	background:url(../images/test_botom.png) no-repeat;
}

.test_mid {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	background:url(../images/test_mid.jpg) repeat-y;
}

.test_mid h2 {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color:#151b1e;
	font-size: 25px;
}

.test_mid  p {
	float:left; 
	width:250px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0 20px;
}

.test_mid  p a {
	float:left; 
	width:250px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	color:#1b262c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}

.test_mid  p a:hover {
	color:#1b262c;
	text-decoration:none;
}


.test_mid h5 {
	float:left; 
	width:130px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0 20px;
}

.test_mid h5 a {
    float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	color:#eeaf00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.test_mid h5 a:hover {
	color:#000;
	text-decoration:underline;
}


/***********************************************************************************************************************
 RIGHT AREA
************************************************************************************************************************/

.right_side {
	float:left; 
	width:630px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0 32px;
}

.banner_area {
	float:left; 
	width:630px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	border-bottom:1px dashed #a8a8a8;
}

.banner_1 {
	float:left; 
	width:305px; 
	height:auto;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0 10px;
}

.banner_1 em {
	float:left; 
	width:46px; 
	height:44px;
	padding:8px 0px 0px 11px;
	margin:0px 0px 0 0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:normal;
	font-weight:bold;
	background:url(../images/date1.jpg) no-repeat;
}

.banner_1 h2 {
	float:left; 
	width:220px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 7px;
	color:#000;
	font-size:25px;
}

.banner_1 p {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
}

.banner_1 p a {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px;
	color:#151b1e;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.banner_1 p a:hover {
	color:#151b1e;
	text-decoration:none;
}

.banner_area2 {
	float:left; 
	width:630px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0 0px;
	border-bottom:1px dashed #a8a8a8;
}

.banner_2 {
	float:left; 
	width:305px; 
	height:auto;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0 10px;
}

.banner_2 em {
	float:left; 
	width:46px; 
	height:44px;
	padding:8px 0px 0px 11px;
	margin:0px 0px 0 0px;
	color:#FFFFFF;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	background:url(../images/date2.jpg) no-repeat;
}

.banner_2 h2 {
	float:left; 
	width:220px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 7px;
	color:#000;
	font-size:25px;
}

.banner_2 p {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
}

.banner_2 p a {
	float:left; 
	width:270px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px;
	color:#151b1e;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.banner_2 p a:hover {
	color:#151b1e;
	text-decoration:none;
}

.grid-1 {
	float:left; 
	width:630px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 0px;
}

.grid-1 h2 {
	float:left; 
	width:625px; 
	height:auto;
	padding:0px 0px 0px 5px;
	margin:10px 0px 0 0px;
	color:#151b1e;
	font-size:25px;
}

.grid-1 img {
	float:left;
	width:170px;
	height:133px;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0 5px;
}

.grid-1 p {
	float:left; 
	width:303px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:13px 0px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.color_change {
	float:left; 
	width:auto; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
}

.color_change a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.color_change a:hover {
   color:#000000;
   text-decoration:underline;
}

.color_change2 {
	float:left; 
	width:auto; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
}

.color_change2 a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:underline;
}

.color_change2 a:hover {
	color:#CC0000;
	text-decoration:none;
}

.grid-2 {
	float:left; 
	width:625px; 
	height:auto;
	padding:0px 0px 0px 5px;
	margin:10px 0px 0 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.right_btn  {
	float:left; 
	width:75px;
	text-align:center; 
	height:27px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0 5px;
}

.right_btn a  {
	float:left; 
	width:75px; 
	height:22px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0 0px;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/read.jpg) no-repeat;
}

.right_btn a:hover  { color:#000000; text-decoration:none; background:url(../images/read_hover.jpg) no-repeat;

}



.text-indent {float:left; width:100%; padding:0px 0 0 0; font-weight:bold; }





/***********************************************************************************************************************
 FOOTER
************************************************************************************************************************/


/* Tooltips */
#aToolTip{border:0px solid #444;background:#000; width:auto; height:auto; color:#fff; margin:20px 0px 0px 0px; padding:2px 8px; font-size:11px; position:absolute; display:none;z-index:50000}
#aToolTip .aToolTipContent{position:relative; margin:0;padding:0;width:auto; color:#fff; height:auto;}
a#aToolTipCloseBtn{display:block; height:20px; width:20px; overflow:hidden; background:url(../images/close.gif) no-repeat; text-indent:-9999px; outline:none; position:absolute; top:-15px;right:-20px}

.icons{float:left;overflow:hidden; width:200px; margin:7px 0px 0px 0px;}
.icons a{float:left;margin-left:2px; color:#000000;}


.normaltip {
	float:left;
	text-align:left;
	margin:5px 5px 0px 5px;
	padding:0px 0px 0px 0px;
}

.footer { float:left; width:100%; height:auto; margin:5px 0px 0px 0px; padding:0px 0px 10px 0px; background:url(../images/footer_tile.jpg) repeat-x; }
.footer_area { width:960px; height:auto; margin:25px 0px 0px 0px; padding:0px 0px 20px 0px; }
.footer_wraper {
	width:960px;
	height:auto;
	margin: 0px auto 0 auto;
}

.footer_left {
	float:left;
	text-align:left;
	color:#000000;
	font-size:12px;
	width:310px;
	height:auto;
	margin:20px 0px 0px 8px;
	padding:0px 0px 20px 0px;
}


.list-2 h2{
	float:left;
	width:100px;
	height:auto;
	margin:0px 0px 0 0px;
	font-size:20px;
	color:#1b262c;
	text-transform:uppercase;
}
.list-2{
	float:left;
	width:120px;
	height:auto;
	margin:10px 16px 0 0px;
}

.list-2 li a {
	float:left;
	width:100px;
	display:inline; 
	color:#000;
	font-weight:normal; 
	padding-left:18px;
	line-height:24px;
	text-decoration:none;
	font-weight:normal;
	background:url(../images/icon2.jpg) 1% 50% no-repeat;
}
.list-2 li a:hover, .list-2 li a.current1 {color:#000; background:url(../images/icon2.jpg) 0% 50% no-repeat;text-decoration:underline;  font-weight:normal;}

.footer_mid {
	float:left;
	text-align:left;
	color:#000000;
	font-size:20px;
	width:226px;
	height:auto;
	margin:20px 0px 0px 30px;
	padding:0px 0px 20px 0px
}

.footer_mid h2 {
	float:left;
	text-align:left;
	color:#1b262c;
	font-size:20px;
	text-transform:uppercase;
	width:200px;
	height:auto;
	margin:10px 0px 0px 0px;
}
.footer_text { float:left; text-align:left; color:#1b262c; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:210px; height:auto; margin:15px 0px 0px 3px;}
.news_bg { float:left; width:209px; height:32px; padding:0px 0 0 0px; margin:10px 0px 0px 0px;  }
.news_bar { float:left; width:208px; height:32px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#FFFFFF; border:1px solid #cecece;}
.news_text1 { float:left; width:190px; height:15px; padding:0px 0 0 0px; margin:8px 0px 0px 10px; color:#000000; border:none; background-color:#ffffff;}
.news_btn {float:left; width:80px; height:26px; padding:0px 0 0px 0px; margin:10px 0px 0px 2px;   }
.news_btn a {float:left; width:70px; height:20px; padding:6px 0 0px 10px; background:url(../images/subsrcibe_btn.jpg) no-repeat;  color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; }
.news_btn a:hover { color:#fff; background:url(../images/subsrcibe_hover.jpg) no-repeat; }



.footer_right{ float:left; text-align:left; color:#000000; width:250px; height:auto; margin:20px 0px 0px 30px; padding:0px 0px 20px 0;}
.footer_right h2 { float:left; text-align:left; color:#1b262c; font-size:20px; text-transform:uppercase; width:175px; height:auto; margin:10px 0px 0px 0px;}

.help_btn  {
	float:left; 
	width:250px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0 0px;
	background:url(../images/tele_icon.png) 0 4px no-repeat;
}

.help_btn a  {
	float:left; 
	width:235px; 
	height:auto;
	padding:0px 0px 0px 20px;
	margin:4px 0px 0 0px;
	color:#161c20;
	font-size:20px;
	text-transform:uppercase;
}

.help_btn a:hover  { color:#000000; text-decoration:none;

}

.footer_bottom{
	float:left;
	text-align:left;
	color:#fff;
	width:100%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0 0;
	line-height: normal;
	background: #161c20;
}

.footer_bottom p{
	float:left;
	text-align:left;
	color:#fff;
	margin:5px 0px 0px 7px;
	padding:0px 0px 0 0;
	line-height: normal;
}

.footer_bottom a{ color:#fff; text-decoration:none; }
.footer_bottom a:hover{ color:#fff; text-decoration:underline; }



/***********************************************************************************************************************
 Iner Pages
************************************************************************************************************************/

.about {
	float:left; 
	width:930px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
}

.right_side2 {
	float:left; 
	width:930px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0 10px;
}

.about h2 {
	float:left; 
	width:850px; 
	height:auto;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0 0px;
	color:#151b1e;
	font-size:25px;
}

.about img {
	float:left;
	width:auto;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0 5px;
}

.about p {
	float:left; 
	width:600px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:13px 0px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.inner_text {
	float:left; 
	width:925px; 
	height:auto;
	padding:0px 0px 0px 5px;
	margin:10px 0px 0 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.grid-4 {
	float:left; 
	width:630px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}

.grid-4 h2 {
	float:left; 
	width:625px; 
	height:auto;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0 0px;
	color:#151b1e;
	font-size:25px;
}


.grid-4 p {
	float:left; 
	width:500px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:13px 0px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.contct_box {
	float:left; 
	width:230px; 
	height:auto;
	padding:0px 0px 15px 0px;
	margin:0px 20px 0px 5px;
	border-bottom:1px solid #cdcbcb;
}

.contct_box p { color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0px 0px 0px; text-decoration:underline; }
.contct_box p a { color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0px 0px 0px; text-decoration:underline; }
.contct_box p a:hover { color:#f7b902; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0px 0px 0px; text-decoration:underline; }

.contct_text {
	float:left; 
	width:217px; 
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0px;
	color:#000000;
	font-size:12px;
}

.for_all_use { float:left; width:500px; height:auto; padding:0px 12px 0px 0px; margin:10px 0px 0px 10px;}
.for_soft_use { float:left; width:500px; height:auto; padding:0px 12px 0px 0px; margin:10px 0px 0px 0px;}

.text_field {
	float:left;
	font-family:Arial;
	font-size:10px;
	color:#e8e8e8;
	width:200px;
	height:auto;
	padding:0px 0 0 0px;
	margin:0px 0 0px 0;
}
.username {
	width:177px;
	height:20px;
	border:1px dashed #e8e8e8;
	color:#000000;
	font-size:11px;
	line-height:16px;
	padding:0px 0 0 3px;
	margin:10px 0 0 0;
	background-color: #ffffff;
}
.form_field {
	float:left;
	font-family:Arial;
	font-size:10px;
	color:#000000;
	padding:0px;
	margin:8px 0 0 0;
	width: 280px;
}
.message {
	width:280px;
	height:110px;
	border:1px dashed #e8e8e8;
	color:#000000;
	font-size:13px;
	padding:5px 0 0 5px;
	background-color: #ffffff;
}


.submit {float:right; width:75px; height:27px; padding:0px 0 0px 0px; margin:10px 0px 0px 0px;   }
.submit a {float:left; width:60px; height:20px; padding:7px 0 0px 15px;  color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;background:url(../images/read.jpg) no-repeat; }
.submit a:hover { color:#000000; background:url(../images/read_hover.jpg) no-repeat; }