/**
 * Colors
 *	light brown : #a18b79
 *	dark brown : #48413c
 *	light gray : #ece8e4
 *	dark blue : #325975
 **/

/* Reset Browser Styles */
html,body { width: 100%; height: 100%; }
body,button,div,dl,dt,dd,ul,ol,li,hr,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img,hr { border: none; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
em { font-style: italic; }
ol { list-style: decimal; }
ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content: ""; }
abbr,acronym { border-bottom: 1px dotted; color: #a18b79; cursor: help; }
hr { border-bottom: 1px solid #a18b79; height: 1px; overflow: hidden; }


/* General Classes */
.hide { display: none; }


/* Link Styles */
a
{
	color: #325975;
	text-decoration: none;
	outline: none;
}
a:hover { color: #a18b79; }
a.noFx, a.noFx:hover, a.noFx * { text-decoration: none; border: none; }


/* Columns */
.col { float: left; }
.col-155
{
	float: left;
	width: 155px;
	display: block;
}
.col-195
{
	float: left;
	width: 195px;
	display: block;
}
.col-376
{
	float: left;
	width: 376px;
	display: block;
}


/* Body Style */
body
{
	background: #fff url(../images/bg.gif);
	font: normal 12px/18px "Arial","Verdana","Helvetica",sans-serif;
	color: #a18b79;
}


/* Logo */
h1
{
  position: relative;
  top: 0;
  left: 0;
	width: 438px;
	height: 240px;
	text-indent: -9999px;
}
h1 a
{
  position: relative;
  top: 55px;
	display: block;
	height: 65px;
}
h1[class~="png"]
{
	background: transparent url(../images/logo.png) no-repeat;
}
.ie6 h1
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.socketfilms.com/staging/images/logo.png", sizingMethod="scale");
}


/* Wrapper */
#wrapper
{
  position: relative;
  top: -85px;
  padding-bottom: 32px;
  overflow: hidden;
}
.ie6 #wrapper
{
  zoom: 1;
}


/* Navigation */
#nav li
{
	line-height: 16px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#nav a
{
	color: #6b6056;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: none;
}
#nav ul li
{
	padding-bottom: 0px;
}
#nav ul a
{
	color: #a18b79;
	font-size: 11px;
}
#nav ul a:hover,
#nav ul a.active,
#nav ul a.ui-state-active
{
	color: #6b6056;
}


/* Facebook Link */
.fb-link
{
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


/* Content */
#content
{
	padding-left: 20px;
  width: 780px;
}
#content p
{
	text-indent: 15px;
}
#content h2
{
  color: #6b6056;
	font-size: 13px;
  line-height: 16px;
  font-weight: normal;
	text-transform: uppercase;
}
#content ul li
{
  padding-left: 10px;
  font-size: 11px;
  line-height: 16px;
}


/* Footer */
#footer
{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 26px;
	line-height: 26px;
	background: #ece8e4;
	border-top: 1px solid #d9d0c8;
	font-size: 10px;
	text-indent: 10px;
	text-transform: uppercase;
  z-index: 999;
}


/* Video Player */
#VideoPlayer
{
  float: left;
  width: 512px;
  height: 413px;
  overflow: hidden;
  padding: 2px;
  border: 1px solid #d9d0c8;
}
#FlashVideoPlayer
{
  outline: none;
}
#VideoPlaylist li
{
  padding: 2px 0;
  margin-left: 10px;
  border-top: 1px solid #ece8e4;
}
#VideoPlaylist.active li:hover,
#VideoPlaylist.active li.current
{
  background: #ece8e4;
  border-top: 1px solid #d9d0c8;
}
#VideoPlaylist a,
#VideoPlaylist.active a:hover
{
  display: block;
  padding-left: 5px;
  width: 100%;
  height: 100%;
  color: #a18b79;
  border-bottom: none;
  text-transform: uppercase;
}
#VideoPlaylist.inactive a
{
  cursor: default;
  color: #ccc;
}
#VideoPlaylist a span
{
  padding-left: 5px;
  color: #6b6056;
}
#VideoPlaylist.inactive a span { color: #d9d0c8; }


/* Contact */
.formRow
{
  clear: both;
  padding-top: 4px;
  width: 356px;
}
label
{
  display: block;
  font-weight: bold;
  color: #6f6054;
}
input
{
  padding: 4px 0 4px 4px;
  background: transparent url(../images/field_bg.gif) repeat-x;
  border: 1px solid #d9d0c8;
  font-size: 12px;
  width: 350px;
  height: 17px;
  color: #6f6054;
  outline: none;
}
input.sm { width: 170px; }
.formRow .col { float: left; }
.formRow .col.left { margin-left: 4px; }
textarea
{
  padding: 4px;
  font-family: "Arial","Verdana","Helvetica",sans-serif;
  font-size: 12px;
  width: 346px;
  background: transparent url(../images/textarea_bg.gif) repeat-x;
  border: 1px solid #d9d0c8;
  color: #6f6054;
  outline: none;
}
.btn
{
  float: right;
  display: block;
  padding-left: 0;
  width: 75px;
  height: 25px;
  background: transparent url(../images/field_bg.gif) repeat-x;
  border: 1px solid #d9d0c8;
  outline: none;
  font-family: "Arial","Verdana","Helvetica",sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #6f6054;
  cursor: pointer;
}
form .error
{
  border-color: #c20025;
  color: #c20025;
}
.contactInformation
{
  color: #6f6054;
}
.contactInformation { text-indent: 0px !important; }
.contactInformation table th
{
  padding-right: 5px;
}