/*=========================== TAGS ============================*/

* { 
	margin:0; 
	padding:0;
}
body { 
	background:url(images/tail-body.gif) repeat-y center top #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1em; 
	color:#5a5a5a; 
	min-width:980px;
	overflow:hidden;
}
object { 
	vertical-align:top; 
	outline:none;
}
input, 
textarea, 
select { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	vertical-align:middle; 
	font-weight:normal;
}
p { 
	margin:0; 
	padding:0;
}
img { 
	border:0; 
	vertical-align:top; 
	text-align:left;
}

/*========================== ALIGMENT =========================*/

.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%;
}

/*=========================== TAILING =========================*/

.extra-bg {
	background:url(images/extra-bg.png) no-repeat left top;
	height:582px;
	width:512px;
	position:absolute;
	right:296px;
	top:110px;
	z-index:2;
}
.tail-top { 
	background:url(images/tail-top.gif) left top repeat-x;
}
.tail-middle {
	background:url(images/tail-middle.gif);
}
.tail-bottom { 
	background:url(images/tail-bottom.gif) left bottom repeat-x;
}

/*=========================== FORMS ===========================*/

#form .form { 
	height:26px;
}
#form input {
	width:320px; 
	padding:1px 0 1px 3px; 
	background:url(images/tail-form.png); 
	border:1px solid #a4a4a4; 
	vertical-align:top;	
	line-height:1.2em;
    color:#a4a4a4;
	font-size:1.22em;
}
#form textarea { 
	width:328px; 
	height:67px; 
	overflow:auto;
	background:url(images/tail-form.png); 
	border:1px solid #a4a4a4; 
	padding:1px 0 0 3px;
    color:#a4a4a4;
	font-size:1.22em;
	margin-bottom:15px;	
}

/*========================== LISTS ============================*/

ul, ol { 
	list-style:none;
}

.site-nav li {
	float:left;
	padding:48px 29px 0 0;
}
.site-nav li a {
	color:#8c8c8c;
	text-decoration:none;
	display:block;
	text-align:center;
	padding-bottom:5px;
}
.site-nav li a:hover,
.site-nav li a.act {
	color:#fff;
	background:url(images/nav-act.gif) no-repeat center bottom;
}

.list li {
	padding:0 0 7px 67px;
}

.list1 {
	position:absolute;
	top:252px;
	left:-1px;
	width:100%;
}
.list1 li {
	padding-bottom:1px;
}
.list1 li a {
	display:block;
	color:#fff;
	text-decoration:none;
	width:63px;
}
.list1 li a span {
	display:block;
	padding:6px 0 5px 0;
}
.list1 li a.m1 {
	background:url(images/link-right.gif) no-repeat right top #000;
}
.list1 li a.m1 span {
	padding-left:10px;
}
.list1 li a.m2 {
	background:url(images/link-left.gif) no-repeat left top #000;
}
.list1 li a.m2 span {
	padding-left:30px;
}
.list1 li a:hover {
	color:#000;
	width:73px;
	margin-left:-10px;
	position:relative;
	z-index:2;
}
.list1 li a.m1:hover {
	background:url(images/link-right-act.gif) no-repeat right top #fff;
}
.list1 li a.m2:hover {
	background:url(images/link-left-act.gif) no-repeat left top #fff;
}
.list1 li a.m1:hover span {
	padding-left:12px;
}

.list2 {
	position:absolute;
	left:10px;
	top:318px;
}
.list2 li {
	float:left;
	padding:0 3px 3px 0;
}
.list2 li a {
	display:block;
	background:#000;
	text-decoration:none;
	text-align:center;
	color:#fff;
	width:19px;
	padding-top:3px;
}
.list2 li a:hover,
.list2 li a.act {
	background:#fff;
	color:#000;
}

.list3 li {
	padding-bottom:10px;
}

.list4 li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:10px;
}
.list4 li img {
	float:left;
	margin-right:29px;
}

/*========================== OTHER ============================*/

.img-box {
	position:absolute;
	left:62px; 
	top:8px;
}
.img-box1 { 
	width:100%; 
	overflow:hidden;
	padding-bottom:20px;
}
.img-box1 img { 
	float:left; 
	margin:0 28px 0 0;
}
.p1 { 
	margin-bottom:15px;
}
.phone { 
	float:right; 
	margin-right:170px;
}

.button {
	position:absolute;
	left:0;
	top:262px;
}

/*================= TXT, LINKS, LINES, TITLES =================*/

a {	
	color:#c7c7c7; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h3 { 
	color:#c7c7c7; 
	font-size:1em; 
	font-weight:normal;
	margin-bottom:15px;
}

.link {
	color:#c7c7c7;
}
.link a {
	text-decoration:none;
}
.link a:hover {
	text-decoration:underline;
}

/*============================ BOXES ==========================*/

.box { 
	background:url(images/box-tail.png) repeat-y left top; 
	width:62px;
	height:587px;
	position:absolute;
	right:0;
	top:0;
}
.box1 {
	width:698px;
	overflow:auto;
	height:470px;
}
.box1 .inner {
	height:870px;
	width:636px;
}

/*========================== HEADER ===========================*/

#header .left {
	background:url(images/header-border.gif) no-repeat left top;
}
#header .right {
	background:url(images/header-border.gif) no-repeat right top;
}
#header .logo {
	float:left;
	padding:31px 67px 0 54px;
}

/*========================= CONTENT ===========================*/

#content,
#content .right {
	height:587px;
	overflow:hidden;
}
#content .left {
	background:url(images/cont-border.gif) no-repeat left top;
}
#content .right {
	background:url(images/cont-border.gif) no-repeat right top;
}
#content {
	background:url(images/tail-cont.gif);
	position:relative;
}
#content .indent {
	padding:60px 210px 0 70px;
}

/*========================= FOOTER ============================*/

#footer .left {
	background:url(images/footer-border.gif) no-repeat left top;
}
#footer .right {
	background:url(images/footer-border.gif) no-repeat right top;
}
#footer p {
	color:#858585;
	padding:21px 0 0 72px;
}
#footer p a {
	color:#858585;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}

/*=============================================================*/
