/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(../images/body-bg.gif) left top repeat-x #1b1b1b;
	text-align:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

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.8125em;
		line-height:1.23076em;
		color:#747474;
	}

input, select { vertical-align:middle; font-weight:normal;}

input.error {width:400px; border:1px solid #bcb9b5; background:#FFD9D9; padding:3px 0 2px 5px; font-size:1em; line-height:1.24em;}

a {color:#009900; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(../images/marker.gif) no-repeat 0 7px; padding-left:10px; line-height:1.5384em;}
li a {color:#339933;}

.imgindent {margin:0 20px 0 0; float:left;}

.inner {background:#fff;}

h3 {line-height:1.3846em; color:#252525; text-transform:uppercase; padding:16px 0 0 0}
h2 {font-size:1.5384em; line-height:1.24em; color:#252525; text-transform:uppercase; padding:35px 0 22px 0; letter-spacing:-1px;}
/* ============================= header ====================== */

.logo {padding:38px 0 0 0; float:left;}

.sub-menu {float:right; padding-top:87px;}
.sub-menu li {float:left; background:url(../images/sub-menu-li-bg.gif) right 3px no-repeat; line-height:1.4em; font-size:0.7692em; padding:0 11px 0 11px; text-transform:uppercase;}
.sub-menu li a img {margin-left:5px;}
.sub-menu li a {display:inline-block; text-decoration:none; color:#fff;}
.sub-menu .last {background:none; padding-right:0px;}
.sub-menu li a:hover {text-decoration:underline}

.menu {position:relative; height:65px}
.menu ul {width:100%; overflow:hidden;}
.menu li {float:left; background:none; padding:0; line-height:2em; font-size:1.0769em;}
.menu li a {display:block; padding:10px 16px 27px 15px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#252525; letter-spacing:-1px; }
.menu li a:hover, .menu .active a {background:#a0d727; color:#fff;}

.header-img {margin-top:-20px;}
.link-left, .link-right {position:absolute; display:inline-block;}
.link-left {margin:176px 0 0 0;}
.link-right {margin:176px 0 0 864px;}
/* ============================= content ====================== */
.left-corner {background:url(../images/corner-bottom-left.gif) left bottom no-repeat;}
.right-corner {background:url(../images/corner-bottom-right.gif) right bottom no-repeat;}

.indent {padding:20px 20px 48px 20px;}
.padding {padding-bottom:53px;}

.col-pad {padding-right:19px;}

.link {display:inline-block; background:url(../images/link-bg.gif) right 4px no-repeat; padding-right:9px; text-transform:uppercase; font-weight:bold; font-size:0.8461em; line-height:1.2em; text-decoration:none; margin-top:20px;}
.link:hover {text-decoration:underline;}

.link-margin {margin-top:12px;}
.link-margin1 {margin-top:30px;}
.link-margin2 {margin-top:36px;}

.pad {padding-top:18px;}
.pad1 {padding-top:16px;}
.pad2 {padding-top:26px;}

.h-pad {padding-top:50px;}

.title {color:#252525;}
.title1 {color:#88cb3f;}

.border {background:url(../images/border-bg.gif) left bottom repeat-x; padding-bottom:30px; margin-bottom:21px;}

.phone {display:inline-block; width:64px;}
/* ============================= footer ====================== */
#footer {color:#484848; text-transform:uppercase; font-size:0.7692em;}
#footer a {color:#484848; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
.footer-menu {width:100%; overflow:hidden; padding:33px 0 0 0;}
.footer-menu li {float:left; background:url(../images/sub-menu-li-bg.gif) right 3px no-repeat; padding:0 11px 0 9px; line-height:1.2em;}
.footer-menu li a {color:#fff !important;}
.footer-menu .last {background:none;}

.policy {padding:10px 0 0 9px;}
/* ============================= forms ============================= */

#ContactForm {padding-top:10px}
#ContactForm label {height:42px; display:block;}
.column1 {float:left; width:279px;}
.column2 {float:left; width:293px;}
.alignright {text-align:right;}
#ContactForm .link {margin:32px 0 0 20px;}
.input {width:222px; border:1px solid #bcb9b5; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.24em;}
.inputSearch {width:322px; border:1px solid #bcb9b5; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.24em;}

.letraRoja {color:#990000; font-style:bold;}
textarea {width:284px; height:103px; border:1px solid #bcb9b5; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.textareaSearch {width:400px; height:103px; border:1px solid #bcb9b5; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

img.tTip{ margin: 8px 15px 8px 0px; float: left; }
.blueTip						{ width: 342px; }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #99CC00; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #CCFF66; color: #020202; }
.blueTip .bottom				{ height: 14px;}

.greenTip { width: 342px; }
.greenTip .content { width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom { height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

