*{margin:0px; padding:0px;}

body {
	font-family: Arial, Helvetica, sans-serif;
        background:url(../App_Themes/tell/images/main-bg.gif) #ededed repeat-x top;
	margin:0px;
	padding:0px;
}
td{vertical-align:top;}
a{
color:#b13c0a;
text-decoration:underline;
}
a:hover{
color:#b13c0a;
text-decoration:none;
}
img{ border:0px;}
#main-area{ width:100%;}
#main-container{ 
    width:990px;
	height:auto;
	margin:0 auto;
     
     
}
#header{
    width:940px;
	height:95px;
        padding:0px;
	margin:0px;
	/*margin-right:40px;*/
	/*background:#009900;*/
	float:left;
       }
.logo{
    width:331px;
	/*height:66px;*/
	margin-left:24px;
	margin-top:25px;
	float:left;}

.logo a {
    width : 331px;
    height : 66px;
    background:url(../App_Themes/tell/images/logo.gif) no-repeat left top;
    display : block;
}
.logo a:hover {
    background:url(../App_Themes/tell/images/logo.gif) no-repeat left bottom;
}
.logo span {
    display : none;
}
.logo h1 {
    margin : 0;
    padding : 0;
}
#contentarea{
    width:940px;
	height:auto;
	margin-left:0px;
	/*margin-right:40px;*/
    /*background:#009900;*/
	/*float:left;*/}
#contenttop{
    width:940px; 
	height:22px;
	float:left;
}
#content{
    width:940px; 
	height:auto;
	background:url(../App_Themes/tell/images/cont-bg.png) repeat-y;
	float:left;
}
#sectcontentHome{
    width:890px; /*was 890*/ 
	height:auto; 
	padding:5px 10px 5px 20px;
	color:#000;
	font-size:12px;
	line-height:16px;
}
#sectcontent{
    width:904px; /*was 890*/ 
	height:auto; 
	padding:5px 10px 5px 20px;
	color:#000;
	font-size:12px;
	line-height:16px;

}
#sectcontent70{
    width:565px;
float:left; 
	height:auto; 
	padding:5px 25px 5px 25px;
	color:#000;
	font-size:12px;
	line-height:16px;
}

#sectcontent30{
float:right;
    width:275px; 
	height:auto; 
	padding:5px 25px 5px 25px;
	color:#000;
	font-size:12px;
	line-height:16px;
}

#contentbot{
    width:940px; 
	height:40px;
	float:left;
	vertical-align:top;
}
#iconset{
    width:40px;
	height:400px;
	float:right;
	padding-top:193px;
	/*background:#009900;*/}
#footercontainer{
    width:100%; 
	height:230px; 
	background: #000000 url(../App_Themes/tell/images/footer-bg.gif) repeat-x; 
	float:left;
}
#footercont{ 
    width:990px;
	height:230px;
/*	padding-top:30px;*/
	margin:0 auto;
	/*background:#CCCC00;*/
}
#footer{ 
    width:890px;
	height:230px;
	margin-left:10px;
	margin-right:40px;
	padding:0px 25px 0px 25px;
	/*background:#CCCC00;*/
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
}
#footer a{
color:#ffffff;
text-decoration:underline;
}
#footer a:hover{
color:#ffffff;
text-decoration:none;
}

#topmenu{
    width:417px;
	height:34px;
	margin-right:76px;
	margin-top:45px;
	float:right;
} 


#content li{
margin-left:30px;
}
/*.......................................................*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#multi-level {height:30px; position:relative; z-index:100; padding-top:0px;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:74px; background:url(../App_Themes/tell/images/menu-homeR.gif) no-repeat;}
.menu li.p2 {width:77px; background:url(../App_Themes/tell/images/menu-aboutR.gif) no-repeat;}
.menu li.p3 {width:87px; background:url(../App_Themes/tell/images/menu-servicesR.gif) no-repeat;}
.menu li.p4 {width:98px; background:url(../App_Themes/tell/images/menu-portfolioR.gif) no-repeat;}
.menu li.p5 {width:81px; background:url(../App_Themes/tell/images/menu-contactR.gif) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:74px; background:url(../App_Themes/tell/images/menu-home.gif) no-repeat;}
.menu li a#about {width:77px; background:url(../App_Themes/tell/images/menu-about.gif) no-repeat;}
.menu li a#services {width:87px; background:url(../App_Themes/tell/images/menu-service.gif) no-repeat;}
.menu li a#portfolio {width:98px; background:url(../App_Themes/tell/images/menu-portfolio.gif) no-repeat;}
.menu li a#contact {width:81px; background:url(../App_Themes/tell/images/menu-contact.gif) no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {position:relative; z-index:200;} /* for IE7 */


