/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#1c1926;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.417em;
		color:#8d8d8d;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; font-style:italic;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
em {color:#ffffff;}

/* ============================= main layout ====================== */

.top-tail {background:#000000 url(images/top-tail.gif) top repeat-x;}
.bottom-tail {background:url(images/bottom-tail.gif) bottom repeat-x;}
.top-tail2 {background:url(images/top-tail2.gif) top repeat-x; position:absolute; width:50%; height:278px; right:0;}

li { background:url(images/list-bg.gif) no-repeat 0 10px; padding-left:16px; line-height:2em;}
li a {color:#ffffff; text-decoration:none; font-style:italic;}
li a:hover {text-decoration:underline;}
.list li {background:url(images/list-bg.gif) no-repeat 0 7px; margin-bottom:8px; line-height:1.308em;}
.list2 li {color:#ffffff; font-style:italic;}
.list2 li a {text-decoration:underline;}
.list2 li a:hover {text-decoration:none;}

.title1 {background:url(images/title1-bg.jpg) top left no-repeat; padding:13px 0 15px 27px;}
.title2 {background:url(images/title2-bg.jpg) top left no-repeat; padding:13px 0 15px 27px;}
.title3 {border-bottom:1px solid #272727; padding:0 0 7px 27px; margin-bottom:24px;}
.title3 img {margin:0 !important;}
.title4 {background:url(images/title4-bg.jpg) top left no-repeat; padding:13px 0 15px 27px;}
.indent3 .date {padding:15px 0 10px 27px;}

.imgindent {margin:0 20px 0 0; float:left;}

.link {background:url(images/link-tail-bg.gif) top repeat-x; display:inline-block; color:#fff; text-decoration:none; margin-top:20px; font-style:normal; cursor:pointer;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:inline-block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:4px 13px 5px 23px;}
.link:hover {background:url(images/link-tail-bg-act.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-act.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-act.gif) top left no-repeat;}

.link2 {background:url(images/list-bg.gif) no-repeat right 5px; padding-right:10px; color:#fff; font-style:italic; font-size:1.083em;}

/* ============================= header ====================== */

.logo {position:absolute; margin:90px 0 0 60px;}
.m1 {position:absolute; margin:0 0 0 389px;}
.m2 {position:absolute; margin:0 0 0 514px;}
.m3 {position:absolute; margin:0 0 0 662px;}
.m4 {position:absolute; margin:0 0 0 786px;}

/* ============================= content ====================== */

.box1 {background:url(images/box-bg.jpg) top left no-repeat; padding:27px 35px 34px 30px;}
.box2 {background:url(images/box2-bg.jpg) top left no-repeat; padding:27px 35px 25px 30px;}

.indent2 {padding:0 35px 0 30px;}
.indent2 img {margin:13px 13px 0 0; width: 146px; height: 146px;} 
.indent {padding:0 0 0 30px;}
.l1 {position:absolute; margin:0 0 0 5px;}
.l2 {position:absolute; margin:0 0 0 168px;}
.l3 {position:absolute; margin:0 0 0 331px;}
.l4 {position:absolute; margin:0 0 0 491px;}
.l5 {position:absolute; margin:0 0 0 654px;}




.col-pad {padding-right:24px;}

.line {background:url(images/line.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:8px;}

.date {color:#74abff; text-transform:uppercase;}
.margin1 {margin-top:40px;}
.margin2 {margin-top:12px;}
.margin3 {margin-top:20px;}
.text2 {font-size:1.083em; line-height:1.308em;}
.titletop {color:#ffffff; font-size:1.083em; font-weight:bold;}

.gallery .col-1 img {margin:0 6px 14px 0; width: 250px; height: 190px;}
.gallery .col-2 img {margin:0 6px 14px 0; width: 250px; height: 190px;}
.gallery2 .images {margin-right:-13px;}
.gallery2 .images img {margin:0 13px 13px 0;}
.pagination {text-align:right; padding:14px 30px 0 0;}
.pagination a {color:#3c3c3c; text-decoration:none; font-style:normal;}
.pagination a:hover, .pagination .active {color:#fff;}
.gallery2 .pagination {text-align:center; padding:3px 10px 0 0;}

.phone {display:inline-block; width:83px;}
.trade {display:inline-block; width:53px;}
.mail {text-decoration:none;}
.mail:hover {text-decoration:underline;}

/* ============================= footer ====================== */

#footer {color:#3c3c3c; padding:19px 18px 0 29px;}
#footer a {color:#3c3c3c; text-decoration:none; font-style:normal;}
#footer a:hover {color:#ffffff;}
#footer span {color:#fefefe;}

.menu {float:right;}
.menu li {display:inline; padding:0; background:none; color:#222222;}
.menu li a {font-style:normal; margin:0 11px 0 10px;}
.menu li a:hover, .menu .active a {color:#fefefe !important;}

/* ============================= forms ============================= */

#ContactForm {margin-right:-10px;}
#ContactForm .rowi {height:48px;}
#ContactForm .link {float:right; margin:5px 0 0 15px;}

.input {width:242px; height:20px; border:1px solid #464649; background:#1f1f21; padding:0 0 0 5px; font-size:1em;}
textarea {width:242px; height:137px; border:1px solid #464649; background:#141414; padding:0 0 0 5px; overflow:auto; font-size:1em;}