/*
Render Edge Media CSS
5/19/09
*/

body {
	margin: 0 0 0 0px;
	padding: 0;
	background: #000000 url(media/images/bkgndPattern.png);
	background-repeat: repeat-y;
	background-position: top left;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

h1, h2, h3 {
	color: #FFFFFF;
}

h2 {
	font-size: 1.6em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	color: #730000;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

.thumbnail-caption { display: block; font-size: 9px; font-family: Verdana, sans-serif; line-height: 14px; padding-top: 5px; padding-bottom: 10px;  }


/* ------------- */
/* Flash Content */
/* ------------- */
#flashcontent {
  /* background: #000000 url(images/bkgndHeader.png); */
	width: 909px;
	height: 152px;
	margin: 0px 0px 0px 35px;
}

#flashcontentPortfolio {
  /* background: #000000 url(images/bkgndHeader.png); */
	width: 666px;
	height: 429px;
	margin: 0px 0px 0px 10px;
}


/* ------------- */
/* Brightcove Content */
/* ------------- */
#BrightCoveContent {
  /* background: #000000 url(images/bkgndHeader.png); */
	width: 909px;
	height: 544px;
	margin: 0px 0px 0px 35px;
}

/* ------------- */
/* Advanced Video Player */
/* ------------- */
#FlashVideoPlayer {
	width: 664px;
	height: 418px;
	margin: 0px 0px 0px 10px;
}

#AdvancedVideoPlayer {
	width: 909px;
	height: 544px;
	margin: 40px 0px 0px 35px;
}

#AdvancedVideoPlayer720 {
	width: 1100px;
	height: 700px;
	margin: 40px 0px 0px 35px;
}

/* ------ */
/* Header */
/* ------ */

#header {
  background: #000000;
	width: 909px;
	height: 182px;
	margin: 0 0 0 35px;
}

#header * {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 25px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 20px 0 0 0;
	font-size: 1em;
}

#header ul {
	margin: 0px;
	padding: 10px 10px 0 0;
	float: right;
	list-style: none;
}

#header li {
	display: inline;
}

#header a {
	text-decoration: none;
	color: #757575;
}

#header a:hover, #header .active a {
	color: #B27B06;
	text-decoration: underline;
}

/* ------  */
/* topMenu */
/* ------  */
#topMenu {
  background: #000000 url(media/images/bkgndHeaderTop.png);
  background-position: top left;
	width: 909px;
	height: 30px;
	margin: 0 0 0 0px;
	color: #FFFFFF;
}

#topMenu ul {
	margin: 0px;
	padding: 10px 15px 0px 0;
	float: right;
	list-style: none;
}

#topMenu li {
	display: inline;
}

#topMenu a {
	text-decoration: none;
	color: #FFFFFF;
	
}

#topMenu a:hover, #header .active a {
	color: #B27B06;
	text-decoration: underline;
}

#headerInfo {
	background: url(media/images/bkgndHeader.png);
	height: 152px;
}

#headerStatement {
  font-family: serif;
  padding: 0px 0 0 36px;
  font-size: 1.8em;
}

#headerStatement h2 {
	color: #b27b06;
	margin-top: -93px;
}

#headerCustomAddress {
  line-height: 16px;
  float: right;
  color: #d7d5d5;
  padding-top: 30px;
  margin-right: -4px;

}

#headerCustomAddress ul{
    list-style: none;
    color: #d7d5d5;
}

#headerCustomAddress li{
    display: block;
    color: #d7d5d5;
}

#headerLogo img {
  border-width:0px;
  padding: 40px 0px 0px 36px;
}


#headerPic img {
  border-width:0px;
  width: 180px;
  height: 136px;
  padding: 0px 0px 0px 565px;
  margin-top: -65px;
}


/*- Menu Tabs--------------------------- */ 

#tabs {
      float:left;
			margin: 0 0 0 35px;
      width: 909px;
	    height: 49px;
      background: url(media/images/Button-un.jpg);
      font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
      line-height:normal;
}
#tabs ul {
	    margin:0;
	    padding:0px 0px 0px 0px;
	    list-style:none;
      }
