/*====================
	Title: Welcome to Alecharrison
	Date: 22.07.09
====================*/
*{
	margin:0; padding:0;
}
body{
	font-family: Arial,Verdana,"Trebuchet MS",Georgia, Lucida,Helvetica,sans-serif,Tahoma;
	text-align:center;
	color:#2E2E2E;
	font-size:15px;
	background:#EAEAEA url(images/body-bg.jpg) repeat-x;
}
:focus{
	outline:none;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}	
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#971400;
	text-decoration:underline;
}
.hide,a b{
     position: absolute;
     left: -9999px;
}
/*---------------- page structure -----------*/
.wraper{
	width:1110px;
	margin:0 auto;
	text-align:left;
}
.header{
	width:1095px; height:216px;
	padding:0 8px 0 7px;
	position:relative;
}
.topshade{
	position:absolute;
	z-index:100;
	top:90px; right:13px;
	}
.hdrTop{
	width:1095px; height:90px;
	overflow:hidden;
}
.addLogo{
	width:245px; height:90px;
	float:right;
	display:block;
}
.hdrBottom{
	width:1095px; height:126px;
	background:#FFF url(images/header-bg.jpg) repeat-x ;
	overflow:hidden;
}
.logo{
	width:342px; height:80px;
	float:left;
	display:block;
	margin:40px 0 0 47px;
}
.banner{
	width:1095px; height:361px;
	padding:0 7px;
	/* background:url(images/banner-bg.jpg) no-repeat bottom left; */
	position:relative;	
	
}
.banner object{
	position:absolute;
	top:0;
	z-index:2;
	}
.banner .ban{
	position:absolute;
	z-index:1;
	top:0;
	}


/*-----------------CreditList----------*/
.Clist{
	margin-left:80px;	
	margin-top:20px;
	border:1px solid #eaeaea;
	width: 250px; 
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	}
	
/*-----------------DemoReel----------*/
.demoreel{
	margin-left:20px;	
	margin-top:0px;
	margin-bottom:10px;
	border:1px solid #eaeaea;
	width: 350px; 
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	float:left;
	}
	
/*-----------------Logos----------*/
.logos{
	margin-left:20px;	
	margin-top:0px;
	margin-bottom:10px;
	width: 690px; 
	padding-top:10px;
	padding-bottom:15px;
	text-align:center;
	float:left;
	}
 

/*-----------------Navigation----------*/
.nav{
	float:right;
	padding-right:40px;	
	margin-bottom:50px;
	border-bottom:1px solid #eaeaea;
	}
.altnav{
	border:none;
	}
.altnav li{
	background:url(images/headertop.png) no-repeat;
	}
.nav li{
	float:left;
}
.nav li a{
	display:block;
	height:114px;
	float:left;
	text-indent:-9999px;
	}
.home{
	width:70px;
	background:url(images/jhome.png) no-repeat 0 94px;
	}
.selected .home{
	width:70px;
	background:url(images/home.gif) no-repeat 0 -342px;
	}
.about{
	width:132px;
	background:url(images/jabout.png) no-repeat 0 94px;
	}
.selected .about{
	background:url(images/about.gif) no-repeat 0 -342px;
	}
.samples{
	background:url(images/jsamples.png) no-repeat 0 94px;
	width:99px;
	}
.selected .samples{
	background:url(images/samples.gif) no-repeat 0 -342px;
	}
.contact{
	background:url(images/jcontact.png) no-repeat 0 94px;
	width:99px;
	}
.selected .contact{
	background:url(images/contact.gif) no-repeat 0 -342px;
	}

/*---------------- services -----------*/
.mainBody{
	width:1110px;
	background:url(images/mainbody-bg.jpg) repeat-y;
}
.info{
	width:1110px;
	overflow:hidden;
}

.creditlist{
	padding-left:10px;
	line-height:23px;
	color:#971400;
}
.topInfo{
	width:1103px;
	overflow:hidden;
}
.topInfo .left{
	width:512px;
	float:left;
	padding-left:54px;
	margin-top:60px;
}

