html {overflow-y: scroll;}
body {margin: 0px; padding: 0px; background: #000;}
body ,div ,td {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: #eee;}


.caprasimo-regular {
  font-family: "Caprasimo", serif;
  font-weight: 400;
  letter-spacing: 1px;
}

.caprasimo-wide {
  font-family: "Caprasimo", serif;
  font-weight: 400;
  letter-spacing: 5px;
}

.orange {color: #efaf17;}

#overlay {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0.7);}

#overlay_content {
width: 750px;
background: #fff;
position: relative;
top: 170px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

#overlay_nav {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(255,255,255,0.9);}
#overlay_nav_content {
position: relative;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;

}

.overlay_close {top: -21px; right: -21px;}

.site {margin: 0px auto 0px auto; width: 1200px; height: 760px; background: #eee;}
div.m_site {display: none;}

#header {margin: 0px auto 0px auto; width: 1100px; height: 190px; font-family: 'Roboto Condensed', sans-serif;}
.header_name {font-size: 42px;}

.navtop_button {font-size: 24px; padding: 0px 10px; color: #7ac0f6; font-family: "Caprasimo", serif; font-weight: 400; letter-spacing: 1px;}
.navtop_button_over {font-size: 24px; padding: 0px 10px;  font-family: "Caprasimo", serif; font-weight: 400; letter-spacing: 1px; color: #fff;}

#logo {}

#footer {margin: 0px auto; width: 1200px; height: 100px;}

.title {font-size: 20px; font-weight: bold;}

.team_photo {border: 6px solid #fff;}
.team_photo_over {border: 6px solid #c33;}
.team_title {margin-top: 4px; font-size: 19px; font-weight: bold; text-align: center;}
.team_title_left {margin-top: 4px; font-size: 22px; font-weight: bold;}

.quotebox {background: #eee; cursor: pointer; cursor: hand;}
.quotebox_over {background: #6fd3cd; cursor: pointer; cursor: hand;}

.mobile_nav_button {margin: 0px auto; height: 42px; width: 300px; font-size: 22px; line-height: 42px; text-align: center; background: #c22127; color: #fff;}


/*Responsive settings*/
@media only screen and (max-width: 600px) {

div.m_site {display: block;}
div.site {display: none;}

}

/*Common Styles*/
.rel {position: relative;}
.abs {position: absolute;}

label, .link, .hand {cursor: pointer; cursor: hand;}
a:link, a:visited {color: #efaf17; text-decoration: none;}

.link {border-bottom: dotted 1px;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}

.text_small {font-size: 11px;}
.text_tiny {font-size: 10px;}
.text_gray ,.text_grey {color: #666;}
.text_white {color: #fff;}
.text_big ,.text_large {font-size: 14px;}

strong ,.bold {font-weight: bold;}
.italic ,.italics {font-style: italic;}
.strike {text-decoration: line-through;}

form {margin: 0px; padding: 0px;}
.label_top {}
.label_left {vertical-align: middle; padding: 0px 8px 0px 0px; font-size: 12px; color: #666;}
.label_left_top {vertical-align: top; padding: 2px 8px 0px 0px; font-size: 12px; color: #666;}
.label_radio {vertical-align: middle; padding: 0px 0px 0px 0px; font-size: 13px;}
.label_checkbox {vertical-align: middle; padding: 0px 0px 0px 2px; font-size: 13px; color: #666;}
.complete_link {padding: 7px 0px 0px 0px;}


.edit_over {color: #f9e437;}
.edit_none {color: #fff;}

.ico_calendar {margin: 2px 0px 0px 0px;}

.textbox {padding: 4px; font-size: 16px;}
.textbox_small_text {padding: 3px; font-size: 14px;}
	.name {width: 160px;}
	.name_supershort {width: 80px;}
	.name_short {width: 130px;}
	.name_med {width: 190px;}
	.name_long {width: 300px;}
	.name_extralong {width: 380px;}
	.server_name {width: 110px;}
	.amount, .SAPassword {width: 90px;}
	.date {width: 88px;}
	.state {width: 34px;}
	.zip {width: 55px;}
	.ssn_last_4 {width: 38px;}
	.single_char {width: 16px;}
	.number {text-align: right; padding-right: 10px;}
	.email {width: 300px;}
	.ssn_full {width: 94px;}
	.phone {width: 160px;}
	.dollar {width: 80px; text-align: right; padding-right: 10px;}
	
	.comments {width: 300px; height: 100px;}

/* Green button start */
.button {background: #009903; color: #fff; padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand;}

.button {
 background: #b6e026; /* Old browsers */
 background: -moz-linear-gradient(top, #b6e026 0%, #89bf24 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#89bf24)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* IE10+ */
 background: linear-gradient(top, #b6e026 0%,#89bf24 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#89bf24',GradientType=0 ); /* IE6-9 */
 border: 1px solid #89bf24;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 font-size: 12px; 
 text-decoration:none;
 
    font-size:15px;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #a0f7ae;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
/* Green button end */

.blue_button {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #7ac0f6 5%, #0688fa 100%);
	background-color:#7ac0f6;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.blue_button:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #7ac0f6 100%);
	background-color:#0688fa;
}
.blue_button:active {
	position:relative;
	top:1px;
}



.button_red {}


.site_corners {
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
 	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
 	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.round_corners_3 {
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
 	-webkit-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
 	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
 	-webkit-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.round_corners_5 {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.round_corners_5_top {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
 	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
 	-webkit-border-top-left-radius: 5px;
}

.round_corners_5_btm {
	border-bottom-right-radius: 5px;
 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
 	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.round_corners_10_left {
	border-top-left-radius: 10px;
 	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.round_corners_10_btm {
	border-bottom-right-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}