#tabs li {
      display:inline;
      margin:0;
      padding:0;
      }			
			
#tabs a {
      float:left;
      background:url("media/images/Button-left.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 35px;
      text-decoration:none;
      }
#tabs a span {
      float:left;
      display:block;
      background:url("media/images/Button-right.png") no-repeat right top;
      padding:18px 35px 18px 0px;
      color:#757575;
      }
			
#tabs a.active {
      background-position:0% -49px;
      }
#tabs a span.active {
      background-position:100% -49px;
      }
			
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
      color:#B27B06;
      }
#tabs a:hover {
      background-position:0% -49px;
      }
#tabs a:hover span {
      background-position:100% -49px;
      }

/*- portfolioMenu Tabs--------------------------- */ 

#portfolioMenu {
      float:left;
			margin: 0 0 20px 10px;
      width: 374px;
	    height: 32px;
      font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
      line-height:normal;
}
#portfolioMenu ul {
	    margin:0;
	    padding:0px 0px 0px 0px;
	    list-style:none;
      }
#portfolioMenu li {
      display:inline;
      margin:0;
      padding:0;
      }			
			
#portfolioMenu a {
      float:left;
      background:url("media/images/portfolioButton-left.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 30px;
      text-decoration:none;
      }
#portfolioMenu a span {
      float:left;
      display:block;
      background:url("media/images/portfolioButton-right.png") no-repeat right top;
      padding:8px 30px 8px 0px;
      color:#000000;
      }
			
#portfolioMenu a.active {
      background-position:0% -32px;
      }
#portfolioMenu a span.active {
      background-position:100% -32px;
      }
			
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#portfolioMenu a span {float:none;}
/* End IE5-Mac hack */

#portfolioMenu a:hover span {
      color:#FFFFFF;
      }
#portfolioMenu a:hover {
      background-position:0% -32px;
      }
#portfolioMenu a:hover span {
      background-position:100% -32px;
      }

			
/*- portfolioPhotoGalleryMenu Tabs--------------------------- */ 

#portfolioPhotoGalleryMenu {
  float:right;
	padding: 20px 0px 0 0;
	margin: 0px 0 0 0;
}

#portfolioPhotoGalleryMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:small;
}

#portfolioPhotoGalleryMenu ul li {
	position: relative;
	float: left;
  width: 100px;
}

#portfolioPhotoGalleryMenu li ul {
	position: absolute;
	top: 20px;
	display: none;
}

#portfolioPhotoGalleryMenu ul li a {
	display: block;
	text-decoration: none;
	line-height: 10px;
	color: #FFF;
	padding: 5px;
	background: #000;
	margin: 0 2px;
}

#portfolioPhotoGalleryMenu ul li a:hover { background: #10139c; }
#portfolioPhotoGalleryMenu li:hover ul, li.over ul { display: block; }

/*- portfolioPhotoGalleryMenu Flash-Based Dropdown menu --------------------------- */ 

#sideBarDropDownMenu
{	position: absolute;
	top: 669px;
	left: 140px;
	margin: 0;
	padding: 0;
	z-index: 30}
	
/*- portfolioPhotoGalleryMenu Java-Based Dropdown menu --------------------------- */ 

#sddm
{	margin: 0;
	padding: 5px 20px 0 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 6px 10px;
	width: 100px;
	background: url(media/images/Button-un.jpg);
	color: #757575;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: url(media/images/Button-sel.jpg); color: #B27B06}

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

	#sddm div a
	{	z-index: 50;
                position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 98px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e5d5b4;
		color: #000000;
		font: 11px arial}

	#sddm div a:hover
	{	background: #000000;
		color: #FFFFFF}


#galleria{
  padding-left: 70px;
  width: 600px;
  height:420px;
  z-index: 20;
}
 
/* ------  */
/* Content */
/* ------  */

#content {
	width: 909px;
	margin: 0 0 0 35px;
	padding: 0 0 0 0px;
	background: #FFFFFF;
	clear: left;
}

#mainContent {
	width: 684px;
	height: 549px;
	float: right;
	background: url(media/images/contentBkgnd.png);
  background-position: top left;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	background-color: #959595;
}

