@charset "UTF-8";
/* 
Title:     Other Images - Sud.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/
* {
	margin:0;
	padding: 0;
}

/* Sud styles
============================================================================================== */
#Sud #titleBox {
	background-color: #BB8748;
}
#Sud #container {
	clear: left;
	float: left;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: none;
	background: #FFF;
}
#Sud #container h3 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 100%;
}
#Sud #innerContainer {
	float: left;
	width: 100%;
	background-color: #fff;
}
#Sud #primaryContent {
	float: left;
	width: 942px;
	background-color: #e6e6e6;	
}
#Sud #primaryContent .gutter {
	padding: 20px;
}
#photographersInfo {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
#photographersInfo h2 {
	padding-bottom: 1em;
}
#photographersSamples {
	float: right;
	width: auto;
}
#Sud .photographersGrid {
	float: left;
	margin: 0;
	padding: 20px;
	width: 608px;
	font-size: 95%;
}
#Sud .box {
	float: left;
	margin-top: 10px;
	padding: 0;
	width: 187px;
}
#Sud .box ul {
	list-style: none;
}
#Sud .box li {
	padding: 5px 0;
}
#Sud .box li a:link, #Sud .box li a:visited {
	padding-left: 12px;
	color: #3C3C3C;
	text-decoration: none;
	background: url(../images/box_arrow_off.gif) no-repeat center left;
}
#Sud .box li a:hover {
	padding-left: 12px;
	color: #007cc4;
	text-decoration: none;
	background: url(../images/box_arrow_on.gif) no-repeat center left;
}

/* Photographers Galleries Navigation 
-------------------------------------------------------------------------*/
.photogsNav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.photogsNav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 20px;
	font-size: 85%;
	text-transform: uppercase;
	list-style: none;
	background: url(../images/links-li-bg.gif) no-repeat center right;
}
.photogsNav a:link, .photogsNav a:visited {
	color: #bb8748;
	text-decoration: none;
}
.photogsNav a:hover {
	color: #333;
}
li.next { background: none; }

.next a {
	padding-right: 13px;
	background: url(../images/arrow_next.gif) no-repeat center right;
}
.back a {
	padding-left: 13px;
	background: url(../images/arrow_back.gif) no-repeat center left;
}

#Sud #sidebar {
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
	width: 295px;
	background: #fff;
	border: 1px solid #BB8748;
}
#Sud #sidebar div p {
	margin: 0;
	padding: 2em 3em 0 2em;
	color: #fff;
}
#Sud #sidebar .box {
	width: 295px;
	background: #BB8748 url(../sud/images/hexBB8748_bottom.gif) no-repeat bottom left;
}
#Sud #sidebar .box h3 {
	color: #fff;
	padding: 2em 3em 0 2em;
	background: url(../sud/images/hexBB8748_top.gif) no-repeat top left;
}
/* Sud - Sliding Panels Styles
============================================================================================== */
#Sud .SlidingPanels {
	position: relative;
	width: 650px;
	/*height: 408px;*/
	padding: 0px;
	border: none;
	float: left;
	border: 1px solid #BB8748;
}
#Sud .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	min-height:0;
	border: none;
	width: 1000em;
	float: left;
}
#Sud .SlidingPanelsContent {
	width: 650px;
	height: 408px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	background-color: #e6e6e6;}

#Sud .SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
#Sud .SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
#Sud .SlidingPanelsFocused {
}

/* Sud Photographers Page Styles
============================================================================================== */
#SudPhotographers #container {
	clear: left;
	float: left;
	margin: 10px 0;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: 1px solid #c2c5c7;
	background: #FFF;
}
#SudPhotographers #container h3 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 100%;
}
#SudPhotographers #innerContainer {
	float: left;
	width: 100%;
	background-color: #fff;
}
#SudPhotographers #primaryContent {
	float: left;
	width: 962px;
	background-color: #e6e6e6;	
}
#SudPhotographers #primaryContent .gutter {
	padding: 20px;
}
#photographersInfo {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}
#photographersSamples {
	float: right;
	width: auto;
}
#SudPhotographers .photographersGrid {
	float: left;
	margin: 0;
	padding: 20px 74px;
	width: 962px;
	font-size: 95%;
	background-color: #fff;
}
#SudPhotographers .box {
	float: left;
	margin-top: 10px;
	padding: 0 22px 0 0;
	width: 187px;
}
#SudPhotographers .box ul {
	list-style: none;
}
#SudPhotographers .box li {
	padding: 5px 0;
}
#SudPhotographers .box li a:link, #SudPhotographers .box li a:visited {
	padding-left: 12px;
	color: #3C3C3C;
	text-decoration: none;
	background: url(../images/box_arrow_off.gif) no-repeat center left;
}
#SudPhotographers .box li a:hover {
	padding-left: 12px;
	color: #007cc4;
	text-decoration: none;
	background: url(../images/box_arrow_on.gif) no-repeat center left;
}

.photogsNav {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.photogsNav li {
	float: left;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	/*background: url(../images/links-li-bg.gif) no-repeat 0 50%;*/
}

/* Sud Photographers Page - Sliding Panels Styles
============================================================================================== */
#SudPhotographers .SlidingPanels {
	position: relative;
	width: 962px;
	height: 408px;
	padding: 0px;
	border: none;
	float: left;
	/*border: 1px solid #BB8748;*/
}
#SudPhotographers .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	min-height:0;
	border: none;
	width: 1000em;
	float: left;
}
#SudPhotographers .SlidingPanelsContent {
	width: 962px;
	height: 408px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	background-color: #fff;
}

#SudPhotographers .SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
#SudPhotographers .SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
#SudPhotographers .SlidingPanelsFocused {
}