/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#portfolio:hover, .menu li:hover a#portfolio,
.menu li a#contact:hover, .menu li:hover a#contact{/*background:transparent;*/}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:30px; background:#be4510; padding:0; border:0px solid #888; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:200px; border-bottom:#9d2d01 solid 1px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:25px; width:200px; line-height:25px; text-indent:5px; color:#fff; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;}
.menu :hover ul.sub li a.fly {/*background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;*/}
.menu :hover ul.sub li a:hover {background:#9d2d01; color:#fff;}
.menu :hover ul.sub li a.fly:hover {/*background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; */color:#fff;}
.menu :hover ul li:hover > a.fly {/*background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; */color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:200px; z-index:200; height:auto; z-index:300;}

/*.......................................................*/



h1{
font-size:120%;
}
h2{
font-size:110%;
}
h3{
font-size:100%;
}




#demotip { 
    display:none; 
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}






























/* Easy Slider */

	#slider{

}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:472px;
		height:275px;
		overflow:hidden;
		}


	p#controls{
		margin:0;
		position:relative;
		}

	#prevBtn, #nextBtn{
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}
	#nextBtn{
		left:400px;
		}
	#prevBtn a, #nextBtn a{
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a{
		background:url(images/btn_next.gif) no-repeat 0 0;
		}
.superSliderHolder{
overflow: hidden; width: 472px; height: 275px; float: left;
}
.sliderTxtSpacer{
width:472px; height:245px;
}
.sliderTxt{
padding-left:12px;
}
/* // Easy Slider */















.homePaneTextBits{
color:white;padding:50px 20px 22px 20px;
}
.homePaneTextBits a{
	color:White;
	text-decoration:none;
}
.homePaneTextBits a:hover{
	text-decoration:none;
}

.homePaneOuter{
width: 422px; height: 280px; float: right; margin:0;padding:0;
}
.homePaneOne{
width:211px;height:140px; float:left;background:url(/app_themes/tell/images/web-design-portfolio-kentico.jpg) no-repeat;
}
.homePaneTwo{
width:211px;height:140px; float:left;background:url(/app_themes/tell/images/kentico-content-management-uk.jpg) no-repeat;
}
.homePaneThree{
width:211px;height:140px; float:right;background:url(/app_themes/tell/images/ecommerce-plymouth-devon-tell-systems.jpg) no-repeat;
}
.homePaneFour{
width:211px;height:140px; float:right;background:url(/app_themes/tell/images/web-design-plymouth-devon-tell-systems.jpg) no-repeat;
}


.FIRST-SCROLLER{
background: url(/app_themes/tell/images/10.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.SECOND-SCROLLER{
background: url(/app_themes/tell/images/05.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.THIRD-SCROLLER{
background: url(/app_themes/tell/images/07.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.FOURTH-SCROLLER{
background: url(/app_themes/tell/images/09.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.FIFTH-SCROLLER{
background: url(/app_themes/tell/images/11.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.SIXTH-SCROLLER{
background: url(/app_themes/tell/images/04.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.SEVENTH-SCROLLER{
background: url(/app_themes/tell/images/08.jpg) no-repeat; width: 472px; height: 275px; color: white;
}

.EIGTH-SCROLLER{
background: url(/app_themes/tell/images/22.jpg) no-repeat; width: 472px; height: 275px; color: white;
}
.NINETH-SCROLLER{
background: url(/app_themes/tell/images/21.jpg) no-repeat; width: 472px; height: 275px; color: white;
}






/*  */

#screenshot{
	position:absolute;
	/*border:1px solid #ccc;
	background:#333;*/
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */





/*img { behavior: url(/app_themes/tell/js/iepngfix.htc); }*/




#pageflip {
	position: absolute;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 1500;
	position: absolute;
	right: 0; top: 0;
/*	-ms-interpolation-mode: bicubic;*/
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;	
	right: 0; top: 0;
	background: url(/app_themes/tell/subscribe.png) no-repeat right top;
}




.css{
width:88px;
height:31px;
background:url(/Assets/Images/vcss.aspx) no-repeat;
display:block;
text-indent:-4253px;

}

.xhtml{
width:88px;
height:31px;
background: url(/Assets/Images/valid-xhtml10.aspx) no-repeat;
text-indent:-4253px;
display:block;

}
.facebook{
background: url(/App_Themes/tell/images/facebook_16.png) no-repeat top right;
padding-right:19px;
}
.twitter{
background: url(/App_Themes/tell/images/twitter_16.png) no-repeat top right;
padding-right:19px;
}
.email{
background: url(/App_Themes/tell/images/email_16.png) no-repeat top right;
padding-right:19px;
}



.numberHolder{
position:absolute; text-align:center; margin-left: auto; margin-right: auto; width:100%; height:31px;
}
.numberInner{
width:890px;height:31px; margin-left: auto; margin-right: auto; background: url(/app_themes/tell/images/telephonenymber.gif) top right no-repeat;
}
.numberInner a{
display:block;
text-indent:-4865px;
font-size:11%;
} 

.footerLeft{
width:272px;float:left;
}

.footerMiddle{
width:272px; margin-left:26px; float:left;
}

.footerRight{
width:272px;float:right; margin-right:26px;
}


.showhide{
background:url(/app_themes/tell/images/showhide.jpg) no-repeat; width:141px; height:43px; display:block; text-indent:-4525px;
}


.ForumName, .ForumManage{
font-weight:bold;
font-size:120%;
}

.ForumFlat .Table, .ForumGroup .Table{
padding:10px;
}
.ForumFlat .Table td{
padding:4px;
}
.ThreadTable{
border:1px solid #ccc;
}

.ThreadTable .Header{
background: #f6f6f6;
font-weight:bold;
}