#mainContent h2 {
  color: #414141;
	padding-left: 30px;
	padding-top:10px;
}

#mainContent p {
  padding-left:30px;
}

#mainContent.Long {
	width: 684px;
	height: 824px;
	float: right;
	background: url(media/images/contentBkgndLong.png);
  background-position: top left;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	background-color: #959595;
}

#mainContent.testimonial {
	width: 684px;
	height: 1000px;
	float: right;
	background: none;
	backgound-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
}

#mainContentImage {
  padding-left:30px;
	padding-right:10px;
	float: left;
}

#mainContent img {
  padding-left:0px;
	padding-right:10px;
	float: left;
}

#mainContent img.leadinPics {
  padding-left:10px;
	padding-right:10px;
	float: left;
}

#mainContentSideBar {
  width: 187px;
	background: #FFFFFF;
  float: right;
	margin: 0 10px 0 10px;
}

#mainContentSideBar p {
  padding-left:10px;
}

#mainContentBlog {
	width: 684px;
	height: 1700px;
	float: right;
	background-color: #fefefe;
  background-position: top left;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
}

#mainContentBlog h2 {
  color: #414141;
	padding-left: 30px;
	padding-top:10px;
}

#mainContentBlog h3 {
  color: #000000;
	font-size: small;
	font-weight: bold;
	padding-left: 30px;
}

#mainContentBlog p {
  padding-left:30px;
	padding-right:30px;
}

#mainContentBlogImageRight {
  padding-left:10px;
	padding-right:30px;
	float: right;
}

#fadeshowHeader {
	margin-left:135px;
}

#slideshowPhoto {
	margin-left: 20px;
	margin-top: -12px;
}

form label {
  display: inline-block;
  width: 125px;
  font-weight: bold;
}

form input {
  width: 25px;
}

form input.button {
  width: 100px;
}

/* ---------  */
/* NewsLayout */
/* ---------  */
#mainContent.News {
	width: 684px;
	height: 1200px;
	height: 
	float: right;
	background: url(media/images/contentBkgndNews.png);
  background-position: top left;
  background-color: #959595;
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
}

#columnLeft {
	width: 456px;
	float: left;
}

#columnRight {
	margin-left: 456px;
	width: 228px;
	border-left: 1px solid #b4b4b4;
}

#mainContent.News p {
  padding-left:20px;
  padding-right: 20px;
}

#mainContent.News h2 {
  color: #414141;
	padding-left: 20px;
	padding-top:10px;
}

#mainContent.News h3 {
  color: #414141;
  padding: 5px 10px 5px 20px;
	font-size: 1.0em;
}

#columnRight ul {
	list-style: none;
	padding-left: 0px;
}


#columnRight li {
	border-bottom: 1px solid #b4b4b4;
}

.insetRight {
	background-color: #ffffff;
  padding: 10px 10px 0px 10px;
	float: right;
	width: 170px;
}

#mainContent.News img.insetRight {
  padding-left: 0px;
}

#mainContent.News p.insetRight {
	padding: 0 0px 0 0px;
}

#rssFeed {
}

#rssFeed img.imgRSS {
  padding-left:20px;
	padding-right:10px;
	float: left;
	width: 90px;
}

/* -----------  */
/* Float Videos */
/* -----------  */
#float-video-right { float: right; margin: 0px 10px 8px 10px; }
#float-video-right p { font-size: 10px; margin: 5px 0 0 -20px;}


/* ------  */
/* Chili   */
/* ------  */

#chiliBallot {
  background: #FFFFFF url(media/images/chili/ChiliBallotbackground.jpg);
  background-repeat: no-repeat;
	margin: 0 0 0 0px;
	padding: 150px 0 0 50px;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #000000;
	height: 675px;
}

#chiliBallot h2 {
  color: #000000;
	padding: 0 0 40px 205px;
}

#chiliBallot h3 {
  color: #000000;
	margin-left: -25px;
}

#chiliBallot ul {
  margin-left: -25px;
}

#chiliBallotLeft {
  float: left;
}

#chiliBallotRight p{
  padding-left: 200px;
	font-weight: bold;
	font-size: 2.0em;
}

