@charset "UTF-8";
/* 
Title:     Other Images - gStyles.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/

* {
	margin:0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	color: #3c3c3c;
	text-align: center;
	/*line-height: 1.3em;*/
	background: #fff;
}
html>body { /* be nice to Opera */
	font-size: small;
}

.nomargin {margin:0; padding:0}

/* Selected States of Tab Navigation
------------------------------------------------------------------------------------------------- */
body#Home #tnPhotos a, 
body#Flash #tnFlash a,
body#Film #tnFilm a,
body#Art #tnArt a,
body#Subscriptions #tnSubscriptions a,
body#CDStore #tnCDsRF a,
body#Editorial #tnEditorial a,
body#tnEconofoto #tnEconofoto a,
body#Sud #tnSud a,
body#SudPhotographers #tnSud a {
	background-position: 0 -84px;	
}

/* Selected States of Filter Menu on Results Page
------------------------------------------------------------------------------------------------- */
/*body#p-search #DPRF a {
	color: #fff;
	background: #007DC4 url(../images/filterTabTL_on.gif) no-repeat top left;	
}*/

/*body#p-search #DP a {
	background: #007DC4;
}*/

a:link, a:visited {
	color: #3399cc;
	text-decoration: none;
}
a:hover, a:active {
	color: #3399cc;
	text-decoration: underline;
	outline: none;
}
a:focus, input:focus {
	-moz-outline-style: none;
}

#wrapper { 
	/*float: left;*/
	margin: 0 auto; 
	padding: 0;
	width: 980px;
	text-align: left;
}

/* Main Header
============================================================================================== */
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 976px;
}

/* Logo
------------------------------------------------------------------------------------------------- */
#logo {
	margin: 0;
	padding: 18px 0 0 19px;
	text-align: left;
	}
#logo span a {
	display: block;
	width: 255px;
	height: 73px;
	padding: 0;
	border-style: none;
	background: #fff url(../images/OtherImages_logo.gif) no-repeat;
	}
#logo img  {
	display: block;
	width: 0;
	}
/* Alternate Logo - Sud
------------------------------------------------------------------------------------------------- */	
#Sud #logo span a, #SudPhotographers #logo span a {
	display: block;
	width: 166px;
	height: 73px;
	padding: 0;
	border-style: none;
	background: #fff url(../sud/images/sud_logo.gif) no-repeat;
	}

#nav {
	position: absolute;
	top: 39px;
	left: 285px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 95%;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	background: url(../images/links-li-bg.gif) no-repeat 0 50%;
}
#nav a {
	float: left;
	color: #3c3c3c;
	text-decoration: none;
}
#nav a:hover {
	color: #3399cc;
	text-decoration: none;
}
li#t-beginning {
	background: none;
}

/* Links
--------------------------------------------------------------------------------------------- */
#links {
	position: absolute;
	top: 32px;
	left: 538px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
}
#links li {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
#links a {
	color: #3c3c3c;
	text-decoration: none;
}
#links a:hover {
	color: #3399cc;
	text-decoration: none;
}

#lang {
	position: absolute;
	top: 32px;
	right: 10px;
	font-size: 0.8em;
}
.langMenu {
	font-size: 85%;
}

/* Products Navigation
============================================================================================== */
#tabNavContainer {
	float: left;
	margin: 5px 0 8px 0;
	width: 976px;
	background: url(../images/tabNav_bg.gif) repeat-x top left;
}
#tabNav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 42px;
	list-style: none;
	display: inline;
	overflow: hidden;
	background: url(../images/tabNav_rt_cap.gif) no-repeat top right;
}
#tabNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#tabNav a {
	float: left;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:42px; /* for IE/Win only */
}
#tabNav a:hover, #tabNav a:active {
	background-position: 0 -42px;
}
#tabNav a.selected {
	background-position: 0 -84px;
}

/* Different Languages
#tnPhotos a {
	width: 114px;
	background: url(../images/tnPhotos.gif) no-repeat top left;
}
*/

#tnFlash a {
	width: 71px;
	background: url(../images/tnFlash.gif) no-repeat top left;
}

