/* CSS Document 

Color Style Guide:

Blue ==> #00CCFF

Light Green/Gray ==> #A5BAAC

Orange     ==> #F7931E

Dark Grey  ==> #718076

*/

/**Import Fonts**/

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

}

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

}

* {
    margin: 0;
    padding: 0;
}

html > body { 
		background: url('../images/bg.png') #CECFCE no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		color: #BBB;
		font-family: CenturyGothicRegular, Verdana, Arial, Tahoma, Helvetica, sans-serif;
		font-size: 69%;
}

p {
		font-weight: normal;
}

a {	text-decoration: none; color: #00CCFF; /*color: #BBB;*/ }

a:hover { text-decoration: underline; /*color: #00CCFF;*/ }

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

main {
	  margin: 20px auto 0;
	  width: 990px;
		height: 785px;
		border: 1px solid #CECFCE;
		background-color: #FFF;
		-webkit-border-radius: 3px;		
		-moz-border-radius: 3px;
		border-radius: 3px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
		margin: auto;
		display: block;
}



header {
    float: left;
		background: #FFF url('../images/sylogo.png') no-repeat scroll 30px 23px;	
		width: 847px;
}

.logo {
		/*background: transparent url('../images/sybanner.png') no-repeat scroll left top;
		float: left;*/
		margin: 35px 31px 25px 112px;
}

/*.logo h1, .logo h2 {
    width: 404px;
	color: #BDBABD;
    display: block;
    font: 24px/26px 'horatiodmedregular',Verdana,Arial,San Serif;
		text-indent: -7000px;		
}*/

.logo h1, .logo h2 {
    /*width: 404px;*/
    color: #BDBABD;
    display: block;	
}

.logo h1 {
    font: 32px/33px 'horatiodmedregular',Verdana,Arial,San Serif;
    letter-spacing: 18px;
    height: 28px;		
}

.logo h1 span {
    color: #00CCFF;
}

.logo h2 {
    color: #BDBABD;
    font: 16px/17px 'CenturyGothicRegular', Verdana, Geneva, sans-serif;
    letter-spacing: .1985rem;		
}

.contact {
    margin: 0;
		padding: 0;
    width: 84px;
		height: 23px;
    float: right;
		visibility: hidden;
}

.contact ul {
    margin: 0;
    padding: 0;
}

.contact ul li {
    float: left;
    list-style: none outside none;
    margin: 0 4px 0 0;
}

.contact ul li > a {
    display: block;
    width: 24px;		
    height: 23px;
}

.contact ul li > a {
		background: transparent url('../images/icon-contact.png') no-repeat scroll 0 0;
		display: block;
    width: 24px;		
    height: 23px;
}

.contact ul li > a.about { background-position: 0 0; }
.contact ul li > a.about:hover { background-position: 0 -23px; }
.contact ul li > a.resume { background-position: -24px 0; }
.contact ul li > a.resume:hover { background-position: -24px -23px; }
.contact ul li > a.home { background-position: -48px 0; }
.contact ul li > a.home:hover { background-position: -48px -23px; }

.contact ul li span {
    display: none;
}

/* FROM DLL MAP */

:focus { outline: 0; }
:focus { outline: none; }
*::-moz-focus-inner { border: none; }

/* ===== START CONTENT CONTAINER SECTION ===== */

.tab_nav {
	position: relative; /* Allows other elements within this div to use absolute positoning */
	top: -5px;
	left: 0;
	margin: 0 32px;
	padding: 0;
	width: 925px;
}

section { /* wraps the tabs, tab_container and tab_content */
	position: relative; /* Enables containers within this div to use absolute positioning */
	top: 0;
	left: 0;
	clear: both;
	margin: 0 2px 0 0;
	padding: 0;
	width: 923px;
	height: 600px;
	overflow: hidden;
	border: 1px solid #EFEFEF;
	font-size: 1em;
	background-color: transparent;
}

/* ===== START TABS SECTION ===== */

ul.tabs {
	float: right;
	/*margin: 0 0 -1px 4px;
	padding: 0; /* Keep this padding at 0px*/
	list-style: none;
	/*height: 22px; /* Sets height of tabs */
}

ul.tabs li {
	float: left;
	position: relative;
	/*height: 22px; /* Subtract 1px from the height of ul#tabs */
	border-bottom: none;
	margin: 0 0 -2px 4px; /*  separates the tabs by 2px and pulls the list items down 1px */
	padding: 0;
	overflow: hidden;
	z-index: 2;
	/*width: 252px;*/
}

ul.tabs li.web, ul.tabs li.print {
	width: 252px;
}

ul.tabs li.print { margin-right: 15px; }

ul.tabs li a {
	background: none repeat scroll 0 0 #EFEFEF;
  color: #9C9E9C;
	display: block;
	font: normal 12px/13px 'CenturyGothicRegular', Verdana, Geneva, sans-serif;
	padding: 9px 9px 10px;
	text-align: center;
	outline: none;
  border-color: #EFEFEF #EFEFEF #FFFFFF;
  border-style: solid;
  border-width: 1px;
	text-decoration: none;	
}

ul.tabs li a:hover { text-decoration: underline; color: #00CCFF; }

ul.tabs li a.current {
	background: #fff;
	color: #616161;
	text-decoration: none;
	cursor: default;
}

html ul.tabs li.active, html ul.tabs li.active a:hover { /* Makes sure that the active tab does not listen to the hover properties */
	background: #76A5B6;
	border-bottom: 1px solid #fff; /* Makes the active tab looks like it's connected to its content */
}


/* ===== LIGHTBOX OVERLAY AREA SECTION ===== */

#jquery-overlay{
	height: 6000px !important;
}

/* ===== AD DESCRIPTION SECTION ===== */

.ad-descripton-url a { color: #00CCFF; }

/* ===== COPYRIGHT AND DISCLAIMER ===== */

footer { height: 20px; margin-top: 1px; }
.copyright { float: left; width: 550px; }
.email_phone { float: right; width: 300px; }
.email_phone p { text-align: right;}
.email_phone a { color: #BBB;}
.email_phone a:hover { color: #00CCFF;}