/* CSS Document */

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

body{
	background:#2f719f url(images/body-tail.gif) top repeat-x;
	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;
		font-size:0.75em;
		line-height:1.167em;
		color:#6e6f6f;
	}

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

a {
	color:#F1721A;
	text-decoration: none;
}
a:hover{
	text-decoration:none;
	color: #FEAE17;
}
p {
	padding-top:14px;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial;
}
span {
	color:#A13CA9;
}

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

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

.link {
	display:block;
	float:left;
	font-size:0.833em;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:17px;
	background-color: #F1721A;
	background-image: url(images/link-right-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: normal;
	padding: 0px;
}
.link span {
	background:url(images/link-left-bg.gif) top left no-repeat;
	display:block;
	color:#fff;
	padding-top: 4px;
	padding-right: 17px;
	padding-bottom: 4px;
	padding-left: 15px;
}
.link:hover {
	background-color: #ffab45;
	background-image: url(images/link-right-bg-hover.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.link:hover span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}
.col-3 .link {float:right;}

li a {line-height:1.5em;}

.imgindent {margin:0 17px 0 0; float:left;}
.title {
	margin-bottom:16px;
	position:relative;
	margin-right:-10px;
}
.title2 {margin-bottom:20px;}
.title3 {margin-bottom:16px;}
.title4 {
	margin-bottom:0px;
	position:relative;
	margin-right:-10px;
}

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

.logo {margin:40px 0 0 80px;}

.menu {
	width:100%;
	text-align: center;
}
.menu li {
	float:left;
	margin-right:10px;
}
.menu li a {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.917em;
	color:#fff;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
}
.menu .m1 a:hover, .menu .m1 .active {
	background-image: url(images/m1-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu .m2 a:hover, .menu .m2 .active { background:url(images/m2-bg.jpg) top left no-repeat;}
.menu .m3 a:hover, .menu .m3 .active { background:url(images/m3-bg.jpg) top left no-repeat;}
.menu .m4 a:hover, .menu .m4 .active { background:url(images/m4-bg.jpg) top left no-repeat;}

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

#content {padding:0 39px 0 36px; background:url(images/content-left-bg.gif) top left no-repeat;} 

.box1 {
	width:100%;
	background-color: #a53bb0;
	background-image: url(images/box1-corner-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box1 .corner-top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat; width:100%;}
.box1 .corner-bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box1 .corner-bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box1 .indent {
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}

.box2 {background:#dcdcdc url(images/box2-tail-bg.gif) top repeat-x; width:100%;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box2 .indent {padding:46px 30px 46px 37px;}

.box3 {background:url(images/box3-tail-bg.gif) top repeat-x #e6e6e6; width:100%;}
.box3 .corner-top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat; width:100%;}
.box3 .corner-bottom-right {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box3 .indent {padding:46px 28px 29px 32px;}
.box3 .indent2 {
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 15px;
	padding-left: 32px;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial;
}
.box3 .indent3 {padding:46px 36px 45px 32px;}
.box3  .indent4 {
	padding-top: 46px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 32px;
}
.box3 .indent5 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.clients {
	margin-top: 20px;
	border: 2px solid #95379E;
	font-family: Arial;
	font-size: 12px;
	color: #95379E;
	text-align: left;
	line-height: 15px;
	background-color: #F3F3F3;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.small {
	font-family: Arial;
	font-size: 10.5px;
	color: #999999;
}

.margin1 {
	margin-top:30px;
	margin-right: 50px;
}
.margin2 {margin-top:28px;}
.margin3 {
	margin-top:9px;
	float: right;
	margin-right: 13px;
}
.padding1 {padding-top:20px;}
.padding2 {padding-bottom:10px !important;}
.padding3 {padding-bottom:37px !important;}

.line {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #e8e8e8;
}
.gallery img {margin:0 9px 10px 0;}
.gallery2 {padding:0 0 0 32px;}
.gallery2 img {margin:0 9px 2px 0;}
.gallery2 a {color:#6e6f6f;}
.gallery2 .col-2 {line-height:1.75em;}
.phone {
	color:#6e6f6f;
	float:right;
	margin-right:125px;
}
.text2 {color:#6e6f6f;}

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

#footer {
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	text-align: center;
	padding-top: 16px;
}
#footer a {
	text-decoration:none;
	color:#F1721A;
}
#footer a:hover {
	text-decoration:none;
	color: f4ab50;
}

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

#ContactForm { font-size:0.917em; padding:15px 0 0 0;}
#ContactForm .rowi {height:46px;}
#ContactForm .link {float:right; margin:14px 0 0 10px;}

.input {width:166px; height:19px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {
	width:253px;
	height:110px;
	border:1px solid #7d7d7d;
	background:#fff;
	padding:0 0 0 5px;
	overflow:auto;
	font-size:1em;
}
.click {
	padding-top:14px;
	color: #95379E;
}
.click a {
	padding-top:14px;
	color: #F36F21;
	text-decoration: none;
}
.click a:hover {
	padding-top:14px;
	color: #F79321;
	text-decoration: none;
}