html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */
a img { border: none; }

*:focus {outline: none;}


/* Default font settings. 
	 The font-size percentage is of 16px. (0.75 * 16px = 12px) */

html { font-size:75%; height: 100%;}
html>body { font-size: 14px; }

body { 
	color: #2f2021;
	min-height:101%;
	min-width:640px;
	margin: 0;
	background-image: url(../../_graphics/stitches.gif);
}

body, form {  
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4;
}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6	{ font-weight: normal; color: #2f2021;font-family: Century Gothic, Avante Garde, helvetica, arial, sans-serif;}

h1	{ text-transform: lowercase; font-size: 1.75em; letter-spacing: .1em; line-height: 1em; margin:.5em 0 1em 0; color: #00B5CC;}
h2	{ font-size: 1.3em; line-height: 1.286em; margin:0 0 0 0; color: #ad937f;}

h2 b {color: #00A1AD; font-weight: normal;}
h3	{ color: #603512; font-size: 1.2em; line-height: 1; margin:1.929em 0 0.643em 0;  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}
h4	{ font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}
h5	{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6	{ font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img	{
	margin: 0;
}

/* Link Div
-------------------------------------------------------------- */
#link {margin-bottom: 25px;}

#link h2 {margin: 20px 0;
border-top: 1px dotted #603512;
	padding-top: 10px;
	font-size: 1.25em;
	font-weight: normal;
	color: #603512;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	clear: both;
}
#link h3 {margin: 15px 0 0 0;
	font-size: 1em;
	font-weight: normal;
	font-family: Century Gothic, Avante Garde, helvetica, arial, sans-serif;
}

#link h4{ margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #00A1AD;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#link p { margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #2f2021;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin: 0 0 15px 120px;
}
#link p.linkfooter{ margin: 0 0 5px 0;
	font-size: 1em;
	font-weight: normal;
	color: #2f2021;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-style: italic;
}
#link p.footer{ margin: 15px 0;
	font-size: 1em;
	font-weight: normal;
	color: #c8e9f0;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-style: italic;
}

#link .thumb{
	float: left;
	width: 80px;
	padding: 0 25px 15px 15px;
}

#link .thumb img {
	width: 80px;
	padding: 3px;
}

#link a {display: block;
	margin: 0;
	font-size: .95em;
	font-weight: normal;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #2f2021;
}

/* Text elements
-------------------------------------------------------------- */

p	{ line-height 1.5em;
	font-size:1em;
	margin-top: 0 0 1.5em;
	margin-bottom: 1.5em;	
	
}

#footer {
	padding-top: 15px;
	margin-top: 10px;
	clear: both;
}

#footer p {font-size: 1em; margin-bottom: 0.75em; color: #2f2021; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}

