/* Metrix 
 * (c) Metrix -- www.Metrix.com
 * 
 */
 
html { padding: 0px; margin: auto; }
body {
    padding: 0px;
    background: #333;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    color: #666; 
    margin: 0px; }
    
img { border: 0; }
	
div { border: 0; }
    
a:link{ 
   color:#8b2e24;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   text-decoration: none;
   }

a:visited{
   color:#8b2e24;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   text-decoration:none;
   }

a:hover{
   color:#8b2e24;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   text-decoration:underline;
   }

a:visited:hover{
    color:#8b2e24;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    text-decoration:underline;
    }
    
/*TABLES*/
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONT IN TABLES */    
body td {
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    color: #666;
	}

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   font: bold 16px Arial, Helvetica, Verdana, sans-serif;
   color: #333;
   margin: 0px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   }

h2 { 
   font: normal 14px Arial, Helvetica, Verdana, sans-serif;
   color: #8b2e24;
   margin: 0px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   }
   
h3 { 
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   color: #8b2e24;
   margin: 0px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
}
   
h4 { 
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   color: #666;
   margin: 0px 0px 0px 0px;
   padding: 10px 15px 5px 15px;
   }
   
/* PARAGRAPH TAG */

p {
   margin: 0px;
   font: normal 12px Arial, Helvetica, Verdana, sans-serif;
   line-height: 16px;
   color: #666;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 15px;
   }


/* HOLDS CONTENT ON THE PAGE */


#container { 
    width: 960px;
    border: 0px solid #fff;
    /*padding: 0px 0px 0px 4px;*/
    padding:0px;
    margin: auto;
    background: #333 url(/pics/index/background_wide.gif) repeat-y;
    }
#video_page #container { 
    background: #333 url(/pics/index/background_wide_white.gif) repeat-y;
    }

/*#container { 
    width: 806px;
    border: 0px solid #fff;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/index/background.gif) repeat-y;
    }*/

#top_bar { 
    border: 0px solid #fff;
    font: bold 10px Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .02em;
    width: 930px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/index/top_rounded_wide.gif) no-repeat;
    color: #645e4e;
    }

/*#top_bar { 
    border: 0px solid #fff;
    font: bold 10px Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .02em;
    width: 776px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/index/top_rounded.gif) no-repeat;
    color: #645e4e;
    }*/ 
    
 #top_bar a{ 
    font: bold 10px Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .02em;
    color: #645e4e;
    }
   
#main_content { 
    border: 0px solid #fff;
    font: bold 11px Arial, Helvetica, Verdana, sans-serif;
    width: 930px;
    padding: 0px;
    margin: auto;
    background: #fff;
    color: #333;
    }
    
#nav_bar { 
    border: 0px solid #fff;
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .02em;
    width: 930px;
    height: 28px;
    padding: 0px;
    margin: auto;
    background: #601b13 url(/pics/index/redbar_bckgrnd.gif) repeat-x;
    color: #fff;
    }

#video_page #nav_bar{
	position:relative;
	z-index:4;}

    
.navtext { 
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: .1em;
    margin: 0px;
    color: #fff;
    display: block;
	border: 0px solid #fff;
	padding: 7px 10px 6px 10px;
    }
    
.navtext a{ 
    color: #fff;
    }
    
.navtext a:hover{ 
    color: #fff;
    background: #333;
    }
    
.navtext a:visited:hover{ 
    color: #fff;
    background: #333;
    }
  
/*home page styles*/ 
#photo { 
    border: 0px solid #fff;
    width: 930px;
    padding: 0px 0 0 15px;    
    color: #666;
    margin:0px;
    
    }
    
/*#photo { 
    border: 0px solid #fff;
    width: 776px;
    padding: 0px;
    margin: auto;
    color: #666;
    }
*/    

#clients{
	height:90px;
	width:180px;
	margin:0px 20px 0px 20px;
	padding:0 0px 5px 25px;
	border:0px #000 solid;
	text-align:center;
	
	}

#clients h4{
	margin:0px;
	padding:30px 0 0 0px;
	font-weight:normal;
	color:#555;
	text-align:center;
	clear:right;
	
	}