/* -------  */
/* Side bar */
/* -------  */
#sideBar {
	width: 225px;
	height: 549px;
  background: url(media/images/sideBarBkgnd.png) no-repeat;
  background-position: top left;
	float: left;
	color:#FFFFFF;
}

#sideBarLong {
	width: 225px;
	height: 824px;
  background: url(media/images/sideBarBkgndLong.png) no-repeat;
  background-position: top left;
	float: left;
	color:#FFFFFF;
}

#sideBar.News {
	width: 225px;
	height: 824px;
  background: url(media/images/sideBarBkgndLong.png) no-repeat;
  background-position: top left;
	float: left;
	color:#FFFFFF;
}

#sideBar.portfolio {
  width: 225px;
	height: 549px;
  background: url(media/images/sideBarPortfolioBkgnd.png) no-repeat;
  background-position: top left;
	float: left;
	color:#FFFFFF;
}

#sideBar p{
	line-height: 120%;
	padding-left:10px;
	padding-right:10px;
}

#sideBar ul {
	list-style: none;
}

#sideBarLong ul {
	list-style: none;
}

#sideBar ul.blog {
  list-style: square;
}

#sideBarLong ul.blog {
  list-style: square;
}

#sideBar h2 {
	padding-left:10px;
	padding-top:10px;
}

#sideBarVideo {
  position: absolute;
	top: 533px;
	padding-left:20px;
	float: left;
}

#sideBarVideoHome {
	padding-left:10px;
	padding-top:15px;
}

#sideBar a {
	text-decoration:   none;
	color: #FFFFFF;
}

#sideBar a:hover, #header .active a {
	color: #B27B06;
	text-decoration: underline;
}

#sideBarLong a {
	text-decoration:   none;
	color: #FFFFFF;
}

#sideBarLong a:hover, #header .active a {
	color: #B27B06;
	text-decoration: underline;
}

#sideBarLong p{
	line-height: 120%;
	padding-left:10px;
}

/* ------  */
/* Portfolio */
/* ------  */
#brightcove {
	width: 666px;
	height: 429px;
  /* background: url(media/images/bkgndPortfolioVideo.png) no-repeat; */
  /* background-position: top left; */
	color:#000000;
	margin: 0px 0 0 10px;
}

#portfolioWebsites {
	width: 666px;
	height: 429px;
  background: url(media/images/contentWebsitesBkgnd.png) no-repeat;
  background-position: top left;
	color:#000000;
	margin: 0px 0 0 10px;
}

#portfolioWebsites img {
	padding-left:20px;
}

#portfolioWebsitesListing {
	width: 210px;
	height: 400px;
	color:#3b3bc4;
	padding: 20px 20px 0 0;
	float: right;
}

#portfolioWebsitesListing ul {
	list-style: none;
}

#portfolioWebsitesListing li {
	   font-size:x-small;
}

#portfolioWebsitesListing a {
	text-decoration: none;
	color: #3b3bc4;
}

#portfolioWebsitesListing a:hover, #header .active a {
	color: #800080;
	text-decoration: underline;
}

#photoDisplay {
	margin: 0 0 0 35px;
	padding: 0;
	background: #000000 url(media/images/bkgndPattern.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#photoDisplay h1 {
  color: #FFFFFF;
}

#photoDisplay h4 {
  color: #FFFFFF;
	font-size:1.0em;
	font: Arial, Helvetica, sans-serif;
}

/* Chili Ballot */

#displayBallot {
	margin: 0 0 0 350px;
	padding: 0 0 0 0px;
}

#chiliballot {
	width: 909px;
	margin: 0px 0 0 35px;
	padding: 0 0 0 0px;
	background: #000000 url(media/images/bkgndChiliBallot.png);
	background-repeat: no-repeat;
	clear: left;
}


/* Footer */

#footer {
	width: 909px;
	margin: 0px 0 0 35px;
	padding: 10px 0 0 10px;
	font-size: smaller;
	clear: both;
}

#footer * {
	color: #FFFFFF;
}

#footerRight {
  float: right;
	margin-right: 25px;
}