.topInfo .mid{
	width:1012px;
	float:left;
	padding-left:54px;
	margin-top:60px;
}

.topInfo .ignore{
	margin-top:0;
	}
.topInfo .right{
	width:445px; 
	float:right;
}

.topInfo .mid h2{
	margin:0 0 20px -54px;
}
.topInfo .mid p{
	line-height:27px;
	padding-bottom:20px;
}

.topInfo .left h2{
	margin:0 0 20px -54px;
}
.topInfo .left p{
	line-height:27px;
	padding-bottom:20px;
}
.topInfo .left .listen{
	padding-left:10px;
	line-height:23px;
	color:#971400;
}
.topInfo .left .listen a{
	color:#971400;
}
.imgHolder1{
	display:block;
	padding-left:7px;
	width:1095px;
	text-align:center
}
/*---------------- about alec -----------*/
.photoList{
	overflow:hidden;
	margin-right:1px;
}
.photoList li{
	display:block;
	float:left;
}

/*-----------------Slide show
*/
.slideshow{
	margin:0 auto;
	width:296px; height:320px;
	background:url(images/photo-bg.jpg) no-repeat;
	padding-top:13px;
	padding-left:13px;
}
.slideInner{
	width:284px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:280px;
	overflow:hidden;
	position:relative;
	}
.slideInner .slide{
	position:absolute;
	left:0;
	width:284px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:280px;
	display:block;
	background:#fff;
}
.slideInner .slide .caption{
	padding-top:18px;
	display:block;
	text-align:center;
	}
.previous{
	width:54px; height:333px;
	display:block;
	background:url(images/previous-photo.jpg) no-repeat;
}
.next{
	width:68px; height:333px;
	display:block;
	background:url(images/next-photo.jpg) no-repeat;
}

.listing{
	width:1048px;
	padding:0 0 0px 54px;
	float:left;
	display:block;
}
.listing dd{
	display:block;
	float:left;
	width:294px;
	margin-left:64px;
	display:inline;
}
.listing dd.first{
	margin-left:0;
}
.listing dd ul{
	width:294px;
	margin-bottom:50px;
}
.listing dd ul li{
	display:block;
	background:url(images/bullets.gif) no-repeat left;
	line-height:28px;
	padding-left:26px;
	overflow:hidden;
}
*html .listing dd ul li{
	height:1%;
	}
.listing dd ul li b{
	color:#9B1500;
	font-weight:normal;
}
.listing dd ul li label{
	color:#2E2E2E;
	float:right;
}
.listing dd .altview li,.listing dd ul .title{
	background:none;
	color:#2E2E2E;
	font-weight:bold;
	padding-left:0;
	margin-left:-30px;
}
.listing dd .altview li{
	margin-bottom:25px;
	}
	
.listing dd .altview2 li{
	padding-left: 10px;
	line-height:20px;
	background:none;
	color:#999999;
	font-size:10px;

	}
.listing dd ul .title{
	margin-left:0px;
	}
.listing dd .altview li a{
	margin-left:30px;
	float:none;
	}
	
.listing dd ul .altLi{
	background:#F8F8F8 url(images/bullets3.gif) no-repeat left;
}
/*.listing dd ul li a{
	margin-right:40px;
}*/
.contactForm{
	width:1052px; height:390px;
	padding-top:71px;
	margin-left:15px;
	background:url(images/form-bg.jpg) no-repeat;
	position:relative;
}
.contactForm dl{
	width:1000px;
	margin-left:40px;
	overflow:hidden;
	background:url(images/form-bg2.jpg) no-repeat 480px 0;
}
.contactForm dd{
	width:500px;
	float:left;
}
.contactForm input,.contactForm textarea{
	border:0;
	width:427px; height:28px;
	padding:9px 0 0 10px;
	margin-bottom:10px;
	font:15px Arial;
	background:url(images/inputbg.gif) no-repeat;
}
.contactForm textarea{
	height:233px;
	background:url(images/txtareabg.gif) no-repeat;
}
.contactForm .reset{
	width:68px;	height:17px;
	padding:0; border:0;
	background:url(images/clear.gif) no-repeat;
	cursor:pointer;
	}
