/* RESET */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
input:focus, textarea:focus {
	outline:none;
}

img, div {
	behavior: url(iepngfix.htc) 
}
/* STANDARD RIGHT LEFT BOLD ETC STUFF */

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
.italic {
	font-style: italic;
}
.greenText {
	color: #006600;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
}
body {
	background-color: #000000;
	background-image: url(images/BG1.jpg);
	background-position: top;
	display: table;
	width: 100%;
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:link, a:visited {
	color: #7C9CA8;
	text-decoration: none;
}
a:hover {
	color: #93B8C7;
	text-decoration: none;
}
#wrapper {
	width: 100%;
	height: 534px;
	background-image: url(images/swoops.gif);
	background-repeat: no-repeat;
	background-position: center 142px;
}
#container {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
#interiorContainer {
	height: 332px;
	margin-top: 22px;
	position: relative;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 155px;
	position: relative;
}
#header ul {
	list-style-type: none;
}
#header li {
	display: inline;
	text-transform: capitalize;
}
#header ul li a {
	text-decoration: none;
	font-size: 19px;
	color: #FFFFFF;
	font-style: italic;
	letter-spacing: -1px;
}
#header ul li a:visited {
	text-decoration: none;
	font-size: 19px;
	color: #FFFFFF;
	font-style: italic;
	letter-spacing: -1px;
}
#header ul li a:hover {
	color: #CCCCCC;
	background-image: url(images/mainNav_Over.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#logo {
	height: 164px;
	width: 261px;
	position: absolute;
	background-image: url(images/logoHolder.png);
	background-repeat: no-repeat;
	background-position: center top;
	left: 347px;
	top: 0px;
	text-indent: -9999px;
}
#logo a {
	display: block;
	height: 164px;
	width: 261px;
	background-image: url(images/Satory_Designs_logo.gif);
	background-repeat: no-repeat;
	background-position: center 80px;
}
#logo a:hover {
	background-image: url(images/Satory_Designs_logo2.gif);
	background-repeat: no-repeat;
	background-position: center 67px;
}
#navL {
	float: left;
	height: 148px;
	margin-left: 70px;
	display: inline;
}
#navL a {
	display: block;
	width: 120px;
	float: left;
	text-align: center;
	height: 83px;
	padding-top: 65px;
}
#navR {
	float: right;
	height: 148px;
	margin-right: 80px;
}
#navR a {
	display: block;
	width: 120px;
	float: right;
	text-align: center;
	height: 83px;
	padding-top: 65px;
}
#rotatingGraphics {
	height: 312px;
	margin-top: 30px;
}
#footer {
	text-align: center;
	position: relative;
}
#footer ul {
	list-style-type: none;
	padding-left: 11px;
}
#footer li {
	color: #999999;
	letter-spacing: -1px;
	font-size: 13px;
	font-style: italic;
	display: inline;
	padding-right: 8px;
}
#footer li a {
	color: #FFFFFF;
}
#footer p {
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	letter-spacing: -1px;
}
#footerTag {
	width: 241px;
	background-image: url(images/footerTag.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	height: 125px;
	padding-top: 36px;
}
.breadcrumbs {
	font-size: 16px;
	position: absolute;
	left: 74px;
	top: 50px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: normal;
}
.breadcrumbs a {
	color: #787474;
	text-decoration: none;
}
div.scroller {
	width: 855px;
	height: 350px;
	overflow: hidden;
	position: absolute;
	z-index: 1000;
	left: 55px;
	top: -16px;
}
div.scroller div.section {
	width:855px;
	height:353px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}
