body {
  color: #303030;
  padding:0px;
  margin: 0px;
  font: 9pt 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  background: url("http://www.thepattern.net/images/bg.gif") repeat #9e9994;
}

/*<group=Header and Footer>*/

#header {
  border:0px solid blue;
  padding:10px;
  text-align: center;
  background-color:#F9F9F9;
}

#company-header{
  border-left:10px solid #E1E0DB;
  border-right:10px solid #E1E0DB;
  width: 800px;
  height: 45px;
  padding: 10px;
  margin: 0px auto;
  background-color:#fff;
}

#company-header h1 {
display:none;
color: #FFF;
font-size:12px;
  margin: 0px;
  text-align:center;
}

#company-header img{

}

.header-details{

}


#header-bottom{

}

#company-footer {
  border-top:10px solid #E1E0DB;
  border-left:10px solid #E1E0DB;
  border-right:10px solid #E1E0DB;
  border-bottom:10px solid #E1E0DB;
  width: 800px;
  padding: 10px;
  margin: 10px auto;
  background: url("http://www.thepattern.net/images/navbg.gif") repeat #f0f0f0;
}


.footer-details{
  padding-top:0px;
  color: #7C746B;
}

.footer-details a{
  color: #7C746B;
}


/*</group>*/



/*<group=Navigation>*/




#company-top-navigation {
  border-left:10px solid #E1E0DB;
  border-right:10px solid #E1E0DB;
  width: 800px;
  padding: 10px;
  margin: 0px auto;
  border-bottom:10px solid #E1E0DB;
  background: url("http://www.thepattern.net/images/navbg.gif") repeat #f0f0f0;
}

#company-top-navigation ul {
	margin: 0px;
	padding-left: 4px;
	border:0px solid red;
	list-style-type: none;
}

#company-top-navigation ul li {
	display: inline;
}

#company-top-navigation li a {

	list-style: none;
	padding-right: 10px;
	border:0px solid #444;
	text-decoration: none;
	color: #7C746B;
	font-size:12px;
        font-family: helvetica, arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
}

#company-top-navigation li a:before {
	content: "\00BB \0020";
        font-size: 18px;
        margin-right: -6px;
}


#company-top-navigation li a:hover {
   color: #000;

}

#company-top-navigation-extra {
 border:1px solid red;
 clear: left;
}

#company-top-navigation li.last {

}

#bottom-navigation {

  text-align: center;
}

#bottom-navigation ul {
  display: inline;
}

#bottom-navigation li {
  padding-left: 0px;
}

#bottom-navigation-extra {
	
}
/*</group>*/

/*<group=Content>*/



#content {
 border:0px solid #DDD;
 margin-bottom: 0px;
 
}

#home-content{
  border-top:10px solid #E1E0DB;
  border-left:10px solid #E1E0DB;
  border-right:10px solid #E1E0DB;
  border-bottom:10px solid #E1E0DB;
  width: 800px;
  padding: 10px;
  margin: 10px auto;
  background-color:#fff;
}


#home-content table{
  border:0px solid red; 
}

#home-content img{
 width: 300px;
 height: 200px;
 border: 7px solid #000;
}

#home-content img:hover{
 width: 300px;
 height: 200px;
 border: 7px solid #b58f63;
}


#home-content a{
  text-decoration: none; 
  color: #b58f63;
}

#home-content a:hover{
  color: #b58f63;
  border-bottom: 1px dotted #b58f63;
}

#home-content h3{
 margin: 0px;
 padding: 0px;
 text-decoration: none;
 font-size:20px;
 color: #DAC198;
 font-weight:bold;
 text-transform: uppercase;
 font-family: helvetica, arial, sans-serif;
}

#home-content h3 a{
 text-decoration: none;
 color: #DAC198;
 border-bottom: 0px dotted #444;
}


#home-content h3 a:hover{
 text-decoration: none; 
 border-bottom: 0px dotted #444;
 color: #b58f63;
}




/*</group>*/

/*<group=Pages>*/

#page {
  border-top:10px solid #E1E0DB;
  border-left:10px solid #E1E0DB;
  border-right:10px solid #E1E0DB;
  border-bottom:10px solid #E1E0DB;
  width: 800px;
  padding: 10px;
  margin: 10px auto;
  background-color:#fff;
}



#page-content {


}

#page-content a{
  text-decoration: none; 
  color: #b58f63;
}

#page-content a:hover{
  color: #b58f63;
  border-bottom: 1px dotted #b58f63;
}


