@charset "UTF-8";
/* CSS Document */

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
#container_small {
	height: 228px;
	width: 348px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -114px;
	margin-left: -174px;
	padding-right: 20px;
	padding-left: 20px;
}
#container_credits {
	height: 100%;
	width: 600px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -300px;
	padding-right: 20px;
	padding-left: 20px;
}
#frame {
	position: absolute;
	height: 189px;
	width: 348px;
	left: 0px;
	top: 19px;
	background-image: url(content/images/film_strip.svg);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1.0;

  /* Safari 1.x */
  -khtml-opacity: 1.0;

  /* Good browsers */
  opacity: 1.0;
}
#frame2 {
	position: absolute;
	height: 179px;
	width: 243px;
	left: 52px;
	top: 24px;
	background-size: 243px 179px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	background-image: url(content/images/portrait_cowboy.jpg);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1.0;

  /* Safari 1.x */
  -khtml-opacity: 1.0;

  /* Good browsers */
  opacity: 1.0;
}
#frame_tint {
	position: absolute;
	height: 179px;
	width: 243px;
	left: 52px;
	top: 24px;
	background-size: 243px 179px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	background: #3c4c67;
}
#frame_text {
	position: absolute;
	height: 179px;
	width: 243px;
	left: 52px;
	top: 24px;
	margin-left: 14px;
}
.about_text2 {
	margin-top: -6px;
}
.body_texture {
	background-image: url(content/images/blue_texture_bg.jpg);
	background-size: 200px 200px;
	background-repeat: repeat;
}
.body_about {
	font-family: "MyriadPro-Light";
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	text-indent: 0px;
	color: #ffffff;
	letter-spacing: 0.02em;
}
#address {
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 4px;
	left: 78px;
	top: 32px;
}
#phone {
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 4px;
	left: 62px;
	top: 102px;
}
#phone a:link {
	color: #ffffff;
}
#phone a:visited {
	color: #ffffff;
}
#phone a:hover {
	color: #000000;
}
#phone a:active {
	color: #ffffff;
}
#email {
	font-family: "MyriadPro-Light";
	font-size: 14px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 4px;
	left: 58px;
	top: 136px;
}
#email a:link {
	color: #ffffff;
}
#email a:visited {
	color: #ffffff;
}
#email a:hover {
	color: #000000;
}
#email a:active {
	color: #ffffff;
}
#header {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 25.5px;
	left: 0px;
	top: -2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}
#header_animated {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 25.5px;
	left: 0px;
	top: 2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}
#header_resumes {
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 14px;
	left: 27px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	top: 25px;
}
#footer {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 5.05px;
	left: 0px;
	top: 207px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}
#home_button {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 0px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
}
#home_button a:link {
	color: #ffffff;
}
#home_button a:visited {
	color: #ffffff;
}
#home_button a:hover {
	color: #000000;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#home_button a:active {
	color: #ffffff;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#home_button_inactive {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 0px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.15);
}
#about_button {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 85px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
}
#about_button a:link {
	color: #ffffff;
}
#about_button a:visited {
	color: #ffffff;
}
#about_button a:hover {
	color: #000000;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#about_button a:active {
	color: #ffffff;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#about_button_inactive {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 85px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.15);
}
#credits_button {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 180px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
}
#credits_button a:link {
	color: #ffffff;
}
#credits_button a:visited {
	color: #ffffff;
}
#credits_button a:hover {
	color: #000000;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#credits_button a:active {
	color: #ffffff;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#credits_button_inactive {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 180px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.15);
}
#contact_button {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 286px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
}
#contact_button a:link {
	color: #ffffff;
}
#contact_button a:visited {
	color: #ffffff;
}
#contact_button a:hover {
	color: #000000;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#contact_button a:active {
	color: #ffffff;
	font-family: MyriadPro-Regular;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	left: -1px;
	letter-spacing: 2%;
}
#contact_button_inactive {
	font-family: MyriadPro-Light;
	text-transform: uppercase;
	font-size: 14px;
	left: 286px;
	top: 209px;
	position: absolute;
	white-space: nowrap;
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.15);
}
#short_icon {
	left: 36px;
	top: 51px;
	position: absolute;
	height: 58px;
	width: 45px;
}
#full_icon {
	left: 116px;
	top: 50px;
	position: absolute;
	height: 115px;
	width: 87px;
}
#box_shadow {
	background-color: rgba(0, 0, 0, 0);
	height: 6px;
	width: 350px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -50%);
	box-shadow: 0 180px 20px 0px rgba(0, 0, 0, 0.35);
}
#gradient {
	background: -webkit-linear-gradient(top,  #5e77a2,#3a4a65,#5e77a2);
	margin: 0px;
	height: 100%;
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#texture_bg {
	background-image: url(content/images/blue_texture_bg.jpg);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0.2;
    filter: alpha(opacity=20);
}


.text-blockUI-container {
    position: relative;
}

.animated {
    animation-duration: 2s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-out; 
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 25.7px;
	left: -21px;
	top: -2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}

.text-blockUI-fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 25.7px;
	left: -21px;
	top: -2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}

.text-blockUI {
	opacity: 0;
	-webkit-animation: fadeInOut 8s 4s infinite;
	animation: fadeInOut 8s 4s infinite;
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 25.7px;
	left: -21px;
	top: -2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}

.text-blockUI-2 {
	-webkit-animation: fadeInOut 8s infinite;
	animation: fadeInOut 8s infinite;
	font-family: "MyriadPro-Light";
	text-transform: uppercase;
	font-size: 21px;
	line-height: 26px;
	color: #ffffff;
	letter-spacing: 3.6px;
	left: -21px;
	top: -2px;
	position: absolute;
	white-space: nowrap;
	word-spacing: 3px;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 

.fadeOut { 
    animation-name: fadeOut; 
}

body {
	background-color: #5E77A2;
}


@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Regular.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Regular.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Light';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Light.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Light.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Light.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Cond.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Cond.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Cond.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-SemiBoldSemiCn';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-SemiboldSemiCn.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-SemiboldSemiCn.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-SemiboldSemiCn.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-SemiboldSemiCn.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-SemiboldSemiCn.svg#MyriadPro-SemiBoldSemiCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-SemiBold';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Semibold.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Semibold.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-Semibold.svg#MyriadPro-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-LightSemiCn';
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-LightSemiCn.eot');
    src: url('http://www.ronbahara.com/content/fonts/MyriadPro-LightSemiCn.eot?#iefix') format('embedded-opentype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-LightSemiCn.woff') format('woff'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-LightSemiCn.ttf') format('truetype'),
         url('http://www.ronbahara.com/content/fonts/MyriadPro-LightSemiCn.svg#MyriadPro-LightSemiCn') format('svg');
    font-weight: normal;
    font-style: normal;
}