/* this CSS defines the universal styles for stanleywatt.com */
/* as MODIFIED for the demo page*/

body,td,th {
	color: #000;
}
body {
	background-image: url(../images/wrap/Khakhi002.jpg);
	
}
p {
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 1.2;
}



a {
	text-decoration: none;
}
a:link {
	color: #0A2370;
}
a:visited {
	color: #3555B5;
}
a:hover {
	color: #D9D9FF;
}
a:active {
	color: #63F;
}

h1 {
	font-size: 32px;
	margin-bottom: 2px;
	padding: 0px;
	line-height: 1.2;
	font-family: "Courier New", Courier, monospace;
}


h2 {
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1.5;

}

h3 {
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2;
}

h6 {
	font-size: 14px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 0.75;
}

#container {
	text-align: center;
	margin-top: 25px;

}

#containerCompact {
	text-align: center;
	margin-top: 10px;
}



/* this CSS defines the styles specifically for galleries in stanleywatt.com */

@charset "utf-8";

body {
	background-color: #D8CEBD;
	background-image: url(../images/wrap/WrapDiamonds002.jpg);
}



#box1 {
	color: #222;
	background-color:#FFF
	padding: 10px;
	background-color: #ACA59B;
	padding: 10px;
	text-align: left;
	
}
#box2 {
	color: #E1E1E1;
	background-color: #6B6B6B;
	padding: 10px;
	text-align: left;
}

#box2shotlist {
	color: #E1E1E1;
	background-color: #6B6B6B;
	padding: 5px 10px 10px 30px;
	text-align: left;
}

#box2narrower {
	color: #E1E1E1;
	background-color: #6B6B6B;
	padding: 0px 10px 0px 10px;
	text-align: left;
}

#box2divider {
	color: #E1E1E1;
	background-color: #6B6B6B;
	padding: 0px 10px 0px 50px;
	text-align: left;
}

.NegativeMargin {
	padding: 0px; 
	margin:0px 0px 0px -30px;
	display: inline;
}

#blankdivider {
	padding: 0px;
	text-align: left;
}

#box3 {
	color: #CCC;
	background-color: #606060;
	padding: 10px;
	text-align: left;
}

#box4 {
	color: #CCC;
	background-color: #454545;
	padding: 10px;
	text-align: left;
}

#boxMovie {
	color: #CCC;
	background-color: #555;
	padding: 0px;
}

#boxMovieDivider {
	color: #CCC;
	background-color: #555;
	padding: 0px;
}

#boxMovie a:link {
	color: #A5B9DA;
}
#boxMovie a:visited {
	color: #B1CCF8;
}
#boxMovie a:hover {
	color: #FFF;
}
#boxMovie a:active {
	color: #63F;
}

.Gallery { /* Gallery (this local demo version) is similar to demoGallery but is needed as a non-lightbox alternate container */
	background-color: #444;
	background-image: url(../images/wrap/WrapJacaranda002.jpg);
	background-repeat: repeat;
	color: #555;
	padding: 10px 20px 10px 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.Gallery a:link {
	color: #2B4268;
}
.Gallery a:visited {
	color: #42659F;
}
.Gallery a:hover {
	color: #A5B9DA;
}
.Gallery a:active {
	color: #63F;
}

.demoGallery {
	background-color: #444;
	background-image: url(../images/wrap/WrapJacaranda002.jpg);
	background-repeat: repeat;
	color: #555;
	padding: 10px 20px 10px 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.demoGallery ul {
	list-style: none;
	vertical-align: baseline;
	margin: 0px;
}
.demoGallery ul li { display: inline; }
.demoGallery ul img {/* this defines the 'polaroids' */
	border: 10px solid #4D4D4D; /*this defines the 'polaroids' non-hover border color*/
	border-width: 5px 5px 10px;
	margin: 0 4px 4px 0; /*this defines the spacing between the polaroids/thumbnails. (It is added to another value in place that already separates them by 5 pixels) */
}
.demoGallery ul a:hover img {/* the hover over the polaroids */
	border: 10px solid #000;
	border-width: 5px 5px 10px;
	color: #fff;
	margin: 0 4px 4px 0; /*this defines the spacing between the polaroids/thumbnails. (It is added to another value in place that already separates them by 5 pixels) */
}
.demoGallery ul a:hover { 
color: #fff; 
}
.fltrtBtn { /* this class can be used to float an element left in your page */
	float: right;
	text-align: center;
}
.fltlftBtn { /* this class can be used to float an element left in your page */
	float: left;
	text-align: center;
	margin: 2px 2px 2px 2px;
}
.indent { /* this is an effort at tab emulation; it doesn't work */
	margin: 0 0 0 25px;
}