﻿* { margin:0; padding:0;}
body { background:url(images/tail-body.gif) repeat-x center top #1e1e1e; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#949494;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase;}

object { vertical-align:top;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { padding:0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form span { display:block; padding-bottom:14px;}
#form label { display:block;}
#form input {width:223px; padding:3px 0 3px 3px; background:#1e1e1e; border:1px solid #474747; color:#fff;}
#form textarea { width:584px; 
height:66px; overflow:auto; background:#1e1e1e; border:1px solid #474747; color:#fff; padding:2px 0 0 3px; margin-bottom:20px;
}


/*==================list====================*/
ul { list-style:none;}

.site-nav { position:absolute; bottom:34px; right:0;}
.site-nav li { float:left; margin-left:4px;}
.site-nav li a { display:block; text-decoration:none; color:#a4a4a4; background:#121212; text-align:center; width:89px; padding:6px 0 4px 0;}
.site-nav li a:hover,
.site-nav li a.act { 
	color:#eff7f8;
}
.site-nav li.m1 a:hover,
.site-nav li.m1 a.act { 
	background:#4eb433;
}
.site-nav li.m2 a:hover,
.site-nav li.m2 a.act { 
	background:#f2bb13;
}
.site-nav li.m3 a:hover,
.site-nav li.m3 a.act { 
	background:#f43e0c;
}
.site-nav li.m4 a:hover,
.site-nav li.m4 a.act { 
	background:#f2620f;
}
.site-nav li.m5 a:hover,
.site-nav li.m5 a.act { 
	background:#1d6c8b;
}

.list { margin-top:-14px;}
.list li { width:100%; overflow:hidden; vertical-align:bottom; padding-top:18px;}
.list li img { float:left; margin:-4px 15px 0 0;}
.list li p span { color:#fff;}

.list1 li { color:#949494;}
.list1 li a { color:#fff;
	text-transform: none;
	font-size: small;
}

.list2 { margin-top:-29px;}
.list2 li { width:100%; overflow:hidden; vertical-align:bottom; padding-top:33px;}
.list2 li img { float:left; margin:-4px 15px 0 0;}
.list2 li p span { color:#fff;}


/*==================other====================*/
.img-box1 { width:100%; overflow:hidden; padding-top:5px;}
.img-box1 img { float:left; margin:-5px 20px 0 0;}

.p1 { margin-bottom:20px;}

.phone { float:right; margin-right:210px;}


/*==================txt, links, lines, titles====================*/
a {color:#fff; outline:none;}
a:hover{text-decoration:none;}

h3 { color:#fff; font-size:medium; 
margin-bottom:15px; line-height:1.33em;
	font-weight: 400;
	font-variant: small-caps;
}

.link { color:#fff;}
.link a { color:#fff; text-decoration:none;}
.link a:hover { text-decoration:underline;}

.line-hor { border-bottom:1px solid #383838; margin:20px 0; overflow:hidden; font-size:0; line-height:0;}

.title { margin-bottom:16px;}


/*==================boxes====================*/
.box { background:#131313; width:658px; height:483px; position:absolute; left:275px; top:0;}
.box .inner { padding:33px 28px 40px 30px;}
.box .button { position:absolute; right:0; top:-31px;}
.box p,
.box dl { 
	line-height:1.33em;
	margin-bottom:15px;
}
.box dl dt { color:#fff; margin-top:15px;}

.extra-box { width:596px; overflow:auto;}
.extra-box .inner { padding:0 15px 0 0;}

/*header*/
#header span { display:block; padding:65px 0 0 24px;}

/*content*/
#content { height:561px; position:relative;}
#content #site-nav a { display:block; width:187px; height:307px; text-decoration:none;}
#content #site-nav .m1 { position:absolute; left:58px; top:151px;}
#content #site-nav .m1 a { background:url(images/m1.png) no-repeat left top;}
#content #site-nav .m1 a:hover { background:url(images/m1-act.png) no-repeat left top;}
#content #site-nav .m2 { position:absolute; left:224px; top:79px;}
#content #site-nav .m2 a { background:url(images/m2.png) no-repeat left top;}
#content #site-nav .m2 a:hover { background:url(images/m2-act.png) no-repeat left top;}
#content #site-nav .m3 { position:absolute; left:389px; top:-9px;}
#content #site-nav .m3 a { background:url(images/m3.png) no-repeat left top;}
#content #site-nav .m3 a:hover { background:url(images/m3-act.png) no-repeat left top;}
#content #site-nav .m4 { position:absolute; left:513px; top:185px;}
#content #site-nav .m4 a { background:url(images/m4.png) no-repeat left top;}
#content #site-nav .m4 a:hover { background:url(images/m4-act.png) no-repeat left top;}
#content #site-nav .m5 { position:absolute; left:671px; top:154px;}
#content #site-nav .m5 a { background:url(images/m5.png) no-repeat left top;}
#content #site-nav .m5 a:hover { background:url(images/m5-act.png) no-repeat left top;}

/*footer*/
#footer p { color:#757575; padding-top:22px;}
#footer p a { color:#f3f3e4; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*=================== index-1.html ======================*/
#page2 .extra-box { height:158px;}
#page2 .extra-box .inner { height:300px;}

/*=================== index-2.html ======================*/
#page3 .extra-box { height:98px;}
#page3 .extra-box .inner { height:150px;}

/*=================== index-3.html ======================*/
#page4 .extra-box { height:98px;}
#page4 .extra-box .inner { height:150px;}

/*=================== index-4.html ======================*/
#page5 .extra-box { height:225px;}
#page5 .extra-box .inner { height:410px;}