/* 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:#39afd5;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
span {color:#39afd5;}

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

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

.link {background:#44a0c6 url(images/link-right-bg.gif) top right no-repeat; display:block; float:left; font-size:0.833em; text-transform:uppercase; text-decoration:none; margin-top:17px;}
.link span {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:4px 17px 5px 15px; color:#fff;}
.link:hover {background:#74b5d0  url(images/link-right-bg-hover.gif) top right no-repeat;}
.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:24px; position:relative; margin-right:-10px;}
.title2 {margin-bottom:20px;}
.title3 {margin-bottom:16px;}

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

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

.menu {width:100%;}
.menu li {float:left; margin-right:10px;}
.menu li a {display:block; text-transform:uppercase; text-decoration:none; font-size:0.917em; padding:14px 25px 13px 18px; color:#fff;}
.menu .m1 a:hover, .menu .m1 .active { background:url(images/m1-bg.jpg) top left no-repeat;}
.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;}
.menu .m5 a:hover, .menu .m5 .active { background:url(images/m5-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 {background:#3888b2 url(images/box1-corner-top-left.gif) top left no-repeat; width:100%;}
.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:17px 16px 16px 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:14px 23px 26px 32px;}
.box3 .indent3 {padding:46px 36px 45px 32px;}

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

.line {border-bottom:1px solid #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:108px;}
.text2 {color:#6e6f6f;}

#homepica {
	position:absolute;
        height:200px;
        width:480px;
	left:420px;
        border: 2px solid #336666;
        margin:0px 0px 0px 0px;
}

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

#footer {text-transform:uppercase; font-size:0.833em; color:#fff; padding:19px 0 0 58px}
#footer a {text-decoration:none; color:#49cefa;}
#footer a:hover {text-decoration:underline;}

/* ============================= 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;}

.sidetitle { line-height:40px; font-size:30px; font-family: 'Roboto Condensed'; color:#424242; }
.sidetitle2 { line-height:40px; font-size:24px; font-family: 'Roboto Condensed'; color:#424242; }