/* Different Languages
#tnArt a {
	width: 65px;
	background: url(../images/tnArt.gif) no-repeat top left;
}

#tnSubscriptions a {
	width: 143px;
	background: url(../images/tnSubscriptions.gif) no-repeat top left;
}
*/

#tnCDsRF a {
	width: 77px;
	background: url(../images/tnCDsRF.gif) no-repeat top left;
}
#tnEditorial a {
	width: 98px;
	background: url(../images/tnEditorial.gif) no-repeat top left;
}
#tnSud a {
	width: 60px;
	background: url(../images/tnSud.gif) no-repeat top left;
}

#tnEconofoto a {
	width: 98px;
	background: url(../jopsResource/img/tn_econofoto.gif) no-repeat top left;
}

/* Home page styles
============================================================================================== */
#swf {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 976px;
	height: 300px;
}
#scrollingImages {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 976px;
}
#titleBox {
	float: left;
	margin: 0;
	padding: 14px 20px;
	width: 936px;
	background-color: #007dc4;
}
#CDStore #titleBox {
	background-color: #EC1C24;
}
#titleBox h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	color: #fff;
}
#titleBox h2 {
	margin: 0;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #fff;
}

#promosContainer {
	float: left;
	margin: 0;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: none;
	background: #fff;
}
#promosContainer h1 {
	margin: 0;
	padding: 8px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #007dc4;
	background: url(../images/h1_arrow_dcdcdc.gif) no-repeat center left;	
}
#promosBox {
	float: left;
	width: 478px;
	height: 220px;
	background: #dcdcdc;
}
#promosBox .gutter {
	float: left;
	padding: 12px;
}
.promo {
	float: left;
	margin: 0;
	padding: 10px;
	width: 200px;
}
.promo img {
	float: left;
	padding-right: 8px;
}
.promo h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 110%;
	color: #3c3c3c;
	line-height: 1em;
	text-align: left;
}
.promo p {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #3c3c3c;
	line-height: 1.2em;
	text-align: left;
}
#viewAllPromos {
	clear: left;
	padding-left: 10px;
}
#newDevBox {
	float: left;
	margin: 0 6px;
	padding: 0;
	width: 241px;
	height: 220px;
	background: #d2d2d2;
}
#newDevBox .gutter {
	padding: 12px;
}
#newDevBox h2 {
	margin: 0;
	padding: .5em 0;
	font-size: 100%;
	color: #F33;
}
#newDevBox ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
}
#newDevBox li a {
	color: #3c3c3c;
}
#newDevImage{
	float: right;
	margin: 0;
	padding: 5px 5px 10px 5px;
	width: 88px;
	border: 1px solid #999;
}
#newDevImage p {
	margin: 0;
	padding: 0.3em 0 0 0;
	font-size: 11px;
}
#A3Box {
	float: left;
	margin: 0;
	padding: 0;
	width: 231px;
	height: 220px;
	background: #d2d2d2;
}
#A3Box .gutter {
	padding: 12px;
}
#A3Box p {
	margin: 0;
	padding: .5em 0 .5em 0;
	font-size: 11px;
	line-height: 1.3em;
}

/* Footer
============================================================================================== */
#footerContainer {
	clear: left;
	float: left;
	margin: 0;
	padding: 20px 0;
	width: 956px;
	font-size: 85%;
}
#footerLinks {
	float: left;
	margin: 0;
	padding: 0;
	width: 58%;
	list-style: none;
}
#footerLinks li {
	float: left;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	background: url(../images/links-li-bg.gif) no-repeat 0 50%;
}
#footerLinks a {
	float: left;
	color: #3c3c3c;
	text-decoration: none;
}
#footerLinks a:hover, #footerLinks a.active {
	color: #3399cc;
	text-decoration: none;
}
li#firstLink {
	background: none;
}
#copyright {
	float: right;
	width: auto;
	line-height: normal;
	font-size: 80%;
}
#copyright p {
	margin: 0;
	padding: 0;
	text-align: left;
}