/* CSS Document */

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

body{
	background:#333333;
	text-align:center;
	margin-right: -25px;
}

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:1em;
		line-height:1.33em;
		color:#949494;

	}

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

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}
p {
	padding-top:15px;
	margin-right: 30px;
}

@media screen and (min-width: 1024px) {
	body {
		overflow-x: hidden;
	}
}

@media screen and (max-width: 767px) {
    .extra-content .main
    {
        max-width:100%;
        width:auto;
        padding-left:10px;
        padding-right:10px;
    }
    .indent
    {
        padding-right:10px !important;
    }
}
/* ============================= main layout ====================== */

li { background:url(/images/components/marker.gif) no-repeat 0 8px; padding-left:10px; line-height:1.58em;}
li a {color:#949494; text-decoration:none;}
li a:hover {text-decoration:underline;}

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

h2 {font-size:5.66em; line-height:1.2em; color:#383838; letter-spacing:-3px; padding-bottom:6px;}
h3 {font-size:4em; line-height:1.2em; color:#7ec000; letter-spacing:-2px; padding-bottom:30px;}
h3 strong {color:#fff;}
h4 {font-size:2em; font-family:"Times New Roman", Times, serif; color:#333333; line-height:1.2em; font-weight:normal; margin-top:5px; margin-bottom:3px;}
h5 {font-size:4em; line-height:1.2em; color:#383838; letter-spacing:-2px; padding-bottom:25px;}
em {color:#b3d21a; font-style:normal; font-weight:bold;}

.alignright {text-align:right;}
/* ============================= header ====================== */
.extra {background:url(/images/components/header-bg1.jpg) center no-repeat; height:486px;}
.extra-main {background:url(/images/components/header-bg.jpg) center no-repeat; height:335px;}
.logo {padding-top:101px; float:right;}
.logo1 {float:right; margin:75px 22px 0 0;}

.menu-first {padding:24px 0 0 12px;} 
/*.menu-first li {background:url(/images/components/menu-bg-first.gif) left 18px no-repeat; padding-left:24px; font-size:3em; line-height:1.2em; margin-top:-6px;}
*/
.menu-first li {background:url(/images/components/menu-bg-first.gif) left 18px no-repeat; padding-left:24px; font-size:2em; line-height:1.1em; }
.menu-first li a {color:#4d4d4d;   text-decoration:none; }
.menu-first li a:hover {color:#7ec000;}

.menu-indent {padding:7px 22px 0 0;}
/*.menu-indent {padding:77px 22px 0 0;}*/
.tail-bg {background:url(/images/components/menu-tail-bg.gif) top left repeat-x;z }
.left-bg {background:url(/images/components/menu-left-bg.gif) left top no-repeat; padding-left:32px; }
.menu {background:url(/images/components/menu-right-bg.gif) right top no-repeat; }
.menu ul {height:53px;}
/*.menu li {float:left; background:url(/images/components/main-menu-li-bg.gif) left 19px no-repeat; padding:0 59px 0 24px; font-size:2em; line-height:1.1em; }*/
/*.menu li {float:left; background:url(/images/components/main-menu-li-bg.gif) left 19px no-repeat; padding:10px 59px 0 24px; font-size:2.2em; line-height:1em; }*/
.menu li {float:left; background:url(/images/components/main-menu-li-bg.gif) left 19px no-repeat; padding:10px 41px 0 20px; font-size:2.2em; line-height:1em; }
.menu li a {color:#dedede; text-decoration:none;}
.menu .last {padding-right:0px;}
.menu li a:hover {color:#7ec000;}
/* ============================= content ====================== */
.extra-content {background:url(/images/components/content-extra-bg.gif) left bottom repeat-x #fff;}

.indent {padding:10px 0 38px 13px;}

strong.first {color:#15130f; display:inline-block; padding-bottom:14px;}

.padding {padding-left:8px;}

.pad {padding-top:18px;}
.pad1 {padding-top:35px;}
.pad2 {padding-top:14px;}
.pad3 {padding-top:24px;}

.col-pad {padding-right:49px;}
.col-pad1 {padding-right:90px;}
.col-pad2 {padding-right:98px;}
.col-pad3 {padding-right:70px;}

.img-pad {padding-right:23px;}

.gallery-pad {padding-top:72px;}

.imgindent1 {margin-right:19px;}
.margin {margin-top:18px;}

.prev {display:inline-block; background:url(/images/components/prev-link-bg.gif) left 6px no-repeat; padding-left:10px; color:#b3d21a; font-weight:bold; float:left;}
.next {display:inline-block; background:url(/images/components/next-link-bg.gif) right 6px no-repeat; padding-right:10px; color:#b3d21a; font-weight:bold; float:right;}

.rait-1 {background:url(/images/components/raiting-bg-1.gif) right top no-repeat;}
.rait-2 {background:url(/images/components/raiting-bg-2.gif) right top no-repeat;}
.rait-3 {background:url(/images/components/raiting-bg-3.gif) right top no-repeat;}

/*.link {display:inline-block; background:url(/images/components/link-bg.gif) left 6px no-repeat; color:#b3d21a; font-weight:bold; padding-left:12px; margin-top:4px;}
*/
.row-indent {padding:29px 0 20px 13px;}
.row .col-1 {width:245px !important;}
.row .col-2 {width:258px !important;  }
.row .col-3 {width:309px !important;}
.row .col-pad {padding-right:88px !important;}

.row .col-2 div {font-size:1.5em; line-height:1.11em; font-style:italic;}
.row .col-2 div a {color:#77ccf4;}
.row h3 {padding-bottom:22px;}
h3 img {margin-top:22px;}
.row ul {margin-top:-10px;}
.row li {background:url(/images/components/marker1.gif) no-repeat 0 13px; padding-left:18px; line-height:1.777em; font-size:1.5em;}
.row li a {color:#fff; text-decoration:none;}
.row .link {display:inline-block; background:url(/images/components/row-link-bg.gif) no-repeat; color:#fff; text-decoration:none; padding:1px 6px 3px 8px; font-weight:normal; margin:19px 0 0 4px;}
.row .main {border-bottom:1px solid #fff; padding-bottom:27px;}

.phone {display:inline-block; width:145px;}

.mail {color:#b3d21a; display:inline-block; float:right;}
.mail1 {color:#b3d21a;}

.policy-indent {padding:10px 70px 38px 13px;}
/* ============================= footer ====================== */
#footer {color:#7a7a7a; padding:32px 0 0 0px;}
#footer .policy {padding-left:35px;}
#footer a {color:#7a7a7a;}

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

#SubscribeForm { height:78px; background:#393939; padding:18px 0 0 27px; color:#fff;}
#SubscribeForm .link {background:url(/images/components/form-button.gif) no-repeat; margin:17px 16px 0 0px; padding:2px 10px 3px 12px; float:right;}
#SubscribeForm .link1 {color:#81a60a; font-weight:bold;}
#SubscribeForm label {height:45px; display:inline-block; font-weight:bold; float:left;}
#SubscribeForm  p {color:#81a60a; padding:0px;}
#SubscribeForm .input {width:173px; height:15px; background:#fff; padding:0 0 0 5px; font-size:1em; margin-top:2px; }


#ContactForm label {height:40px; display:block;}
#ContactForm .link {margin:14px 0 0 18px;}
#ContactForm .input {width:226px; height:12px; background:#fff;  padding:1px 0 2px 5px; font-size:1em;}
textarea {background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

img.black-border{
	border: 1px solid #000 !important;
	margin-right: 30px;
	margin-top: 65px;
	margin-bottom: 10px;
}
.typography img.left{
	margin-right: 10px;
}

a.large {
	font-size: 2em;
	color: white;
	text-decoration: none;
	padding: 2px 16px;
	border: 2px solid #006600;
	border-radius: 5px;
	background: #1d6600;
}
a.large:hover {
	color: #B7C28C;
}

.typography h1 {
  line-height:30px;
  margin-bottom:10px;
}