.contactForm .reset:focus{
	outline-style:none;
	}
.contactForm .list{
	width:400px;
	padding:130px 0 0 50px;
}
.list li{
	border-bottom:1px dashed #DFDFDF;
	margin-bottom:12px;
	display:block;
	width:420px;
	overflow:hidden;
	padding-bottom:5px;
}
.list p{
	float:left;
}
.list span{
	width:210px;
	float:right;
}
.add{
	width:90px; height:101px;
	display:block;
	background:url(images/25c.jpg) no-repeat;
	position:absolute;
	top:10px;
	right:20px;
}
.addArea{
	text-align:center;
	padding:60px 0;
}
.addArea a{
	margin-left:17px;
}
.btnList{
	width:438px;
	overflow:hidden;
}
.btnList li{
	float:right;
	display:block;
	background:url(images/bar.gif) no-repeat left 2px;
	padding-left:4px;
}
.btnList .last{
	background:none;
}
input.submitBtn{
	width:76px; height:17px;
	border:0;
	padding:0;
	background:none;
}
/*-------------- footer -----------*/
.footer{
	width:1095px; height:200px;
	background:url(images/footer-top-bg.jpg) no-repeat top left;
	padding:31px 8px 0 7px;
}
.footer a{
	background:none;
	}
.footer span{
	width:630px;
	float:left;
	display:block;
}
.footer small{
	float:left;
	color:#909090;
	display:block;
	padding-top:10px;
}
.footer span a{
	float:right;
}
.navi{
	float:right;
	color:#909090;
	padding-top:10px;
}
.navi a{
	color:#AB1700;
}
.navi a:hover{
	color:#AB1700;
}
.footer .designedBy{
	padding:0;
}


/*----------- tab ----------*/
#tabcon{
	float:right;
	overflow:hidden;
	width:430px;
	height:340px;
	position:relative;
	padding-top:20px;
	}
#tablist{
	width:430px; height:28px;
	background:url(images/line.gif) repeat-x left bottom;
	margin-bottom:20px;
}
#tablist li{
	height:27px;
	float:left;
}
#tablist a{
	height:26px;
	display:block; 
	float:left;
	border:1px solid #FFF;
	border-bottom:1px solid #eaeaea;
}
#tablist a:hover,#tablist .active a{
	border:1px solid #EAEAEA;
	border-bottom:1px solid #fff;
}
#tablist .news{
	background:url(images/news-normal.jpg) no-repeat;
	width:71px;
}
#tablist .news:hover,#tablist .active .news{
	background:url(images/news-hover.jpg) no-repeat;
}
#tablist .awards{
	background:url(images/awards-normal.jpg) no-repeat;
	width:94px;
}
#tablist .awards:hover,#tablist .active .awards{
	background:url(images/awards-hover.jpg) no-repeat;
}
#tablist .client{
	background:url(images/client-list-normal.jpg) no-repeat;
	width:126px;
}
#tablist .client:hover,#tablist .active .client{
	background:url(images/client-list-hover.jpg) no-repeat;
}

.tabData{ 
	width:428px;
	height:280px;
	overflow:hidden;
	position:relative;
	}
.tabData li{ 
	width:418px;
	height:280px;
	position:absolute;
	overflow:hidden;
	left:0;
	}
.eachPanel{
	width:418px;
	height:280px;
	overflow:scroll;	
	overflow-x:hidden;
	}
.newsdetails{
	padding:0 15px 0px 15px;
	}
.newsdetails strong{
	display:block;
	margin-bottom:12px;
	}
.newsdetails p{
	color:#2e2e2e;
	line-height:27px;
	margin-bottom:25px;
	}
.altview{
	padding-top:40px;
	}