/* 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;
	padding-top: 5px;
	padding-bottom: 5px;
	}

input, select {
	vertical-align:middle;
	font-weight:normal;
	border-left-color: #000000;
	border-color: #000000;
	border-bottom-color: #000000;
	border-right-color: #000000;
	border-top-color: #000000;
	color: #FFFFFF;
	right: auto;
}

a {color:#ffffff; font-style:italic;}
a:hover{text-decoration:none;}
p {
	padding-top:0px;
	color: #CCCCCC;
}
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;}

.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 5px 30px;
}
.box2 {
	padding:27px 35px 25px 30px;
	background-attachment: scroll;
	background-image: url(images/box2-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.indent2 {
	padding:0 0px 0 0px;
}
.indent {
	padding:00 0 30px;
}

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

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

.date {color:#74abff; text-transform:uppercase;}
.margin1 {
	margin-top:10px;
	padding-left: 0px;
	border-spacing: 0px;
	margin-bottom: 0px;
}
.margin2 {margin-top:12px;}
.margin3 {margin-top:20px;}
.text2 {font-size:1.083em; line-height:1.308em;}

.gallery .col-1 img {margin:0 13px 13px 0;}
.gallery2 .images {margin-right:-13px;}
.gallery2 .images img {margin:0 13px 13px 0;}
.pagination {
	text-align:right;
	padding:24px 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;}
.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:15px 0 0 15px;}

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