div#section1 {
}
div#section2 {
}
div#section3 {
}
.before {
	display: block;
	height: 49px;
	width: 41px;
	position: absolute;
	text-indent: -9999px;
	left: 0px;
	top: 130px;
}
.before a {
	display: block;
	height: 49px;
	width: 41px;
	background-image: url(images/arrowL.jpg);
}
.before a:hover {
	display: block;
	height: 49px;
	width: 41px;
	background-image: url(images/arrowL_over.jpg);
	background-repeat: no-repeat;
}
.after {
	display: block;
	height: 49px;
	width: 41px;
	position: absolute;
	text-indent: -9999px;
	right: 0px;
	top: 130px;
}
.after a {
	display: block;
	height: 49px;
	width: 41px;
	background-image: url(images/arrowR.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.after a:hover {
	display: block;
	height: 49px;
	width: 41px;
	background-image: url(images/arrowR_over.jpg);
	background-repeat: no-repeat;
}
.portfolioPreview {
	float: left;
	width: 247px;
	padding-right: 18px;
	padding-left: 18px;
	background-image: url(images/previewShadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.portfolioPreview img {
	padding-top: 13px;
}
.portfolioPreview h3 {
	font-size: 17px;
	font-weight: normal;
	text-transform: capitalize;
	margin-top: 11px;
	letter-spacing: -1px;
}
.portfolioPreview p {
	font-size: 15px;
	letter-spacing: -1px;
}
.portfolioPreview a {
	display: block;
	margin-top: 5px;
}
a.whiteLinks:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLinks:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLinks:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.grayText {
	color: #787474;
}
#featured {
	margin:10px 0 40px 0;
}
/* Common Scroller Styles */

.roundabout-holder {
	list-style:none;
	width:500px;
	height:300px;
	margin:0px auto;
}
.roundabout-moveable-item {
	font-size:12px!important;
	height:300px;
	width:600px;
	cursor:pointer;
	padding:5px;
	border:1px solid #aaaaaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#f9f9f9;
}
.roundabout-moveable-item img {
	height:100%;
	width:100%;
	background-color:#FFFFFF;
	margin:0;
}
.roundabout-in-focus {
	cursor:auto;
}
.roundabout-in-focus:hover {
	-webkit-box-shadow:0px 0px 20px #787878;
	-moz-box-shadow:0px 0px 20px #787878;
	background:#f9f9f9;
}
.roundabout-holder span {
	display:none;
	font-size:12px;
}
.roundabout-in-focus:hover span {
	display:inline;
	position:absolute;
	bottom:5px;
	right:5px;
	padding:8px 20px;
	background:#f9f9f9;
	color:#000000;
	z-index:999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	font-size : 12px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited {
	outline:none;
	text-decoration:none;
}
.roundabou li {
	margin:0
}
a img {
	border:none;
	outline:0;
}
/* Must remain at the bottom of the stylesheet */

	.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
* html .clearfix {
	height:1%;
}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
#thumbsHolder {
	float: left;
	width: 440px;
	margin-left: 24px;
	margin-top: 35px;
}
#thumb {
	height: 70px;
	width: 98px;
	float: left;
	margin-right: 11px;
	background-color: #2F2F2F;
	margin-bottom: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#projectDetail {
	float: right;
	width: 457px;
	margin-top: 8px;
	padding-top: 8px;
}
#projectDetail h2 {
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -1px;
	margin-bottom: 6px;
}
#projectDetail p {
	font-size: 15px;
	color: #777777;
	padding-bottom: 5px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #333333;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
	background-image: url(images/prev.png);
	background-repeat: no-repeat;
	background-position: 10% 20%;
}
#nextLink:hover, #nextLink:visited:hover {
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: 90% 20%;
}

