@charset "utf-8";
/*========================================================================*/
/* DEFAULT WEBSITE STYLES */
a,a:visited {text-decoration: none; color: #096578; font-size: 13px; font-family: Century Gothic, Arial, Helvetica, sans-serif; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #74e8fd; outline: none;}

html {
	scrollbar-base-color: #17b8c4; scrollbar-arrow-color: #ffffff; scrollbar-face-color: #17b8c4;
	background-color: #000000; background-image: url('../images/home-bg.jpg'); background-position: center top;
	background-repeat: no-repeat; background-attachment: fixed;
	height: 100%; width: 100%; padding: 0px; margin: 0px;
	/*background-size: cover;*/
}
body {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 13px; color: #096578; overflow-y: scroll; margin: 0px; padding: 0px; height: 100%; width: 100%;}
td {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;}
div {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 13px;}
p {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 13px;}
form,h1,h2,h3,h4,h5,h6 {padding: 0px; margin: 0px;}
img {display: block; border: none;}
/*========================================================================*/
/* DEFAULT HEADING STYLES */
h1 {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 22px; color: #ffffff; font-weight: bold;}
h2 {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; font-weight: bold;}
h3 {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 18px; color: #096578; font-weight: bold;}

span.style1{font-family: 'OpenSansCondensedLight', Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff;}
span.style2{font-family: 'OpenSansCondensedLight', Arial, Helvetica, sans-serif; font-size: 24px; color: #000000;}
span.style3{font-family: 'OpenSansCondensedBold', Arial, sans-serif; font-size: 26.51px; color: #000000; text-shadow: 1px 1px 5px #606060;}
span.style4{font-family: Century Gothic, Arial, sans-serif; font-size: 18px; color: #096578; font-weight: bold;}
span.style5{font-family: Century Gothic, Arial, sans-serif; font-size: 18px; color: #ffffff; font-weight: bold;}
/*========================================================================*/
/* DEFAULT FORM FIELD STYLES */
input[type="text"],input[type="password"],textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	background: none; border: none; color: #333; padding: 5px; margin: 0px; outline: none;
	background-color: #ffffff; border: solid 1px #000000;
	-ms-border-radius:     7px;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	-o-border-radius:      7px;
	border-radius:         7px;
}
input[type="text"]:hover,input[type="password"]:hover,textarea:hover {border: solid 1px #aaa; outline: none;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {background-color: #faffbd; border: solid 1px #eab03f; outline: none;}

textarea {overflow: auto; display: block;}

select {
	background: none; border: none; cursor: pointer;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 13px;
	background: none; border: none; color: #333; padding: 5px; margin: 0px; outline: none;
	background-color: #eee; border: solid 1px #ccc;
	-ms-border-radius:     7px;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	-o-border-radius:      7px;
	border-radius:         7px;
}
select:hover {border: solid 1px #aaa; outline: none;}
select:focus {background-color: #faffbd; border: solid 1px #eab03f; outline: none;}

input[type="checkbox"],input[type="radio"] {cursor: pointer;}

input[type="submit"],input[type="button"] {
	cursor: pointer; background: none; border: none; padding: 5px; margin: 0px; display: inline-block; outline: none;
	background-image: url('../images/bg_button.jpg'); background-position: center center; background-repeat: repeat-x;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; line-height: 14px; font-size: 18px; color: #ffffff;
	background-color: #00c9ed; border: solid 1px #33474a;
	-ms-border-radius:     7px; -ms-box-shadow:     0px 1px 2px #000000;
	-moz-border-radius:    7px; -moz-box-shadow:    0px 1px 2px #000000;
	-webkit-border-radius: 7px; -webkit-box-shadow: 0px 1px 2px #000000;
	-o-border-radius:      7px; -o-box-shadow:      0px 1px 2px #000000;
	border-radius:         7px; box-shadow:         0px 1px 2px #000000;
}
input[type="submit"]:hover,input[type="button"]:hover {outline: none; color: #33474a; border: solid 1px #33474a;}
input[type="submit"]:focus,input[type="button"]:focus {outline: none; color: #33474a; border: solid 1px #33474a;}
/*========================================================================*/
/* TEMPLATE CLASSES */
a.button,a.button:visited {
	cursor: pointer; text-decoration: none; padding: 5px; margin: 0px; display: inline-block; outline: none;
	background-image: url('../images/bg_button.jpg'); background-position: center center; background-repeat: repeat-x;
	font-family: Century Gothic, Arial, Helvetica, sans-serif; text-align: center; line-height: 14px; font-size: 14px; color: #ffffff;
	background-color: #1864ba; border: solid 1px #1864ba;
	-ms-border-radius:     7px; -ms-box-shadow:     0px 1px 2px #000000;
	-moz-border-radius:    7px; -moz-box-shadow:    0px 1px 2px #000000;
	-webkit-border-radius: 7px; -webkit-box-shadow: 0px 1px 2px #000000;
	-o-border-radius:      7px; -o-box-shadow:      0px 1px 2px #000000;
	border-radius:         7px; box-shadow:         0px 1px 2px #000000;
}
a.button:hover,a.button:visited:hover {text-decoration: none; outline: none; color: #56a5ff; border: solid 1px #56a5ff;}

div.form-result {/* Contact form result container */
	position: absolute; display: block;
	min-width: 15px; min-height: 15px;
	background-position: center center; background-repeat: no-repeat;
}

img.loading-img {/* Rounding / smoothing loader images on form results and other places */
	padding: 3px;
	background-color: #ffffff; border: solid 1px #ffffff;
	-ms-border-radius:     5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	-o-border-radius:      5px;
	border-radius:         5px;
}

td.bot {height: 48px; vertical-align: middle; text-align: left; font-size: 11px; font-family: Century Gothic, Arial, Helvetica, sans-serif; color: #ffffff; background-image: url('../images/copyright-bg.png');}
a.bot,a.bot:visited {text-decoration: none; font-size: 13px; color: #ffffff; font-weight: normal; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
a.bot:hover,a.bot:visited:hover {text-decoration: none; font-size: 13px; color: #74e8fd; font-weight: normal;}
/*========================================================================*/
/* SITE-SPECIFIC CLASSES */
input[type="text"].date-field {/* Date selection field (Calendar Input) */
	width: 70px; padding-left: 22px; background-image: url('../images/but_cal.png'); background-position: left center; background-repeat: no-repeat;
}
.copyrightLink, .copyrightLink:visited               {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 13px; font-family: Century Gothic, Arial, sans-serif; outline: none; padding: 5px;}
.copyrightLink:hover, .copyrightLink:visited:hover   {text-decoration: none; color: #74e8fd; font-weight: normal; outline: none;}

.menuLink, .menuLink:visited               {text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 26.51px; font-family: 'OpenSansCondensedBold', Arial, sans-serif; outline: none; padding: 5px;}
.menuLink:hover, .menuLink:visited:hover   {text-decoration: none; color: #74e8fd; font-weight: normal; outline: none;}

.contactLink, .contactLink:visited               {text-decoration: none; color: #FFFFFF; font-weight: normal; background-image: url('../images/contact.png'); width: 179px; height: 239px;}
.contactLink:hover, .contactLink:visited:hover   {text-decoration: none; color: #000000; font-weight: normal; outline: none; background-image: url('../images/contact_overstate.png');}

.portfolioLink, .portfolioLink:visited               {text-decoration: none; color: #FFFFFF; font-weight: normal; background-image: url('../images/portfolio.png'); width: 269px; height: 341px;}
.portfolioLink:hover, .portfolioLink:visited:hover   {text-decoration: none; color: #000000; font-weight: normal; outline: none; background-image: url('../images/portfolio_overstate.png');}

.profileLink, .profileLink:visited               {text-decoration: none; color: #FFFFFF; font-weight: normal; background-image: url('../images/profile.png'); width: 227px; height: 281px;}
.profileLink:hover, .profileLink:visited:hover   {text-decoration: none; color: #000000; font-weight: normal; outline: none; background-image: url('../images/profile_overstate.png');}

.musicPic{max-height: 200px; max-width: 200px;}
/*========================================================================*/
.mediaLink {background-image: url('../images/social-media-bubble.png'); width: 255px; height: 287px; color: #FFFFFF;}
.disclaimer-heading {background-image: url('../images/disclaimer-heading-bg.png'); width: 1002px; height: 71px;}
.white-bg {background-image: url('../images/main-bg.png'); width: 1002px;}
.privacy-heading {background-image: url('../images/privacy-heading-bg.png'); width: 1002px; height: 71px;}
.profile-heading {background-image: url('../images/profile-heading-bg.png'); width: 1002px; height: 57px;}
.grey-bg {background-image: url('../images/grey-bg.png'); width: 1002px; height: 223px;}
.portfolio-heading {background-image: url('../images/portfolio-heading-bg.png'); width: 1002px; height: 71px;}
.contact-heading {background-image: url('../images/contact-heading-bg.png'); width: 1002px; height: 71px;}

.white-text {color: #FFFFFF;}