/* CSS Document */
/*
CSS Styles for Jack Daniels Redesign
Main Document
*/

* {
  margin: 0;
  padding: 0;
}

html, body {
  /* Need to set body margin and padding to get consistency between browsers. */
  margin:0px;
  padding:0px;   
  text-align:left; /* Hack for IE5/Win */
  background-color: #666;
  color: #000;
  font: 10px Helvetica, Arial, sans-serif;
  background:url(../content/common/bkgrd_tile.jpg) repeat;
}



p {
 font-family: Helvetica, Arial, sans-serif;
 font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
img {
  border: none;
}
input, textarea, select {
  font: 10px Helvetica, Arial, sans-serif;
}

table, tr, td, th, ul, li{
	margin:0px;
	padding:0px;
}

.wrapper{
	width:790px;
	background-color:#fff;
}

.contentheader{
	padding:15px;
}

.thinLine{
	border-top:#e5e5e5 1px solid;
	margin:10px 0;
}

/* main table*/

table.maintbl
{
    background: url(../content/common/bkgrd_table.jpg) no-repeat;
    border:0;
}

td.tdcontent
{
    width:790px;
    background-color:#ffffff;
}

/* MAIN NAV*/

.mainNav{
	padding:0px 10px;
}
.mainNav ul{
}

.mainNav li {
	
	list-style:none;
}

.mainNav li a{
	text-transform:uppercase;
	color:#754939;
	line-height:18px;
	font-size:21px;
	font-weight:bold;
	text-decoration:none;
}

.mainNav li a:hover{
	color:#fff;
}

.mainNav li p.selected{
	text-transform:uppercase;
	font-size:21px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	color:#fff;
}

/* case study section */

.contentCaseStudyTitle{
	margin-right:78%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.contentCaseStudyTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.contentCaseStudy{
	padding:20px 20px 5px;
}
.contentCaseStudy h2{
	padding:10px 0;
	font-size:30px;
	font-weight:normal;
}

.contentCaseStudy p{
	color:#333;
	line-height:22px;
	font-weight:normal;
	padding:0 0 0px 0;
	font-size:18px;
	/*font-weight:normal;*/
}

.contentCaseStudy p.flashAlert{
	color:#333;
	line-height:22px;
	font-weight:normal;
	padding:0 0 0px 0;
	font-size:12px;
	/*font-weight:normal;*/
}

/* end ase study section */


/* PORTFOLIO section */

.portTitle{
	margin-right:85%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.portTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.port{
	padding:20px;
}

.port td{
	vertical-align:top;
}

.port td h3{
	padding:5px 5px 0 5px;
	font-size:12px;
	font-weight:bold;
}

.port td p{
	padding:5px 10px 5px 5px;
	font-size:11px;
	font-weight:normal;
}

.port td p.portType{
	padding:0 5px 5px 5px;
	font-size:11px;
	font-weight:normal;
	color:#888888;
}

.port td a.more{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.port td a.more:hover{
	color:#ff0000;
	font-weight:bold;
}

.port td a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.port td a:hover{
	color:#ff0000;
	font-weight:bold;
}

#more{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#more:hover{
	color:#ff0000;
	font-weight:bold;
}



.lightLink
{
    padding-left:2px;
	color:#fff;
	font-weight:normal;
}

.lightLink:hover{
	color:#ff0000;
	font-weight:normal;
}


.port td.spacer{
	width:10px;
	background-color:#000;
	}
	.port td.spacerwhite{
	width:10px;
	background-color:#fff;
	}
	
	.port td.blankSquare{
	width:180px;
	background-color:#fff;
	}


.port td.ShowNumbers{
	padding:5px 0 5px 0px;
	margin:0px;
	vertical-align:top;
	width:193px;
	background: url(../content/btn/btn_amount_bkg.jpg) no-repeat;
}

.port td.Prev{
	padding:0;
	margin:0px;
	vertical-align:top;
	width:40px;
	/*background:url(../content/common/btn_portPrevLink_01.jpg) no-repeat;*/
}

.port td.Next{
	margin:0px;
	padding:0;
	vertical-align:top;
	width:47px;
	/*background:url(../content/common/btn_portNextLink_01.jpg) no-repeat;*/
}



.port td.ShowNumbers p{
	margin-left:8px;
	color:#666;
	font-size:11px;
	font-weight:normal;
}
	
.port td.Prev a.prevLink {
	margin:0px;
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	

}

.port td.Prev a.prevLink:hover {
	color:#333333;
	/*background:url(../content/common/btn_portPrevLink_02.jpg) no-repeat;*/


}
.port td.Next a.NextLink {
	margin:0px;
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	/*background:url(../content/common/btn_portNextLink_01.jpg) no-repeat;*/


}

.port td.Next a.NextLink:hover {
	color:#333333;
	/*background:url(../content/common/btn_portNextLink_02.jpg) no-repeat; */


}
	
/* END PORTFOLIO SECTION*/


/* Client Section  */

.clientSecTitle{
	margin-right:79%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.clientSecTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.clientSec{
	padding:20px 20px;
	
}

.clientSec img{
	padding:5px 0; 
}

.clientSec p{
	
	font-size:18px;
	font-weight:normal;
}


.clientSec td{
	width:180px;
	vertical-align:top;
	
	}

.clientSec td.spacer{
	width:10px;
	}
/* End Client Section*/

/* NEWS SECTION */

.newsSecTitle{
	margin-right:85%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.newsSecTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.newsSec{
	padding:20px;
}

.newsSec a.newsLink {
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 38px 5px 10px;
	width:215px;
	background-image:url(../content/common/btn_newLink_01.jpg);
}

.newsSec a.newsLink:hover {
	color:#333333;
	background-image:url(../content/common/btn_newLink_02.jpg);

}

.newsSec td{
	vertical-align:top;
}

.newsSec td.spacer{
	width:30px;
}

.newsSec h1{
	padding:10px 0;
	font-size:30px;
	font-weight:normal;
}

.newsSec p{	
	line-height:22px;
	font-weight:normal;
	padding:0 0 10px 0;
	font-size:18px;
	/*font-weight:normal;*/
}

.newsSec a{
	color:#000;
	text-decoration:none;
}

.newsSec a:hover{
	color:#333;
	text-decoration:none;
}


.newsSec p.newsCopy{	
	line-height:14px;
	font-weight:normal;
	padding:0 0 10px 0;
	font-size:11px;
	/*font-weight:normal;*/
}
.newsSec p.newsCopy a{
	text-decoration:underline;
}

.newsSec p.newsAuthor{	
	line-height:14px;
	font-weight:normal;
	padding:0 0 10px 0;
	font-size:10px;
	/*font-weight:normal;*/
}

.newsSec a.more{
	padding-bottom:15px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.newsSec a.more:hover{
	color:#ff0000;
	font-weight:bold;
}

.hidBlock{
	display:block;
}


/* END NEWS SECTION*/


/* SlingShooters section */

.ssSecTitle{
	margin-right:84%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.ssSecTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.ssSec{
	padding:20px 20px 0;
}

.ssSec td{
	vertical-align:top;
}

.ssSec td.spacer{
	width:30px;
}

.ssSec p{	
	line-height:22px;
	font-weight:normal;
	padding:0 0 40px 0;
	font-size:18px;
	/*font-weight:normal;*/
}

.ssSec p.newsCopy{	
	line-height:14px;
	font-weight:normal;
	padding:0 0 10px 0;
	font-size:11px;
	/*font-weight:normal;*/
}

.ssSecForm{
	margin-right:20px;
	background-color:#f2f2f2;
}

.ssSecFormContent{
	padding-left:20px;
}

.ssSecFormContent p.checknewsletter
{
    margin-top:10px;
	font-weight:normal;
	font-size:11px;
}

.ssSecFormContent p.newsEmailField{
	font-weight:bold;
	font-size:11px;
}

.ssSecFormContent td.spacer{
	width:5px;
	height:50px;
}

.ssSecFormContent td.send{
	width:95px;
	background-image:url(../content/common/bk_send.jpg)
}

.ssSecFormContent input.myCheckbox {
	margin:0 0 0 10px;
	padding:0;
}

.ssSecFormContent input.sendemailbox {
	padding:2px;
	width:145px;
	margin:0 10px;
}

#sendemailbox{

	padding:2px;
	width:145px;
	margin:0 10px;
	}

.ssSecFormContent a.sendLink {
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 11px 5px 35px;
	width:70px;
	height: 22px;
	background-image:url(../content/common/btn_sendLink_01.jpg);
}

.ssSecFormContent a.sendLink:hover {
	color:#333333;
	background-image:url(../content/common/btn_sendLink_02.jpg);

}

.ssSecFormContent input.submit-btn
{
    color:#333333;
    
    src:url(../content/btn/btn_send_01.jpg);

}

.ssSecFormContent input.submit-btn:hover
{
    color:#333333;
    src:url(../content/btn/btn_send_02.jpg);

}




/* END SlingShooters SECTION*/

/* Talk to US section */

.talkSecTitle{
	margin-right:87%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.talkSecTitle p{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.talkSec{
	padding:20px;
}

.talkSec a{
	color:#000;
	text-decoration:none;
}

.talkSec a:hover{
	color:#333;
	text-decoration:none;
}

.talkSec p.bigParagraph{
	
	line-height:22px;
	font-weight:normal;
	padding:0 0 10px 0;
	font-size:18px;
	/*font-weight:normal;*/
}

.talkSec p{
	font-weight:normal;
	padding:5px 20px;
	font-size:11px;
	/*font-weight:normal;*/
}
.talkSec p b{
	font-size:11px;
	font-weight:bold;
}

p.txtBold{
	padding:0;
	font-weight:bold;
	font-size:11px;
	/*font-weight:normal;*/
}

p.txtHeader{
	padding:0;
	font-weight:bold;
	font-size:12px;
	background-color:#FFFFFF;
	margin-right:10px;

}

.talkSec p.txtNormal{
	padding:0;
	font-weight:normal;
	font-size:11px;
	background-color:#FFFFFF;
	margin-right:5px;
	display:block;
	/*font-weight:normal;*/
}

.talkSec p.txtSmall{
	padding:0;
	font-weight:normal;
	font-size:10px;
	/*font-weight:normal;*/
}

.talkSec select{
	width:160px;	
	padding:2px;
	font-weight:normal;
	font-size:11px;
	/*font-weight:normal;*/
}
.talkSec option{
	
	padding-left:2px;

}

.talkSec input.attachfile{
	width:220px;	
	padding:2px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:11px;
}

.talkSec input.threedigit{
	width:40px;	
	padding:2px;
	font-weight:normal;
	font-size:11px;
}

.talkSec input.fourdigit{
	width:50px;	
	padding:2px;
	font-weight:normal;
	font-size:11px;
}
.talkSec td{
	height:20px;
	margin:0;
	padding:0;
	vertical-align:top;
}

.title{
	padding:0 25px 0 0;
	background-color:#FFFFFF;
	display:block;
}

.talkSec td.spacer{
	width:10px;
}

.talkSec td.middle{
	vertical-align:middle;
}

.talkSec td.right{
	text-align:right;
}

.talkSec a.browseLink {
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 11px 5px 11px;
	width:70px;
	background-image:url(../content/common/btn_browse_01.jpg);
}

.talkSec a.browseLink:hover {
	color:#333333;
	background-image:url(../content/common/btn_browse_02.jpg);

}

.talkSec a.sendLink {
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 11px 5px 34px;
	width:70px;
	background-image:url(../content/common/btn_sendLinkB_01.jpg);
}

.talkSec a.sendLink:hover {
	color:#333333;
	background-image:url(../content/common/btn_sendLinkB_02.jpg);

}

.thinLineUp{
	border-top:#e5e5e5 1px solid;
	margin:-7px 10px 0 75px;
}

.thinLineSubmit{
	border-top:#e5e5e5 1px solid;
	margin:-7px 10px 0 40px;
}

.thinLineAbout{
	border-top:#e5e5e5 1px solid;
	margin:-7px 10px 0 65px;
}



/* Client section */

.closeSecTitle{
	margin-right:87%;
	text-align:right;
	padding:5px 10px 5px 10px;
	background-color:#000;

}

.closeSecTitle p
{
   
	font-size:11px;
	color:#fff;
	font-weight:bold;
}


.closeSec p {
	color:#333;
	line-height:22px;
	font-weight:normal;
	padding:0 0 0px 0;
	font-size:18px;
}


.closeSec {
	margin:15px 0;
	padding:20px;
}

.clientSec a.sendLink {
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 11px 5px 34px;
	width:70px;
	background-image:url(../content/common/btn_sendLinkB_01.jpg);
}

.closeSec  a.sendLink:hover {
	color:#333333;
	background-image:url(../content/common/btn_sendLinkB_02.jpg);

}

.closeSec td.middle{
	vertical-align:middle;
}

.closeSec td.left{
	vertical-align:middle;
	text-align:left;
}
.closeSec td.right{
	width:70px;
	vertical-align:middle;
	text-align:right;
}

.closeSec td.spacer{
	width:15px;
}


.bottomBlack{
	background-color:#000000;
	padding:25px 0 275px 0;
	width:790px;
}

.bottomBlack img{
	padding:30px 0 30px 20px;
}

#log{
	margin:0 20px;
	}
#log_res 
{   
	margin:0px 0;
	padding:0px;
}

#log_res p {
	font-size:11px;
	color:#666;
	font-weight:normal;
}
#log_res.ajax-loading
{
    display:block;
    background: url(../content/common/spinner.gif) no-repeat center;}
    
#log_res.ajax-display
{
    display:block;
    margin:5px 0;
	padding:0 20px;
    
}

#log_res p.error {
	font-size:10px;
	color:#ff0000;
	font-weight:bold;
	margin:0;
	padding:0;
}

#contact_res 
{
    
	margin:0px 20px;
	padding:0px;
}

#contact_res p {
	font-size:11px;
	color:#666;
	font-weight:normal;
}

#contact_res p.error {
	font-size:10px;
	color:#ff0000;
	font-weight:bold;
	margin:0;
	padding:0;
}

#contact_res.ajax-loading
{
    display:block;
    background: url(../content/common/spinner.gif) no-repeat center;}
    
#contact_res.ajax-display
{
    display:block;
    margin:5px 0;
	padding:0 20px;
    
}

talksec input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 750px; 
	height: 540px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:750px;
		height:540px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		
		}
		div#section3 {
		
		}
		
.noBorder
{
    border:0;
}