/*
MENU
-----------------------*/
#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 13px arial;
}

#sddm li a
{	
	display: block;
	margin: 0 1px 0 0;
	padding: 0px 10px;
	width: auto;
	background: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	
	
}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid;
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFFFFF;
	font: 13px arial;
}

#sddm div a:hover
{	
	
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

table {
	border: 0px;
}

td {
	vertical-align: top;
}

.black a {
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}

.black a:hover {
	color: #999999;
}

.yellow a {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}

.yellow a:hover {
	color: #555555;
}

a img {
	border: none;
}

p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

td.search-input select, td.search-input option{
	font-size:9px;
}
.black h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #999999;
}

.yellow h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #888888;
}

.black h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	color: #999999;
}

.yellow h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	color: #888888;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

input, select, textarea {
	width: 130px;
}

.black .darkText {
	color: #cccccc;
}

.yellow .darkText {
	color: #777777;
}

.formCaption {
	vertical-align: middle;
	width: 122px;
	padding-right: 4px;
}

.menuShadowLeft {
	display: block;
	width: 100%;
	height: 111px;
	background-image: url(../images/shadowLeft.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.menuShadowRight {
	display: block;
	width: 100%;
	height: 111px;
	background-image: url(../images/shadowRight.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.black .headerArea {
	display: block;
	width: 1024px;
	height: 75px;
	background-image: url(../images/shadowTop.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.yellow .headerArea {
	display: block;
	width: 1024px;
	height: 75px;
	background-image: url(../images/yellowHeaderBack.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.yellow .headerText {
	font-size: 21px;
	margin: 4px 28px 0px 28px;
	color: #888888;
}

.black .menuShadowBottom {
	display: block;
	width: 1024px;
	height: 15px;
	background-image: url(../images/shadowBottom.gif);
}

.yellow .menuShadowBottom {
	display: block;
	width: 1024px;
	height: 15px;
	background-image: url(../images/shadowBottomYellow.gif);
}

.black .logo {
	padding: 32px 0px 0px 28px;
}

.yellow .logo {
	padding: 18px 0px 0px 28px;
}

.spacer {
	diplay: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

.menu {
	display: block;
	width: 1024px;
	height: 21px;
	font-size: 13px;
}

.menuPadding {
	padding: 2px 28px 0px 28px;
}

.menu a {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

.menu a:hover {
	color: #222222;
}

.black .content {
	background-color: #231f20;
	padding: 13px 14px 28px 14px;
}

.yellow .content {
	background-color: #f1f1f2;
	padding: 13px 14px 15px 14px;
}

.black .content, .black .content td {
	color: #999999;
}

.yellow .content, .yellow .content td {
	color: #888888;
}

.leftColBox {
	display: block;
	width: 214px;
	margin-left: 14px;
}

.black .leftColRule {
	display: block;
	overflow: hidden;
	width: 228px;
	height: 2px;
	background-color: #636467;
	margin: 13px 0px 11px 0px;
}

.yellow .leftColRule {
	display: block;
	overflow: hidden;
	width: 228px;
	height: 2px;
	background-color: #bec0c2;
	margin: 13px 0px 11px 0px;
}

.black .columnRule {
	background-color: #636467;
}

.yellow .columnRule {
	background-color: #bec0c2;
}

.black .button {
	float: right;
	width: 47px;
	height: 24px;
	background-image: url(../images/buttonBase.gif);
	background-position: top;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

.yellow .button {
	float: right;
	width: 49px;
	height: 26px;
	background-image: url(../images/buttonBaseYellow.gif);
	background-position: top;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

.buttonText {
	margin-top: 6px;
}

.yellow .button:hover, .black .button:hover {
	background-position: bottom;
	color: #000000;
}

.black .mainContent {
	width: 546px;
	color: #cccccc;
}

.yellow .mainContent {
	width: 546px;
	color: #777777;
}

.mainContentLeftCol {
	float: left;
	width: 259px;
	margin-top: 10px;
}

.mainContentRightCol {
	float: left;
	width: 259px;
	margin: 10px 0px 0px 28px;
}

.rightColumn {
	margin-left: 14px;
}

.black .submenuLink {
	display: block;
	overflow: hidden;
	width: 164px;
	border-bottom: solid 2px #636467;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
	color: #999999;
}

.yellow .submenuLink {
	display: block;
	overflow: hidden;
	width: 164px;
	border-bottom: solid 2px #bec0c2;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
	color: #888888;
}

.black .submenuLink:hover {
	color: #cccccc;
}

.yellow .submenuLink:hover {
	color: #555555;
}

.thumbnailTable {
	width: 556px;
	margin: 24px 0px 14px 0px;
}

.thumbnailCaption {
	float: right;
	font-size: 9px;
}

.black .contactEmailLink {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}

.black .contactEmailLink:hover {
	color: #cccccc;
}

.yellow .contactEmailLink {
	text-decoration: none;
	color: #888888;
	font-weight: normal;
}

.yellow .contactEmailLink:hover {
	color: #555555;
}

.ourTeamBox {
	display: block;
	border: solid 1px #c6c8ca;
	width: 544px;
	margin-top: 14px;
}

.ourTeamBoxText {
	float: left;
	padding: 8px 14px 4px 14px;
}

.staffPhoto {
	display: block;
	float: left;
}

.black .staffEmailLink {
	text-decoration: none;
	color: #cccccc;
	font-weight: normal;
}

.yellow .staffEmailLink {
	text-decoration: none;
	color: #777777;
	font-weight: normal;
}

.staffProfileLink {
	font-size: 9px;
}

.clear {
	clear: both;
}

.yellow .footerShadowLeft {
	display: block;
	width: 100%;
	height: 74px;
	background-image: url(../images/footerShadowLeft.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.yellow .footerShadowRight {
	display: block;
	width: 100%;
	height: 74px;
	background-image: url(../images/footerShadowRight.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.yellow .footerShadowTop {
	display: block;
	width: 1024px;
	height: 13px;
	background-image: url(../images/footerShadowTop.gif);
}

.yellow .footerShadowBottom {
	display: block;
	width: 1024px;
	height: 13px;
	background-image: url(../images/footershadowBottom.gif);
	background-repeat: no-repeat;
}

.footer {
	color: #777777;
	line-height: 1.5em;
	padding: 4px 28px 0px 28px;
	font-size: 9px;
}

.yellow .footerTextArea {
	display: block;
	height: 44px;
}

.footer a {
	color: #777777;
	font-weight: normal;
	text-decoration: none;
}

.footer a:hover {
	color: #222222;
}

/* Gallery
----------------------------------------------------*/

body.yellow table.gallery-table {
	background-color : #F6F6F6;
}
body.black table.gallery-table {
	background-color : #141414;
}
body.white table.gallery-table {
	background-color : #E6E6E6;
}

.gallery-caption-cell {
	padding-top:6px;
	padding-bottom: 5px;
	text-align : center;
}

body.black .gallery-caption-cell {
	color :#FFFFFF;
}

body.grey .gallery-padding-top {
	border-bottom : 1px solid #B2B2B2;
}
body.black .gallery-padding-top {
	border-bottom : 1px solid #0E0E0E;
}
body.white .gallery-padding-top {
	border-bottom : 1px solid #B2B2B2;
}

body.grey .gallery-padding-btm {
	border-top : 1px solid #E6E6E6;
}
body.black .gallery-padding-btm {
	border-top : 1px solid #121212;
}
body.white .gallery-padding-btm {
	border-top : 1px solid #E6E6E6;
}

/*
.gallery-image {

	position:absolute;
	left:0px;	
}
*/
.gallery-image-cell {
	background-repeat:no-repeat;
	background-position:center center;	
	width:495px;
	height:330px;
}
.image-container-cell {
	width:495px;
	height:330px;
}

.image-container-container-container {
	position:absolute;
	width:495px;
	height:330px;
	left:0px;
	top:0px;
	overflow:hidden;	
}

body.grey .image-container-container-container {
	background-color :#C0C0C0;
}
body.black .image-container-container-container {
	background-color :#000000;
}
body.white .image-container-container-container {
	background-color :#4F4F4F;
}


div.image-container-container {
	position:relative
}


div.image-container-container-container-container{
	position : absolute;
	left:0px;	
}

/* Gallery
------------------------------------------*/

.sm-gallery-image-cell {
	background-repeat:no-repeat;
	background-position:center center;	
	width:495px;
	height:80px;	
}

body.grey .sm-gallery-image-cell {
	background-color :#C0C0C0;
}
body.black .sm-gallery-image-cell {
	background-color :#000000;
}  
body.white .sm-gallery-image-cell {
	background-color :#4F4F4F;
}  

.sm-image-container-cell {
	width:495px;
	height:80px;
	
}

.sm-image-container-container-container {
	position:absolute;
	width:495px;
	height:80px;
	left:0px;
	top:0px;
	overflow:hidden;
}

div.sm-image-container-container {
	position:relative
}


div.sm-image-container-container-container-container{
	position : absolute;
	left:0px;	
}

 
td.disabled-btn {
	filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;
}

td.enabled-btn {
	/*filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;*/
}

.not-active {
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}
.active {
	visibility:hidden;