#clients a{
	cursor:pointer;}

#home_copy{
	width:300px;
	float:left;
	padding:5px 0 0 0px;
	margin:0px;
	
}
#home_copy p{
	margin:0px;}
	
/*ROTATING LOGOS*/

#myGallery
{
	width: 180px;
	height: 50px;
	z-index:5;
	background-color:#fff;
	text-align:center;
	margin:0px;
	padding:0px;
	/*border:1px #000 solid;*/
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}


/*END CLIENT LOGOS*/


#bottom_bar { 
    border: 0px solid #fff;
    width: 954px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/index/btm_rounded_wide.gif) no-repeat;
    clear: both;
    /*position:relative;
    left:-5px;*/
    }

/*#bottom_bar { 
    border: 0px solid #fff;
    width: 800px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/index/btm_rounded.gif) no-repeat;
    clear: both;
    }*/
    
#news_wrap{
	margin:0px;
	padding:20px;
	float: left;
}
	
#news { 
	
    border: 0px solid #fff;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    width: 272px;
    padding: 0px;
    margin: 0px;
    background: #ddddd3;
    color: #666;
    }
    
.newstext { 
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    padding: 0px 15px 5px 15px;
    color: #666;
    line-height: 14px;
    display: block;
    }

#ad_box { 
    border-top: 1px dotted #8b2e24;
    border-bottom: 1px dotted #8b2e24;
    width: 930px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin:0px 154px 0px 0px;
    clear: both;
    }
    
#ad_boxes { 	
    border: 0px dashed #8b2e24;
    width: 296px;
  	height: 100px;
    padding: 5px;
    margin: auto;
    background: #ddddd3;
    text-align:center;
    }
    
#ad_boxes2 { 	
	float: left;
    border: 0px dashed #8b2e24;
    width: 296px;
  	height: 100px;
    padding: 5px;
    margin: 0px;
    background: #ddddd3;
    text-align:center;
    }
    
#ad_boxes3 { 	
	float: right;
    border: 0px dashed #8b2e24;
    width: 296px;
  	height: 100px;
    padding: 5px;
    margin: 0px;
    background: #ddddd3;
    }

/*sub page styles*/

    
#container_sub { 
    width: 960px;
    border: 0px solid #fff;
    /*padding: 0px 0px 0px 5px;*/
    padding:0px;
    margin: auto;
    background: #333 url(/pics/shared/background_wide.gif) repeat-y;
    position:relative;
    }

#video_page #container_sub{
	  background: #333 url(/pics/shared/background_wide_white.gif) repeat-y;
}

/*#container_sub { 
    width: 806px;
    border: 0px solid #fff;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/shared/background.gif) repeat-y;
    }*/


#bottom_bar_sub { 
    border: 0px solid #fff;
    width: 954px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/shared/rounded_btm_wide.gif) no-repeat;
    clear: both;
    /*position:relative;
    left:-5px;*/
    }
#video_page #bottom_bar_sub { 
    background: #333 url(/pics/shared/rounded_btm_wide_white.gif) no-repeat;
    }
   

/*#bottom_bar_sub { 
    border: 0px solid #fff;
    width: 800px;
    height: 30px;
    padding: 0px;
    margin: auto;
    background: #333 url(/pics/shared/rounded_btm.gif) no-repeat;
    clear: both;
    }*/

#column { 
    width: 776px;
    padding: 0px;
    margin: auto;
    }
    
#middle_column { 	
    border: 0px dashed #8b2e24;
    width: 554px;
    padding: 10px;
    margin-left: 150px;
    
    }
#flash{
	width:776px;
	margin:10px 0 0 0px;
	padding:0px;
	position:relative;
	clear:left;
	}   

#video_page #middle_column{
	width:776px;
	left:-76px;
	position:relative;
	z-index:2;}

#video_page #middle_column h1{ 	
  	float:left;
  	padding:10px 0 10px 0;
  	width:auto;
    }
   
#video_page #middle_column a {
	float:right;
	margin:12px 5px 10px 0;}

    
