/* this is the clipping region for the menu. 
it's width and height get set by script, depending on the size of the items table 
*/.mtDropdownMenu {position:absolute; overflow:hidden; left:-1000px; top:-1000px;}
/* this is the main container for the menu itself. it's width and height get set by script, 
depending on the size of the items table */.mtDropdownMenu .content 
{position:absolute;}
/* this table comprises all menu items. each TR is one item. It is relatively positioned so 
that the shadow and background transparent divs can be positioned underneath it 
*/.mtDropdownMenu .items 
{position:relative; left:0px; top:0px; border:1px solid #999; z-index:2;}.mtDropdownMenu.top .items 
{border-top:none;}
/* each TR.item is one menu item 
*/.mtDropdownMenu .item { color: white; font-size:11px; font-family:Helvetica, Arial, sans-serif; text-decoration:none;	
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row 
*/border:none; cursor:pointer; cursor:hand;}
/* this DIV is the semi-transparent white background of each menu. 
the -moz-opacity is a proprietary way to get transparency in mozilla, 
the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; 
that browser only uses a semi-transparent white PNG that the spacer gif 
inside this DIV is replaced by 
*/.mtDropdownMenu .background {position:absolute; left:0px; top:0px; z-index:1; -moz-opacity:.8; filter:alpha(opacity=87);}
/* same concept as .background, but this is the sliver of shadow on the 
right of the menu. It's left, height, and background are set by script. 
In IE5/mac, it uses a PNG 
*/.mtDropdownMenu .shadowRight {position:absolute; z-index:3; top:3px; width:1px; -moz-opacity:.4; filter:alpha(opacity=0);}
/* same concept as .background, but this is the sliver of shadow on the 
bottom of the menu. It's top, width, and background are set by script. 
In IE5/mac, it uses a PNG 
*/.mtDropdownMenu .shadowBottom {position:absolute; z-index:1; left:3px; height:1px; -moz-opacity:.4; filter:alpha(opacity=0);}
/* this is the class that is used when the mouse is over an item. 
script sets the row to this class when required. 
*/.mtDropdownMenu .item.hover {background:#08AE00; color:#FFFFFF;}

/* this is either the dingbat that indicates there is a submenu, or a 
spacer gif in it's place. We give it extra margin to create some space 
between the text and the dingbat 
*/.mtDropdownMenu .item img {margin-left:10px;}


body
{
margin: 0px;
padding: 0px;
border: none;
background-color: Black;
font-family: arial, sans-serif;
}

h1, h2, h3, h4, h5  { font-weight: bold; font-family: arial, sans-serif; padding:0px;}
h1 { font-size: 16px; line-height: 18px; }
h2 { font-size: 14px; line-height: 16px; }
h3 { font-size: 12px; line-height: 14px; }
h4 { font-size: 11px; line-height: 13px; }
h5 { font-size: 10px; line-height: 12px; }

p.xxxlarge { font-size: 16px; line-height: 18px;}
p.xxlarge { font-size: 15px; line-height: 17px;}
p.xlarge { font-size: 14px; line-height: 16px;}
p.large { font-size: 13px; line-height: 15px;}
p.medium { font-size: 12px; line-height: 14px;}
p.small { font-size: 11px; line-height: 13px;}
p.xsmall { font-size: 10px; line-height: 12px;}
p.xxsmall { font-size: 9px; line-height: 11px;}
p.xxxsmall { font-size: 8px; line-height: 10px;}

a:link, a:visited
{ color : #dda41d; text-decoration: none;}
a:hover, a:active
{ color : white; text-decoration: none;}
a.category:link, a.category:visited
{ color: #9b9b9b; text-decoration: none; }
a.category:hover, a.category:active  
{ color: white; text-decoration: none; }
a.navbar:link, a.navbar:visited
{ color: #9b9b9b; text-decoration: none; }
a.navbar:hover, a.navbar:active  
{ color: #ffb400; text-decoration: none; }
a.story:link, a.story:visited
{ color: #004eff; text-decoration: none; }
a.story:hover, a.story:active
{ color: #008aff; text-decoration: none; }
a.homecopy:link, a.homecopy:visited
{ color: #00b4ff; text-decoration: none; }
a.homecopy:hover, a.homecopy:active
{ color: #00e4ff; text-decoration: none; }
a.footer:link, a.footer:visited
{ color: white; text-decoration: none; }
a.footer:hover, a.footer:active
{ color: yellow; text-decoration: none; }
a.subnav:link, a.subnav:visited
{ color: #0400b1; text-decoration: none; }
a.subnav:hover, a.subnav:active
{ color: #0072ff; text-decoration: none; }

div.main { width:1000px; margin:0 auto; padding:0px;}

div.footer 
{ 
position:relative; 
width: 1000px; 
margin: 0 auto; 
padding-top: 5px; 
text-align: center;
font-size: 11px; 
line-height: 13px; 
color: gray; 
border: solid 0px gray;
}

img
{
border: 0px;
}

div.clear { clear: both; }

div.space { width: 10px; float:left; }

.home-header
{
margin: 0 auto; 
padding: 0px; 
background-image:url('../images/home-header-back.jpg'); 
background-repeat:repeat-x; 
height:123px; 
width:1000px;
margin: 0px;
padding: 0px;
}

.logo
{
float:left;
padding-top:19px;
padding-bottom:0px;
padding-right:0px;
padding-left:38px;
width:311px;
height:110px;
}

.ad-468x60
{
float:right;
padding-top:20px;
padding-bottom:0px;
padding-right:40px;
padding-left:0px;
width:468px;
height:60px;
}

div.ad-story-container-300x250
{
float:right; 
padding-right:42px; 
border:0px solid white;
}

div.ad-story-300x250
{
clear: both;
padding-top:20px; 
padding-bottom:0px;
}

.top-menu
{

float:right;
padding-top:3px;
padding-bottom:0px;
padding-right:10px;
padding-left:0px;
width:560px;
height:30px;
border:0px solid white;
}

.top-menu-element
{

float:left;
padding-top:0px;
padding-bottom:0px;
padding-right:15px;
padding-left:0px;
border:0px solid white;
}

div.home-feature
{
background-image:url('../images/home-feature.jpg');
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
width:1000px;
height:298px;
}

div.home-feature-listing-back
{
padding-top:20px;
padding-bottom:0px;
padding-right:0px;
padding-left:17px;
width:324px;
height:241px;
}

div.home-feature-listing
{
position:relative; 
top:-260px;
z-index:1;
font-size: 11px;
color:#a9a9a9;
margin-top: 18px;
padding-top:20px;
padding-bottom:20px;
padding-right:15px;
padding-left:42px;
width:275px;
height:238px;
font-size:10px;
line-height:12px;
}

span.feature-listing-company-name

{
font-size:12px; 
font-weight:bold; 
color:white;
}

div.home-feature-image
{
position:relative; 
top:-7px;
width:274px;
height:178px;
padding:0px;
}

div.home-feature-text
{
position:relative; 
top:-5px;
}

div.category
{
margin:0 auto; 
padding:0px; 
background-image:url('../images/home-category-back.jpg'); 
background-repeat:repeat-x; 
height:101px; 
width:1000px;
margin: 0px;
padding: 0px;
}

div.category-element
{
float:left;
width:67px;
height:57;
padding-top:20px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
text-align:center;
}

div.category-text
{
float:left;
text-align:left;
width:67px;
font-size:11px;
font-weight:bold;
text-align:center;
margin:0 auto; 
padding:0px;
}

div.home-story
{
width:1000px;
height: auto;
/*
height:280px; 
*/
padding-top:20px;
padding-bottom:20px;
margin:0 auto; 
background: #929292;
background-repeat:repeat-x; 
color:#525252;
font-size:11px;
line-height:13px;
clear:both;
border: 0px solid green;

}

div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292);
padding-top: 10px; 
height:auto; 
/*
height:280px; 
*/
width:965px; 
background-repeat:repeat; 
margin:0 auto; 
clear:both;
border: 0px solid yellow;
}

div.home-story-container
{
	/*
float:left; 
*/
width:600px; 
height: auto;
padding-left:20px; 
padding-top: 10px; 
padding-right:0px; 
position: relative;
clear:both;
border: 0px solid blue;
}



div.ad-home-300x250
{
position: relative;

left: 620px;
top: -255px;
width: 300px;
height: 0px;
vertical-align: text-top;
	/*
float:right; 
*/
padding-left:20px; 
padding-right:20px; 
padding-top:10px; 
padding-bottom:10px; 
border: 0px solid red;
}




div.story
{
float: left; 
padding:0px;
margin:0 auto; 
padding:0px; 
background-image:url('../images/story-back.jpg'); 
background-repeat:repeat-x; 
width:1000px;
margin: 0px;
color:#525252;
font-size:10px;
line-height:11px;
clear:both;
border: 0px solid yellow;
}


div.story-container
{
float: left; 
width: 590px;
height: auto;
padding-left:43px;
border:0px solid blue;
clear:both
border: 0px solid pink;
}

.hr
{  
width:590px;
}

div.story-padding
{
padding-top:10px; 
padding-bottom:5px;
border:0px solid red;
}

div.listing-padding
{
margin-top:-4px; 
padding-bottom:5px;
border:0px solid red;
}

.story-logo
{
float:left; 
padding-right:10px; 
padding-bottom:5px; 
width:50px; height:50px; 
border:0px solid white;
}

span.company-name
{
font-size:12px; 
font-weight:bold; 
color:white;
}

div.title
{  
color:#e7e7e7;
font-weight:normal; 
font-family:arial, sans-serif; 
padding:0px;
font-size:40px; 
line-height:42px; 
}


/*
@media (min-width: 320px) and (max-width: 480px) {
div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292) !important;
padding-top: 10px !important; 
height:1000px !important; 
width:965px !important; 
background-repeat:repeat !important; 
margin:0 auto !important; 
clear:both !important;
border: 1px solid orange !important;
}

div.home-story
{
width:1000px !important;
height:1000px !important;
padding-top:20px !important;
padding-bottom:20px !important;
margin:0 auto !important; 
background: #929292;
color:#525252 !important;
font-size:11px !important;
line-height:13px !important;
clear:both !important;
border: 1px solid green !important;
}

}

@media (min-width: 481px) and (max-width: 767px) {
div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292) !important;
padding-top: 10px !important; 
height:1000px !important; 
width:965px !important; 
background-repeat:repeat !important; 
margin:0 auto !important; 
clear:both !important;
border: 1px solid orange !important;
}

div.home-story
{
width:1000px !important;
height: 1000px !important;
padding-top:20px !important;
padding-bottom:20px !important;
margin:0 auto !important; 
background: #929292;
color:#525252 !important;
font-size:11px !important;
line-height:13px !important;
clear:both !important;
border: 1px solid green !important;
}
}


@media (min-width: 768px) and (max-width: 991px) {
div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292) !important;
padding-top: 10px !important; 
height:280px !important; 
width:965px !important; 
background-repeat:repeat !important; 
margin:0 auto !important; 
clear:both !important;
border: 1px solid orange !important;
}

div.home-story
{
width:1000px !important;
height: 280px !important;
padding-top:20px !important;
padding-bottom:20px !important;
margin:0 auto !important; 
background: #929292;
color:#525252 !important;
font-size:11px !important;
line-height:13px !important;
clear:both !important;
border: 1px solid green !important;
}
}

@media (min-width: 991px) and (max-width: 1199px) {
div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292) !important;
padding-top: 10px !important; 
height:280px !important; 
width:965px !important; 
background-repeat:repeat !important; 
margin:0 auto !important; 
clear:both !important;
border: 1px solid orange !important;
}

div.home-story
{
width:1000px !important;
height: 280px !important;
padding-top:20px !important;
padding-bottom:20px !important;
margin:0 auto !important; 
background: #929292;
color:#525252 !important;
font-size:11px !important;
line-height:13px !important;
clear:both !important;
border: 1px solid green !important;
}
}


@media (min-width: 1200px) {
div.home-story-overlay
{
background-image: linear-gradient(#bdbdbd, #929292) !important;
padding-top: 10px !important; 
height:280px !important; 
width:965px !important; 
background-repeat:repeat !important; 
margin:0 auto !important; 
clear:both !important;
border: 1px solid orange !important;
}

div.home-story
{
width:1000px !important;
height: 280px !important;
padding-top:20px !important;
padding-bottom:20px !important;
margin:0 auto !important; 
background: #929292; 
color:#525252 !important;
font-size:11px !important;
line-height:13px !important;
clear:both !important;
border: 1px solid green !important;
}
}

*/