p.errorMsg 		{color: #603512; font-size: 2em; line-height: 1; margin: 35px 0 10px 0; clear: both;}
p.friendlyMsg 	{font-size: 1em; margin-bottom: 0.75em; color: #603512; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style: italic;}
p.xformlink 	{font-size: 1em; margin: 0; color: #603512; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}


p.copyright {margin: 15px auto; width: 600px; color: #603512; font-size: .8em; text-align: center; background: #FFF;}


p.wholesale		{ font-size:1.25em; margin-bottom: 0;	}
p.discountprice	{ font-size:1.25em; margin-bottom: 0;	}
p.saleprice		{ font-size:1.25em; margin-bottom: 0;	}
p.price 		{ font-weight: bold; margin-bottom: 0; margin-top: 0;}

.back{
	display: inline;
	float: left;
	padding: 3px 0 3px 25px;
	margin: 15px 15px 5px 0;
}	

.details{
	display: inline;
	float: right;
	padding: 3px 25px 3px 0;
	margin: 0px 15px 5px 0;
	}
	
p img.left	{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right	{ float: right; margin: 1.5em 0 1.5em 1.5em; }

a:link		{color: #00A1AD; text-decoration: none; } 
a:visited	{color: #00A1AD; text-decoration: none;} 
a:hover		{color: #2f2021; text-decoration: underline;} 
a:focus		{color: #2f2021; text-decoration: underline;} 
a:active	{color: #2f2021; text-decoration: underline; }

a.inline:link		{color: #00A1AD; text-decoration: none; } 
a.inline:visited	{color: #00A1AD; text-decoration: none;} 
a.inline:hover		{color: #603512; text-decoration: underline; } 
a.inline:active		{color: #603512; text-decoration: underline; }


#pageFooter a.inline:link		{color: #603512; text-decoration: none; } 
#pageFooter a.inline:visited	{color: #603512; text-decoration: none;} 
#pageFooter a.inline:hover		{color: #00B5CC; text-decoration: underline; } 
#pageFooter a.inline:active		{color: #00B5CC; text-decoration: underline; }

a.title:link		{color: #ad937f; text-decoration: none; } 
a.title:visited		{color: #ad937f; text-decoration: none;} 
a.title:hover		{color: #00A1AD; text-decoration: underline; } 
a.title:active		{color: #00A1AD; text-decoration: underline; }


blockquote		{ margin: 1.5em; color: #c8e9f0; font-style: italic; }
strong			{ font-weight: bold; }
em,dfn			{ font-style: italic; }
dfn				{ font-weight: bold; }
sup, sub		{ line-height: 0; }

abbr, 
acronym		{ border-bottom: 1px dotted #c8e9f0; }
address		{ margin: 0 0 1.5em; font-style: italic; }
del			{ color:#c8e9f0; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol			{ margin:0 1.5em; }
ul, ol			{ margin: 0 1.5em 1.5em 1.5em; }

ul				{}
.inlinelist		{list-style: square; margin:-10px 0 5px 15px; padding: 0; color: #00B5CC;}
.inlinelist li	{font-weight: normal; padding: 3px;}

ol				{margin: 20px; padding: 3px; color: #2f2021; }
.decimal li		{list-style-type: decimal; font-size: 1em; padding: 12px 5px;}
.upperalpha li	{list-style-type: upper-alpha; font-size: 1em; padding: 12px 5px;}
.loweralpha li	{list-style-type: lower-alpha; font-size: 1em; padding: 12px 5px;}

dl				{ margin: 0 0 1.5em 0; }
dl dt			{ font-weight: bold; }
dd				{ margin-left: 1.5em;}

span.listtext	{color: #00A1AD;}

/* Tables
-------------------------------------------------------------- */

table			{ margin: 10px auto 15px auto; border-bottom: 1px dashed #00B5CC; border-right: 1px dashed #00B5CC;
}
th				{ font-weight: bold; }
thead th 		{ background: #00A1AD; }

td 				{	vertical-align: top;
					text-align: center;
					padding: 5px; 
					font-size:.9em;
					border-top: 1px dashed #00B5CC;
					border-left: 1px dashed #00B5CC;
				}
	
th,caption	{ padding: 4px 10px 4px 5px; }
tr.even td	{ background: #603512; }
tfoot		{ font-style: italic; }
caption		{ background: #603512; }

/* Misc classes
-------------------------------------------------------------- */

.small			{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large			{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide			{ display: none; }

.quiet			{ color: #c8e9f0; }
.loud			{ color: #2f2021; }
.highlight		{ background:#00A1AD; }
.added			{ background:#00A1AD; color: #FFF; }
.removed		{ background:#603512; color: #FFF; }

.first			{ margin-left:0; padding-left:0; }
.last			{ margin-right:0; padding-right:0; }
.top				{ margin-top:0; padding-top:0; }
.bottom			{ margin-bottom:0; padding-bottom:0; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; margin: 0;padding: 0;border: 0;float: none; }

.test{ clear:both; width: 100%; height:1px; font-size:1px; line-height:1px; margin: 0;padding: 0;border: 1px solid;}




img.imgInline {
vertical-align:middle;
}

img.randomimage {
width: 100%;
max-width: 500px;
margin-bottom: 15px;

}

img.vertical {
max-width: 500px;
margin-bottom: 15px;
}

img.square {
max-width: 500px;
margin-bottom: 15px;

}

div.thumbs {margin: 0; padding: 0; clear: both;}

div.thumbs  div.enlargeImage {
	float: left;
	margin: 7px 0 5px 5px;
	border: 1px solid #ad937f;
}

div.movie_thumbs  div.enlargeImage {
	float: left;
	margin: 7px 0 5px 5px;
}

div.thumb {
padding:2px;
cursor: pointer;
text-align: center;
}

div.thumbs div.enlargeImage div.thumb {
border: 3px solid #FFF;
padding:0;
width: 20px;
height: 20px;
overflow: hidden;
}

div.movie_thumbs div.enlargeImage div.thumb {
border: 3px solid #FFF;
padding:0;
width: 20px;
height: 20px;
overflow: hidden;
}

div.thumb img {
	//display: block;
}

div.thumbs div.enlargeImage div.thumb img {
	height: 20px;
}

div.movie_thumbs {
	clear: both;
}

div.movie_thumbs div.enlargeImage div.thumb img {
	height: 40px;
}


#image {max-width: 830px;}
#image_page div.thumbs div.enlargeImage div.thumb img {
	margin: 0 auto;
}

#project {text-align: center;}
#project ul  {margin: 10px;}
#project ul li {padding: 2px; display: inline;}
#project ul li a img {max-width: 40px;}
#project #movie_thumbs {display: block; margin-top: 15px;}
#project h2 {margin-bottom: 15px;}

#project #image_description {width: 500px; margin: 0 auto;}
#project #image_name {font-weight: bold;}

#layout_content ul  {margin: 10px;}
#layout_content ul li {padding: 2px; display: inline;}
#layout_content ul li a img {max-width: 40px;}
#layout_content #movie_thumbs {display: block; margin-top: 15px;}
#layout_content h2 {margin-bottom: 15px;}

#layout_content #image_description {width: 500px; margin: 0 auto;}
#layout_content #image_name {font-weight: bold;}

#toggleText {width: 500px; text-align: left; margin: 0 auto;}
#displayText {font-size: .9em;}

#infoLink {text-align: left; padding: 5px 5px 5px 15px; background: #c8e9ef; margin: 5px 1px 10px 1px;}
#prevNext {font-size: .9em;float: right; margin: 5px 15px 0 0;}

div.movie_thumbs a img {height: 60px;}


/* ---------- @ Menus and Navigation-----------*/

.breadcrumb a:link{ color: #2f2021; text-decoration: none; } 
.breadcrumb a:visited{ color: #2f2021; text-decoration: none; } 
.breadcrumb a:hover{ color: #00A1AD; text-decoration: none; } 
.breadcrumb a:active{ color: #00A1AD; text-decoration: none; }

#mainmenu {float: right; text-transform:lowercase; margin: 0; padding: 0; font-size: 1em; text-align: left; height: 73px;}

#mainmenu ul {padding: 5px 0 0 5px; margin: 24px 75px 0 0;}
#mainmenu ul li {display: inline; padding: 0 20px 0 0; }
#mainmenu ul li a:link{ color: #603512; text-decoration: none; } 
#mainmenu ul li a:visited{ color: #603512; text-decoration: none; } 
#mainmenu ul li a:hover{ color: #ad937f; text-decoration: underline; } 
#mainmenu ul li a:active{ color: #ad937f; text-decoration: underline; }

#menu1 {padding: 0;  margin: 0; font-size: .9em;  text-align: right; width: 100px; float: left;}
#menu1 ul {padding: 0; margin: 0;}
#menu1 ul li {display: block; padding: 0 0 25px 0;}
#menu1 ul li ul {padding-left: 2px; list-style: disc; color: #00A1AD;}

#menu1 a:link{ color: #00B5CC; text-decoration: none; } 
#menu1 a:visited{ color: #00B5CC; text-decoration: none; } 
#menu1 a:hover{ color: #603512; text-decoration: underline; } 
#menu1 a:active{ color: #603512; text-decoration: underline; }

#menu2 {	padding: 5px 0;
			display: inline;
			float: right;
			text-transform:lowercase;
			font-size: .9em;
			}
#menu2 ul {padding: 0; margin: 0;}
#menu2 ul li {display: inline; padding: 0 0 0 20px;}

#menu2 a:link{ color: #00B5CC; text-decoration: none; } 
#menu2 a:visited{ color: #00B5CC; text-decoration: none; } 
#menu2 a:hover{ color: #00A1AD; text-decoration: underline; } 
#menu2 a:active{ color: #00A1AD; text-decoration: underline; }


#menu3 {width: 100%; font-size: .9em; text-align: right; height: 1.1em;}
#menu3 ul li {display: inline; padding: 0 5px; }
#menu3 ul li a:link{ color: #2f2021; text-decoration: none; } 
#menu3 ul li a:visited{ color: #2f2021; text-decoration: none; } 
#menu3 ul li a:hover{ color: #00A1AD; text-decoration: underline; } 
#menu3 ul li a:active{ color: #00A1AD; text-decoration: underline; }


#newlisting p {font-size: .9em; margin: 10px 0 0 0;}
#newlisting a:link{ color: #FFF; text-decoration: none; } 
#newlisting a:visited{ color: #FFF; text-decoration: none; } 
#newlisting a:hover{ color: #00A1AD; text-decoration: none; } 
#newlisting a:active{ color: #00A1AD; text-decoration: none; }

#viewCart a:link{ color: #FFF; text-decoration: none; } 
#viewCart a:visited{ color: #FFF; text-decoration: none; } 
#viewCart a:hover{ color: #00A1AD; text-decoration: none; } 
#viewCart a:active{ color: #00A1AD; text-decoration: none; }


#layout_header,#layout_content{
	overflow:hidden;
	display:inline-block;
}
#layout_wrapper{
	width: 839px;
	position: relative;
	left: 50%;
	margin: 15px 0 0 -418px;
	background-image: url(../../_graphics/middle.gif);
	background-position: top center;
	background-repeat: repeat-y;
	min-height: 550px;
}


/* safari and opera need this */ 
#layout_header {
	float:left;
}

#layout_header {
	background-image: url(../../_graphics/top.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width:839px;
	text-align: center;
	padding-bottom: 2px;
}



#layout_footer {
	clear:both;
	text-align: center;
	padding: 8px 0 8px 0;
	background-image: url(../../_graphics/bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 839px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -418px;
}

#pageFooter {
	font-size:.9em;
	padding: 0;
}

#pageFooter p {
	margin: 0;
	padding: 2px;
	color: #00A1AD;
	text-align: center;
}

#pageFooter p a {
	padding: 22px;
}


/* ---------- @ Forms -----------*/

#displayform {margin: 0 auto; width: 500px;}

form {  /* set width in form, not fieldset*/
  font:100%;
  margin: 0;
  padding: 0;
  min-width: 300px;
  max-width: 400px;
  width: 380px;
  clear: both;
}

fieldset {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  padding: 3px;
  margin: 0;  
  border: 1px solid #ad937f;
  border-bottom: 0;
}

legend      {position: relative; margin-left: 1em; margin-bottom: .25em; padding: 0; font-family: Century Gothic, Avante Garde, helvetica, arial, sans-serif; font-weight: normal; font-size:1em; }

fieldset ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

fieldset li {
  clear: left;
  float: left;
  width: 98.25%;
  padding: 5px;
  margin: 0;
}

fieldset.submit {
  clear: both;
  padding: 3px;
  border: 1px solid #ad937f;
  border-top: 0;

}

label { 
	display: block;  /* block float the labels to left column, set a width */
	position: relative;
	float: left; 
	width: 150px; 
	margin: 5px 10px 0 0 ; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 0 10px 0 0;
}

/*label:after { content: ":";}
label.button:after { content: "";}*/
label:first-letter {text-decoration:underline;}
label.required{
	}
	

label.button{ height: 0;
	margin-right: 15px;
	}

label strong {
	position: absolute;
	left: 375px;
	top: 1;
	width: 175px;
	font-weight: normal; 
	font-size: .8em;
	text-transform: uppercase;
	color: #7cdde3; 
	line-height: 1;
	text-align: left;
	}


/* Form fields
-------------------------------------------------------------- */

input[type=hidden] { 
  padding: 0;
  margin: 0;
  height: 0px;
}

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { 
  background-color:#FFF; 
  border:1px solid #ad937f; 
  padding: 2px;
}

input[type=submit] {
cursor: pointer;
color:#FFF; 
  background-color:#c8e9f0; 
  border:1px solid #00A1AD; 
  padding: 2px;
}
input[type=submit]:hover { 
color:#2f2021; 
  background-color:#c8e9f0; 
  border:1px solid #00A1AD; 
  padding: 2px;
}
input[type=submit]:active { 
  background-color:#00A1AD; 
  border:1px solid #2f2021; 
  padding: 2px;
}

input[type=text]:focus, input[type=password]:focus,
input.txt:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color: #2f2021;
  background-color: #c8e9f0;
}

input[type=text], input[type=password],
select { padding:2px; }


input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

form input, form textarea {
	display: inline;
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}


textarea { overflow: auto;}

form input #reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
	
select{
	overflow: hidden;
	color: #2f2021;
	border-style: 1px solid #2f2021;
	padding: 1px;
	font-size: .95em;
	margin-left: 8px;
}


/* Success, notice and error boxes
-------------------------------------------------------------- */
.help,
.notice, 
.success    {padding: 3px 0; margin-bottom: 1em; }

.error { 
	white-space: nowrap;
	font-style: normal;  
	color: #7cdde3; 
	line-height: 2;
	margin-left: 170px;
	}
	
.paymenterror { 
	display: block;
	clear: both;
	font-style: normal;  
	color: #7cdde3; 
	line-height: 1.1;
	}
	
.help     { display: block; margin-left: 185px; color: #603512; font-size: .8em; }

.notice     { background: #00A1AD; color: #2f2021; border-color: #2f2021; }
.success    { background: #FFF; color: #2f2021; border-color: #c8e9f0; }

.error a    { color: #7cdde3; }
.notice a   { color: #c8e9f0; }
.success a  { color: #00A1AD; }

/* REQUIRED BUTTON STYLES	
-------------------------------------------------------------- */
button { 
	padding: 0;
	margin: 0 0 10px 0;
	cursor: pointer;
	border: 1px solid #ad937f;
	background: #c8e9f0;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
	margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button { 
	padding: 0 8px;
	margin-left: 185px;
	font-size:.8em; 
	text-align: center; 	
}

button:hover { 
	background: #FFF;
}
button:active { 
	background: #ad937f;
}
	
button span {
	padding: 7px 0 3px 0; 
	height:18px; 
	color:#603512;
	}
	

#layout_content {
	text-align: center;
	width: 827px;
}

#movie{
width: 100%;
text-align:center;
z-index: 100;
}

#breadcrumb {
	padding: 5px 0;
	font-size:.8em;
	float: left;
}


#prevnext {
	padding: 0 0 15px 0;
	font-size:.8em;
	text-align: center;
}


p.addthis{
float: right;
}

/* Social Media
-------------------------------------------------------------- */


#twitter {
padding: 5px 0;
}

#twitter a {font-size: .8em; color: #603512;}


#twitter img {
vertical-align:middle;
}

#socialMediaLinks p img {
vertical-align: middle;
}

#socialMediaLinks li {
	list-style-type: none;
	padding: 5px 0;
	text-align: left;
}

#socialmedia form  {
		clear: both; 
		width: 225px; 
		min-width: 225px;
		max-width: 225px; 
		float: left;
		margin-left:.5em;		
}


//#twitter {background: url(../../_graphics/socialmedia/twitter_32.png) no-repeat left;}

#blog {
	background: url(../../_graphics/socialmedia/blogger_32.png) no-repeat left;
}

#youtube {
	background: url(../../_graphics/socialmedia/youtube_32.png) no-repeat left;
}

#linkedin {
	background: url(../../_graphics/socialmedia/linkedin_32.png) no-repeat left;
}
#facebook {
	background: url(../../_graphics/socialmedia/facebook_32.png) no-repeat left;
}
#flickr {
	background: url(../../_graphics/socialmedia/flickr_32.png) no-repeat left;
}
#feed {
	background: url(../../_graphics/socialmedia/feed_32.png) no-repeat left;
}
#technorati {
	background: url(../../_graphics/socialmedia/technorati_32.png) no-repeat left;
}
/* END: socialMedia */