#imageDataContainer{
	background-color: #333333;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{
	width: 66px;
	float: right;
	outline: none;
}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.projectDirection {
	margin-top: 10px;
	background-color: #333333;
	padding: 4px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.projectDirection a {
	font-size: 15px;
	text-decoration: none;
	color: #6087a0;
	letter-spacing: -1px;
}
.projectDirection a:visited {
	font-size: 15px;
	text-decoration: none;
	color: #6087a0;
	letter-spacing: -1px;
}
.portfolioMain {
	height: 287px;
	width: 381px;
	text-align: center;
	float: left;
	background-image: url(images/largeBGPortfolio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: inline;
}
.portfolioMain_SpacerL {
	margin-left: 85px;
}
.portfolioMain_res {
	background-image: url(images/Res1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.portfolioMain a {
	text-decoration: none;
}
.portfolioMain h2 {
	font-size: 19px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.portfolioMain_Spacer {
	margin-right: 25px;
}
#projectDetail ul {
	list-style-type: square;
	font-size: 15px;
	padding-left: 15px;
	color: #777777;
}
#thumbsHolder h3 {
	color: #CCCCCC;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 4px;
}
#page-wrap { width: 440px; margin: 20px auto; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one {
	padding: 20px;
	margin: 0;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	background-color: #3B3B3B;
	position: relative;
}
.listBox {
	float: left;
	width: 400px;
	padding-right: 20px;
}
.listBox li {
	padding-bottom: 5px;
}
.nav {
	position: relative;
	z-index: 5000;
}

#example-one .nav {
	overflow: hidden;
	margin: 0 0 10px 0;
}
#example-one .nav li {
	float: left;
	margin: 0 3px 0 0;
}
#example-one p {
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 15px;
}
#example-one ol {
	color: #999999;
	padding-left: 25px;
}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a {
	display: block;
	padding: 5px;
	background: #959290;
	color: white;
	text-align: center;
	border: 0;
	letter-spacing: -1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a {
	display: block;
	border-bottom: 1px solid #666;
	padding: 4px;
	color: #666;
	text-decoration: none;
}
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.bio li a:hover {
	background-color: #6087A0;
	color: white;
}
#example-one ul li.nav-two a.current, #example-one ul.misc li a:hover {
	background-color: #6087A0;
	color: white;
}
#example-one ul li.nav-three a.current, #example-one ul.what li a:hover {
	background-color: #6087A0;
	color: white;
}
#example-one ul li.nav-four a.current, #example-one ul.contracstdocs li a:hover {
	background-color: #6087A0;
	color: white;
}
#example-one ul li.nav-five a.current, #example-one ul.constadmin li a:hover {
	background-color: #6087A0;
	color: white;
}
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover {
	background-color: #6087A0;
	color: white;
}
#interiorContainer  {
	color: #FFFFFF;
}
.wedo {
	min-height: 227px;
	position: relative;
	z-index: 2000;
	margin-right: 10px;
	margin-left: 10px;
}
.Jen {
	padding-right: 450px;
	min-height: 227px;
	position: relative;
	z-index: 2000;
}
.Jen img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
	z-index: 500;
}
.bio {
	padding-right: 460px;
	min-height: 227px;
	position: relative;
	z-index: 1000;
}
.bio img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
}
.misc {
	padding-right: 490px;
	min-height: 227px;
	position: relative;
	z-index: 1000;
}
.misc img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
}
.what {
	padding-right: 490px;
	min-height: 227px;
	position: relative;
	z-index: 1000;
}
.what img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
}
.contracstdocs {
	padding-right: 490px;
	min-height: 227px;
	position: relative;
	z-index: 1000;
}
.contracstdocs img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
}
.constadmin {
	padding-right: 490px;
	min-height: 227px;
	position: relative;
	z-index: 1000;
}
.constadmin img {
	float: right;
	background-repeat: no-repeat;
	position: absolute;
	top: -59px;
	right: -20px;
}
.arialCommercial {
	font-family: Arial, Helvetica, sans-serif;
}
#contactBox {
	margin: 0;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	background-color: #3B3B3B;
	position: relative;
	min-height:306px;
	background-image: url(images/JenBioPicNEW.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.contactText {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
	left: 15px;
	bottom: 25px;
	width: 450px;
}
.largeHeaderBlue {
	font-size: 18px;
	color: #6087A0;
}
.largeHeaderBlueNew {
	font-size: 20px;
	color: #6087A0;
}
.serviceLists {
	margin-left: 10px;	
}
.serviceLists li {
	background-image: url(images/arrows.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
}