/* CSS for Total Spectrum / Steve Gordon and Associates  */
@font-face {
    font-family: 'JunctionRegular';
    src: url('/fonts/junction_02-webfont.eot');
    src: url('/fonts/junction_02-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/junction_02-webfont.woff') format('woff'),
         url('/fonts/junction_02-webfont.ttf') format('truetype'),
         url('/fonts/junction_02-webfont.svg#JunctionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('/fonts/league_gothic-webfont.eot');
	src: local('?'), 
	url('/fonts/league_gothic-webfont.woff') format('woff'), 
	url('/fonts/league_gothic-webfont.ttf') format('truetype'), 
	url('/fonts/league_gothic-webfont.svg#webfontEmjuCZpu') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}
body {
  font: 62.5% 'JunctionRegular',Trebuchet MS, Arial, Verdana, sans-serif; /* 62.5% resets 1em to the equivalent of 10px across all browsers making font changes easier */
	color: #747474;
	background: #F9F9F9 url('/images/newmeBg.jpg') repeat-x 0 10px ;
	
}
/* Global Styles */

a, a:link { color: #c22952; text-decoration: underline;}
a:hover { text-decoration: none; }
a:active, a:focus {
position: relative;
top: 1px;
}

a.fancybox-nav:active, a.fancybox-nav:focus  {
position: absolute;
}

h1 {
	color: #21689f;
	font-family: 'JunctionRegular', Trebuchet MS;
	font-weight: 400;
	line-height: 15px;

}
h2 {
	color: #21689f;
	font-weight: 600;
	font-size: 20px;
	text-shadow: 1px 1px 1px 	#ffffff;
	 font-family: 'LeagueGothicRegular';
	 font-weight: 400;
}
h3 {
	color: #333;
	font-weight: 400;
	font-size: 1.3em;
	margin: 45px 0 15px 0;
}

table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { margin: 0 0 10px 0; padding: 0; }
hr { margin: 0 0 15px 0; padding: 0; border: 1px solid #000000; }

.l, .alignleft { float: left; }
.r, .alignright{ float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 so we use .11 beacuse it's so different */
.large { font-size: 1.2em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

img { border: 0; }
img.l, img.alignleft { margin: 0 20px 15px 0; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 5px 4px #dbdbdb;
-moz-box-shadow: 0px 0px 5px 4px #dbdbdb;
box-shadow: 0px 0px 5px 4px #dbdbdb; }
img.r, img.alignright { margin: 0 0 15px 20px;  }

.email_confirm, .hide, .hideme { display: none; }


/* Site Colors */

.black { color: #000000; }
.gray, .grey { color: #666666; }
.white { color: #FFFFFF; }
.red {
color: #c22952;
}
body#index header {
width: 500px;

}
::selection {
        background: #ffb7b7; /* Safari */
        }
::-moz-selection {
        background: #ffb7b7; /* Firefox */
}
header {
	/* border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;*/

	margin: 70px auto 15px auto;
padding: 15px;
}
#intro {
	margin: 60px auto 200px auto;
	width: 550px;
	padding: 40px;
	-webkit-box-shadow: inset 0px 0px 10px 10px #f0f0f0;
	-moz-box-shadow: inset 0px 0px 10px 10px #f0f0f0;
	box-shadow: inset 0px 0px 10px 10px #f0f0f0; 
	border: 1px solid #fff;
	font-size: 2em;
	letter-spacing: -1px;
}
#introPort {
	margin: 20px auto 20px auto;
	width: 1080px;
	font-size: 15px;
	padding: 40px;
	line-height: 21px;
}
.hello {
font-size: 70px;
    font-family: 'JunctionRegular';
		letter-spacing: -5px;
		color: #21689f;
}
.social {
	width: 550px;
	margin: 0 auto 15px auto;
	font-size: 12px;
}
.social a{
	margin-right: 5px;
}
footer {
	letter-spacing: -1px;
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

section {
	margin: 0 auto;
	width: 1080px;
	border: 1px solid #fff;
	-webkit-box-shadow: inset 0px 0px 10px 10px #f0f0f0;
	-moz-box-shadow: inset 0px 0px 10px 10px #f0f0f0;
	box-shadow: inset 0px 0px 10px 10px #f0f0f0; 
}

img.me {
	-webkit-box-shadow: 0px 0px 10px 10px #f0f0f0;
	-moz-box-shadow: 0px 0px 10px 10px #f0f0f0;
	box-shadow: 0px 0px 10px 10px #f0f0f0; 
	width: 400px;
	float: right;
	margin-left: 95px;
	border: 1px solid #fff;
}
.slide {
	float: left;
	width: 500px;
	position: relative;
	padding:40px 0 40px 40px;

}
#controls001 a, #controls01 a, #controls02 a, #controls03 a, #controls04 a, #controls05 a, #controls06 a, #controls07 a, #controls08 a, #controls09 a, #controls10 a, #controls11 a, #controls12 a, #controls015 a, #controls016 a {
font-size: 20px;
text-decoration: none;
margin-right: 3px;
}
a.activeSlide {
color: #21689F;
}

#rotateMe001 img, #rotateMe01 img, #rotateMe02 img, #rotateMe03 img, #rotateMe04 img, #rotateMe05 img, #rotateMe06 img, #rotateMe07 img, #rotateMe08 img, #rotateMe09 img, #rotateMe10 img, #rotateMe11 img, #rotateMe12 img, #rotateMe013 img, #rotateMe014 img, #rotateMe015 img,#rotateMe016 img {
border: 1px solid #fff;
-webkit-box-shadow: 0px 0px 10px 10px #f0f0f0;
-moz-box-shadow: 0px 0px 10px 10px #f0f0f0;
box-shadow: 0px 0px 10px 10px #f0f0f0; 
width: 400px;
height: 323px;
}
#rotateMe001 img:hover, #rotateMe01 img:hover, #rotateMe02 img:hover, #rotateMe03 img:hover, #rotateMe04 img:hover, #rotateMe05 img:hover, #rotateMe06 img:hover, #rotateMe07 img:hover, #rotateMe08 img:hover, #rotateMe09 img:hover, #rotateMe10 img:hover, #rotateMe11 img:hover , #rotateMe12 img:hover, #rotateMe013 img:hover , #rotateMe014 img:hover , #rotateMe015 img:hover, #rotateMe016 img:hover {
position: relative;
top: -3px;
-webkit-box-shadow: 0px 7px 10px 10px #eaeaea;
-moz-box-shadow: 0px 7px 10px 10px #eaeaea;
box-shadow: 0px 7px 10px 10px #eaeaea; 

}
#rotateMe001,#rotateMe01, #rotateMe02, #rotateMe03, #rotateMe04, #rotateMe05, #rotateMe06, #rotateMe07, #rotateMe08, #rotateMe09, #rotateMe10, #rotateMe11 , #rotateMe12 , #rotateMe013 , #rotateMe014 , #rotateMe015 , #rotateMe016  {
min-height:330px;
height:auto !important;
height: 330px;
margin-top: 20px;
}

.disclaimer {
padding: 60px;
font-size: 14px;
color: #ccc;
}