/* =TOOLS

	1. =RESET
	2. =CLEARING
   

---------------------------------------------------------
*/

/* =RESET
---------------------------------------------------------
*/

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, strong, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:focus, object:focus {
outline: none;
}

i, em {
font-style: italic;
}

b, strong {
font-weight: bold;
}

/* END RESET
---------------------------------------------------------
*/



/* =CLEARING
---------------------------------------------------------
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}







/* END CLEARING
---------------------------------------------------------
*/




/* BEIGN FLOAT
---------------------------------------------------------
*/

.fltrt {
    margin-top: 2px;
	float: right;
	margin-left: 18px;
    margin-bottom: 18px;
}
.fltlft {
    margin-top: 2px;

	float: left;
	margin-right: 18px;
    margin-bottom: 18px;
}


/* END FLOAT
---------------------------------------------------------
*/


/*Layout
1.Page and body
2. Header
3.Content
4. Footer


*/






/* =BODY & PAGE
---------------------------------------------------------
*/
body { background:#485673;  min-width:800px; }
#page { position:relative; margin:0 auto; width:759px; background:#fff;}


/* =END BODY AND PAGE	
---------------------------------------------------------
*/



/* =HEADER
---------------------------------------------------------
*/
.header { position:relative; height:211px; background: url(../i/top.gif) no-repeat left top;}

.logo { padding-top:30px; padding-left:3px;}
.slogan { position:absolute; right:10px; top:185px; text-align:right; font:bold italic 18px/18px Arial, Helvetica, sans-serif; color:#fff; width:250px;}
.nav { position:absolute; width:160px; float:left; left:-1px; background: url(../i/m_bot.gif) no-repeat left bottom; padding-bottom:9px;  }
.nav li { float:left; width:160px; height:22px; background: url(../i/m.gif) no-repeat left top; }
.nav a, .nav a:active, .nav a:visited { font: bold italic 12px/22px Verdana, Geneva, sans-serif; color:#fff; padding-right:14px; text-decoration:none; text-align:right; display:block;}
.nav a:hover, .nav a.active {}

/* END HEADER
---------------------------------------------------------
*/



/* =CONTENT
---------------------------------------------------------
*/
.content {
    position: relative; background: url(../i/bg_right.gif) repeat-y 599px top;  border-top:1px solid #000; min-height:300px;}
.main { padding:5px; padding-right:180px;}
.left {
    position: relative;
    float: left; width:191px;  background: url(../i/left.gif) no-repeat left top;  padding-left:10px; padding-right:10px; padding-top:3px;}

.right {
    position: relative; width:159px;
    float:right; }

.lead { position:relative; height:167px;}
.gallery {  width:600px;  position:relative;  margin-left:-5px; background: url(../i/tabl_l.gif) repeat-y left top;  border-bottom:2px solid #000; margin-bottom:-7px;



}
.gallery td {width:300px; position:relative; margin-left:1px; border:2px solid #000; border-bottom:none;  border-left:none; border-right:none;   text-align:center; padding-bottom:18px;}
.gallery img { padding:18px; background:#000 ;}
.gallery p { text-align:center; margin-bottom:0; }
.gallery div { border:1px solid #000;  margin:6px 11px;}
.gallery div p {font-size:10px;}
/* END CONTENT
---------------------------------------------------------
*/



/* =FOOTER
---------------------------------------------------------
*/

.footer { position:relative; height:126px; background:#000 url(../i/bg_bot.gif) repeat-x left top; padding-top:10px;}
.copy { font:12px/18px Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin-bottom:0;}
.copy a, .copy a:active, .copy a:visited { ont:12px/18px Arial, Helvetica, sans-serif; color:#fff;}
.copy a:hover {}
.cont_menu {}


.cont_menu a, .cont_menu a:active, .cont_menu a:visited {}
.cont_menu a:hover {}

/* END FOOTER
---------------------------------------------------------
*/


/* =MODULE
---------------------------------------------------------
*/
.ws3d { float:right; position:relative;}
.fb { width:290px; padding-top:14px;}

/* END MODULE
---------------------------------------------------------
*/
  

/* =TYPOGRAPHY: 

	1. =BODY
    2. =LINKS
    3. =HEADINGS
    4. =TEXT
    5. =LISTS
    6. =TABLES
    7. =HORIZONTAL RULES

	

---------------------------------------------------------
*/

/* =BODY
---------------------------------------------------------
*/


	

	
body {
	
}
*html div {
	height:1%;
}


/* =LINKS
---------------------------------------------------------
*/



a, a:active, a:visited { text-decoration:underline;
	
	
}

a:hover { text-decoration:none;
	
}
/* END LINKS
---------------------------------------------------------
*/
	
/* =HEADINGS
---------------------------------------------------------
*/

h2 { margin-bottom:18px;
	
}

.left  h2 { font: bold 13px/18px Verdana, Geneva, sans-serif; color:#fff;}

/* END HEADINGS
---------------------------------------------------------
*/

/* =TEXT
---------------------------------------------------------
*/



p, ul, table { font:15px/17px Arial, Helvetica, sans-serif; color:#020202; margin-bottom:17px;  
	
	
	
	
}
.left p { font-size:10px; line-height:12px; }

strong {
	font-weight: bold;
}


em {
	font-style: italic;
}



/* END TEXT
---------------------------------------------------------
*/


	
/* =LISTS
---------------------------------------------------------
*/

ul {

}


ul li {
	
}


.list { padding-left:18px; margin-left:18px;
	
}


.list li { list-style:disc; 
		
} 
.list li ul { margin-bottom:0;}
.list li ul li { margin-left:36px; list-style:circle}	 

/* END LISTS
---------------------------------------------------------
*/



/*  form   */
/* reset.css  */
fieldset, form, label, legend, .forma ul, .forma li, input, textarea {
 margin:0;
 padding:0;
 border:0;
 font-weight:inherit;
 font-style:inherit;
 font-size:100%;
 font-family:inherit;
 vertical-align:baseline;
 list-style:none;
}
/* end reset.css  */
 h4 { background:#6699CC; color:#fff; font:16px/22px Verdana, Geneva, sans-serif; padding-left:4px; width:466px; }
.forma { position:relative; overflow:hidden; //zoom:1; border:2px solid #6699CC; padding:18px; width:430px;}

.forma ul, .forma li, .forma label, .forma input, .forma select {
 float:left;
}

.forma, .forma label, .forma input, .forma textarea, .forma select, .forma .checkbox span {
font:12px/20px Verdana, Helvetica, sans-serif; color:#020202;
}
.forma input, .forma textarea, .forma select { 
 width:270px;
 border:1px solid #7F9DB9;

}
.forma input {
 height:20px;
 float:left;
}
.forma select {
 width:202px;
 height:22px;
}
.forma textarea {
 overflow:auto;
 height:60px;
}
.forma ul {
 float:left;
 clear:both;
 position:relative;
 width:400px;
}
.forma ul li {
 float:left;
 width:100%;
 margin-bottom:4px;
}
legend {
 display:none;
}
.forma label {
 text-align:right;
 display:block;
 
 width:100%;
 padding-right:4px;
 
}
/* multicolon */
.forma_multi ul {
 clear:none;
 padding-right:18px;
}
/* different label */
.ul_label_l label {
 width:120px;
 float:left;
 clear:left;

}
.ul_label_r label {
 width:80px;
 clear:right;
 float:right;
 padding-left:4px;
}
/* checkbox setting */
.forma .ul_label_l .checkbox {

}
.forma .ul_label_l .checkbox label.first {
 position:absolute;
 left:0;
}
.forma .checkbox ul {
 clear:left;
 width:auto;
}
.forma .checkbox ul li {
 margin-right:18px;
 width:auto;
 margin-bottom:0;
}
.forma .checkbox_multi ul {
 clear:none;
}
.forma .checkbox_multi ul li {
 clear:both;
}
.forma .ul_label_l .checkbox_multi ul {
 padding-left:0;
 padding-right:0;
 margin-right:0;
}
.forma .checkbox ul label {
 width:auto;
}
.forma .checkbox input {
 width:16px;
 height:20px;
 border:none;
 float:left;
 vertical-align:middle;
}
/* button  */
  
  .forma .button {
 padding-left:190px; position:relative; float:none; width:auto;
}
.forma .button input {
 width:52px;
 height:25px;
 float:left;
 cursor:pointer;
 border:none;
 text-indent:-999px;
 padding-bottom:2px;
 margin-right:10px;
}
.clear {
 background: url(../i/clear.gif) no-repeat left top;
}
.send {
 background:url(../i/send.gif) no-repeat left top;
}
.forma li#error {
 position:relative; clear:both;
}