#page-content h3{
 margin: 0px;
 padding: 0px;
 margin-bottom: -35px;
 text-decoration: none;
 font-size:20px;
 color: #DAC198;
 font-weight:bold;
 text-transform: uppercase;
 font-family: helvetica, arial, sans-serif;

}

#page-content h3 a{
 text-decoration: none;
 color: #DAC198;
 border-bottom: 0px dotted #444;
}


#page-content h3 a:hover{
 text-decoration: none; 
 border-bottom: 0px dotted #444;
 color: #b58f63;
}



#page-content img{
	border: 1px solid white;
}

#page-menu {
  margin-top: 1px;
  padding-bottom: 20px;
  padding-top: 0px;
  padding-left:0px;
  padding-right:0px;
  width: 180px;
  border:0px solid #EEE;
  vertical-align:top;
}

.page-menu-heading{
 border: 0px solid red;
 padding-top: -10px;
 margin: 0;
 font-size:32px;
 color: #E1E0DB;
 font-weight:bold;
 text-transform: uppercase;
 font-family: helvetica, arial, sans-serif;
	
}
.page-menu-heading a{
 border: 0px solid red;
 font-size:26px;
 color: #CCC;
 font-weight:bold;
 text-decoration:none;
	
}

#page-menu h2{
 border: 0px solid red;
 font-size:26px;
 color: #CCC;
 padding:0px;
vertical-align:top;
}

#page-menu h2 a{
 border: 0px solid red;
 font-size:26px;
 color: #CCC;
}

#main-title-heading{
 font-size:26px;
 color: #CCC;
}


#page-menu ul{
 border:0px solid blue;
 padding:0px;
}

#page-menu li{

  list-style-type:none;
  padding:0px;
  border:0px solid #999;
  font-size:12px;
 color: #CCC;
margin-bottom:10px;
}

#page-menu li a{
 text-decoration:none;
 color:#535353;
 font-size:12px;
 border:0px solid #999;
}


/*</group>*/

/*<group=Characters>*/
#cast h2{
 font-size:26px;
 color: #6ca0c2;
 border:0px solid #F00;
 float:left;
 height:1500px;
 width:200px;
}

#characters {
  overflow: hidden;
}

.character-group{
  border:0px solid #EEE;
  margin-bottom:10px;
}

.character-group h3{
 color: #6ca0c2;
font-size:20px;
 border-bottom: 1px dashed #CCC;
 width:250px;
}

.character {
 float: left;
 border:0px solid #F60;
 width:240px;
 height:75px;
 margin-bottom:15px;
 text-align:center;
}

.character:hover {
 background-color:#F0F0F0;
}

.character-image img{
 width:75px;
 height:75px;
 border:1px solid #AAA;
 float:left;
 margin-right:8px;
 font-size:1px;
}

.character-name{
 text-align:left;
 float:left;
 color:#575757;
 font-size:10px;
 padding-top:25px;
 width:150px;
}

.character-name a{
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 color:#333;
}


.character-heading{
 border:0px solid red;
 font-size:20px;
 font-weight:bold;
 margin-bottom: 20px;
}

.character-headshot{
 margin-right:8px;
 margin-bottom:4px;
 border:0px solid red;

 float:left;
}

.character-headshot img{
 width:200px;
 border:1px solid #AAA;
}

.character-description{
 float:left;
 width:315px;
 border:0px solid red;
 font-size:12px;
}


#page-menu h3{

 color: #6ca0c2;
font-size:12px;
 border-bottom: 1px dashed #CCC;
}

/*</group>*/




/*<group=Crew>*/
#crew-list {
 display:none;
}

#crew h2{
 font-size:26px;
 color: #6ca0c2;	
 border:0px solid #F00;
 float:left;
 height:1500px;
 width:200px;
}

#crew-members {
  overflow: hidden;
}

.crew-member {
 margin-bottom:25px;
 float: left;
 width:570px;
 border:0px solid #EEE;
 text-align:center;
}


.crew-image img{
 width:200px;
 height:200px;
 border:1px solid #AAA;
 float:left;
 margin-right:8px;
 margin-bottom:4px;
 font-size:1px;
}

.crew-name{
 text-align:left;
 float:left;
 width:358px;

 color:#575757;
 font-size:18px;
 font-weight:bold;
 border:0px solid #DDD;


 margin-bottom:10px;
 
}
.crew-bio{
 text-align:left;
 font-size:11px;
 text-align:justify;
}


/*</group>*/

/*<group=Feeds>*/
#feed-content{
	display: none;
	border:1px solid red;
}
/*</group>*/;