@import "reset.css";

@font-face {
    font-family: 'RockwellRegular';
    src: url('../fonts/rockwell-webfont-webfont.eot');
    src: url('../fonts/rockwell-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockwell-webfont-webfont.woff') format('woff'),
         url('../fonts/rockwell-webfont-webfont.ttf') format('truetype'),
         url('../fonts/rockwell-webfont-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RockwellBold';
    src: url('../fonts/rockwellbold-webfont-webfont.eot');
    src: url('../fonts/rockwellbold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rockwellbold-webfont-webfont.woff') format('woff'),
         url('../fonts/rockwellbold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/rockwellbold-webfont-webfont.svg#RockwellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



.clear { clear:both;}

.divider { background-color: #EBECE4;height: 1px; width: 960px; margin-bottom: 8px;}

body {background: url("../img/bk.jpg") repeat-x; background-color: #2555a4; }
.phone {width: 960px;margin: 12px auto; text-align: right; font:16px 'RockwellRegular', Arial, Helvetica, sans-serif; color:#fff;}
.phone a { color: #fff; text-decoration: none;}
.container {width: 960px; margin: 15px auto; background-color: #fff; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
a#logo {background: url("../img/logo.png") no-repeat scroll 0 0 transparent; height: 104px; width: 381px; float:left; margin:15px;}
.hero-shot-container { width:960px; height: 350px;}
a#blank {background: url("../img/blank.png") no-repeat scroll 0 0 transparent; height: 104px; width: 381px; float:left; margin:15px;}



.intro-text-container { background:url(../img/ribbon.png) no-repeat 50px 10px; width:376px; height:380px; float:left; margin: 0px 0px 0px 15px;}
.philosophy-container { width:376px; float:left; margin: 0px 0px 0px 15px;}
.philosophy-container p { float:right; font:12px/21px Arial, Helvetica, sans-serif; color:#666; margin:5px 20px 0px 0px; padding-bottom: 15px;}
.philosophy-container h1 { font:18px 'RockwellBold', Arial, Helvetica, sans-serif; color:#2555a4; text-align:left; text-transform: uppercase;}
.philosophy-container li { font: 12px/21px  Arial, Helvetica, Geneva, sans-serif; color: #666; margin-left: 15px;}

.intro-text-container p { float:right; font:12px/21px Arial, Helvetica, sans-serif; color:#666; margin:5px 20px 0px 0px;}
.text-container { width:550px; float:left; margin: 15px 0px 0px 55px;}
.text-container p {font:12px/21px Arial, Helvetica, sans-serif; color:#666; margin:5px 20px 0px 0px; padding-bottom: 15px;}
.text-container h1 { font:18px 'RockwellBold', Arial, Helvetica, sans-serif; color:#2555a4; text-align:left; text-transform: uppercase;}

.bullet-container { background-color: #EBECE4; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; padding: 8px; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

.bullet-container .left ul { margin: 0;}
.bullet-container .left li { float: left; width: 250px; font: 12px/21px Arial, Helvetica, Geneva, sans-serif; color: #666; margin-left: 15px;}
.text-container p .green { color: #9CD247;}


.intro-text-container .center { font:12px/18px Arial, Helvetica, sans-serif; color:#666; text-align:center; margin:65px 50px 0px 0px; width:300px;}
.intro-text-container h1 { font:18px 'RockwellBold', Arial, Helvetica, sans-serif; color:#2555a4; text-align:left;}
.download {font:13px 'RockwellRegular', Arial, Helvetica, sans-serif; color:#2555a4;}
.download a { text-decoration:none;  color:#2555a4;}

h3 { font:18px 'RockwellBold', Arial, Helvetica, sans-serif; color:#2555a4; float:left; margin: 30px 20px;}


h2 { font:14px 'RockwellRegular', Arial, Helvetica, sans-serif; color:#666; }
.text-container h2 { font:14px 'RockwellRegular', Arial, Helvetica, sans-serif; color:#666; }



.menu { width:475px; float:right; font:12px Arial, Helvetica, sans-serif; color:#666; margin:80px 15px 0 0;}
.menu ul{ margin:0px; list-style:none; }
.menu li { float:left; display:inline-block; padding:8px;}


/* ----- slider -----*/
.l-wrapper {position: relative; min-height: 100%;float:left;}
.l-content.delim { height: 6px;margin-bottom: 20px; background: url("../images/diagonals.png") left top; clear: both;}
#slider { position: relative; float: left; width: 540px; height: 300px; margin: 0px 10px 0px 10px;}

.main-image{width: 281px; height: 200px; float: left; margin: 15px 0 0 15px; border: 1px solid #333;}
.main-image-no-border{width: 281px; height: 200px; float: left; margin: 15px 0 0 15px;}
.main-image-no-border h1{font:18px 'RockwellBold', Arial, Helvetica, sans-serif; color:#2555a4; text-align:left; text-transform: uppercase;}
.main-image-no-border p{font:12px/21px Arial, Helvetica, sans-serif; color:#666; }


.bucket-container { width: 960px; margin: 15px auto; background-color: #666;}

.footer-container { height: 100px; background-color: #2555a4;}
.footer-container .bull { background:  url("../img/bull-footer.jpg") no-repeat; width: 73px; height: 71px; float: left; margin: 15px;}
.footer-container p { font: 12px Arial, Helvetica, Geneva, sans-serif; margin: 50px 0 0 0; color: #fff; float: left;}

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font: 14px Arial, Helvetica, Geneva, sans-serif;
	color: #666;
}
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; width: 300px; }

input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }


input.submit { cursor: pointer; background: #7fbf4d;
background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
border-color: #63a62f;
color: #fff;
text-shadow: 0 1px 0 #53961e;
-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; 
margin-left: 155px; font-size: 16px; }

input.submit:hover { background: #76b347;
background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a));
background: -moz-linear-gradient(top, #86c755, #5ea12a);
border-color: #53961e;
-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;  }


fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; font: 14px  Arial, Helvetica, Geneva, sans-serif; color: #79AADA;
}

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url("assets/error.gif") no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url("assets/success.gif") left no-repeat; padding-left:22px; }
#download-container { position: absolute; z-index:999;margin:340px 0 0 10px; width: 450px; }
#download-container p {font: 12px Arial, Helvetica, Geneva, sans-serif; color: #666; margin: 0px 0px 5px 8px;}
.ups-container { width: 300px;  height: 100px; float: right; margin: 0px 30px 0px 0px;}
.ups-logo {background: url("../img/ups.png") no-repeat scroll 0 0 transparent; width: 85px; height: 100px; float: left;}