#middle_column ul{ 	
    border: 0px dashed #8b2e24;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    line-height: 16px;
    }    

.normal_weight a, .normal_weight a:hover {
	font-weight:normal;	
}
  
  
#left_column { 	
	float: left;
    border: 0px dashed #8b2e24;
    width: 127px;
    padding: 0px;
    margin: 0px;
    color: #5a594d;
    }
    
#left_column ul{ 	
    border: 0px dashed #8b2e24;
    width: 127px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    color: #5a594d;
    } 
    
#left_column li{ 	
    
    width: 133px;
	padding:0px;
    /*padding: 8px;*/
    margin: 0px;
    list-style: none;
    color: #5a594d;
    } 
    
#left_column a{ 
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	display:block;
	padding: 8px;
    margin: 0px;
    color: #5a594d;
	border-bottom: 1px dashed #bdbdbd;
    } 
    
#left_column a:hover,  #left_column a.active, #left_column #active{ 
    padding: 8px;
	display:block;
    margin: 0px;
    color: #8b2e24;
	background:url(/pics/shared/temp_hover.gif) repeat-y left;
    } 
#left_column a.active, #left_column #active{font:bold 12px Arial, Helvetica, Verdana, sans-serif; }

#left_column a.indent{
	padding:4px 8px 4px 20px;
	color:#7b7a6d;
	font-size:11px;}

#left_column #active.indent{ 
    padding:4px 8px 4px 20px;
	color: #8b2e24;
	font-size:11px;
	font-weight:normal;
    } 
   
#left_column a.indent:hover, #left_column a.indent:visited:hover{
	padding:4px 8px 4px 20px;
	color: #8b2e24;
	font-size:11px;
	font-weight:normal;}   
	
#right_column { 	
	float: right;
    border: 0px dashed #8b2e24;
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    padding: 8px;
    margin: 0px;
    width: 180px;
    }
 
    
    
.right_column_text { 	
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    }
 
#spacer { 	
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}
 
.footer { 
    border: 0px solid #fff;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    width: 960px;
    padding: 0px;
    margin: auto;
    clear: both;
    text-align: center;
    color: #999;
    }
    
.footer a{ 
    text-align: center;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    color: #999;
    text-decoration: none;
    }
    
.footer a:hover{ 
    text-align: center;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    color: #999;
    text-decoration: underline;
    }
    
.footer a:visited{ 
    text-align: center;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    color: #999;
    text-decoration: none;
    }
.footer a:visited:hover{ 
    text-align: center;
    font: normal 10px Arial, Helvetica, Verdana, sans-serif;
    color: #999;
    text-decoration: underline;
    }
blockquote{
	width:177px;
	padding:0 5px 5px 5px 5px;
	margin:0px;
	color:#8b2e24;
	}
	
blockquote p{
	padding:10px 0 5px 0;
	margin:0px;
	color:#8b2e24;
	font-weight:bold;
	}

blockquote cite{
	text-align:right;
	float:right;
	color:#555;}

blockquote cite span{
	font-size:.8em;}
	
#quote { width:177px;padding-top:20px; }

#quote h2 {
height:16px;
width:167px;
background:url('/pics/shared/right_col_callout_h2.gif') no-repeat;
font:normal 12px Arial, Helvetica, Verdana, sans-serif;
color:#8b2e24;
display:block;
padding:5px;}

#quote p { padding:5px;color:#8b2e24;font:normal 13px Arial, Helvetica, Verdana, sans-serif; }
#quote p span{font-size:.8em;color:#555;}
#requestdemo { width:150px;margin:0 auto;background:url('/pics/shared/request_demo.gif') no-repeat; }

#requestdemo a, #requestdemo a:hover {
width:150px;
height:27px;
display:block;
border:none;
font:normal 14px Arial, Helvetica, Verdana, sans-serif;
color:#fff;
text-align:center;
text-decoration:none;
line-height:27px; }

#requestdemo a {background:url('/pics/shared/request_demo.gif') no-repeat;}

#requestdemo a:hover {background:url('/pics/shared/request_demo_hover.gif') no-repeat;}