/* CSS Document */

	* {font-family:Arial, Helvetica, sans-serif;}
	body {margin:0; padding:0;}
	#top {width:790px; margin:0 auto; padding:0; height:126px; background:url(../images/top.jpg) top left no-repeat;}
	#top-new {width:790px; margin:0 auto; padding:0; height:227px; background:url(../images/atb-systems.jpg) top left no-repeat;}
	#top span {display:none;}
	#menu-new {width:770px; padding:0 10px; background:url(../images/page_back.gif) top left repeat-y; height:30px; margin:0 auto; position:relative;}
	#menu-new .company {background:url(../images/new/mnu_company.gif) top left no-repeat; width:80px; height:30px;}
	#menu-new .commercial {background:url(../images/new/mnu_commercial.gif) top left no-repeat; width:98px; height:30px;}
	#menu-new .windows {background:url(../images/new/mnu_windows.gif) top left no-repeat; width:71px; height:30px;}
	#menu-new .doors {background:url(../images/new/mnu_doors.gif) top left no-repeat; width:56px; height:30px;}
	#menu-new .shelters {background:url(../images/new/mnu_shelters.gif) top left no-repeat; width:75px; height:30px;}
	#menu-new .upvc {background:url(../images/new/mnu_uPVC.gif) top left no-repeat; width:47px; height:30px;}
	#menu-new .barriers {background:url(../images/new/mnu_barriers.gif) top left no-repeat; width:73px; height:30px;}
	#menu-new .louvres {background:url(../images/new/mnu_louvres.gif) top left no-repeat; width:68px; height:30px;}
	#menu-new .contact {background:url(../images/new/mnu_contact.gif) top left no-repeat; width:73px; height:30px;}
	#menu-new .secure {background:url(../images/new/mnu_atbsecure.gif) top left no-repeat; width:128px; height:30px;}
	#menu-new .right {background:url(../images/mnu_right.gif) top left no-repeat; width:1px; height:30px;}
	#menu-new .gap {background:url(../images/mnu_gap.gif) top left no-repeat; width:1px; height:30px;}
	#menu-new span {display:none;}
	#menu-new a {display:block; margin:0; padding:0;}
	#menu-new ul {margin:0; padding:0; list-style:none;}
	#menu-new li {margin:0; padding:0; display:block; float:left;}
	#menu-new .popup {display:none; position:absolute; top:30px; background:#f0f0f0; padding:5px 5px 5px 5px; border:1px dotted silver;}
	#menu-new .popup li {display:block; float:none; margin:0px 0px; padding:0; width:240px; height:16px;}
	#menu-new .popup a {font-size:12px; color:black; text-decoration:none; display:block; margin:0; padding:0px 5px 0px 15px; background:url(../images/bullet-f0f0f0.jpg) left 1px no-repeat;}
	#menu-new .popup a:hover {text-decoration:underline; background:url(../images/bullet-on-f0f0f0.jpg) left 1px no-repeat;}
	#content {padding:5px 15px 10px 15px; background:url(../images/page_back.gif) top left repeat-y; width:760px; margin:0 auto; font-size:12px;}
	#footerLinksHome {text-align:center;}
	#footerLinksHome a, #footerLinksHome a:hover {color:#000;text-decoration:none;}
	#footer {width:770px; padding:0 10px; height:40px; font-size:10px; color:gray; text-align:center; margin:0 auto; background:url(../images/footer.gif) top left no-repeat;}
	.image {margin:5px; padding:5px; border:1px dotted silver;}
	.image-left {float:left; margin:5px; padding:5px; border:1px dotted silver;}
	.image-right {float:right; margin:5px 0 5px 5px; padding:5px; border:1px dotted silver;}
	h1 {font-size:14px; border-bottom:1px solid black; margin-top:15px;}
	h2 {font-size:14px; border-bottom:1px solid silver; font-style:italic; color:#7691bc; }
	h2.short {width:160px;}
	.small {font-size:10px;}
	.blue {font-size:14px; color:#06C; font-weight:bold;}
	.black {font-size:14px; color:#000; font-weight:bold;}
	.red {font-size:14px; color: #F00; font-weight:bold;}
	.b-ball-2 {color:#069; margin-left:5px;}
	.r-ball {color: #F00; float:right;}
	ul {overflow: hidden;color:#069; margin-left:5px;}
	li {}
	
	.prodside {border:1px solid silver; margin:5px;}
	.prodside td {padding:5px; font-size:10px;}
	
/*------------TABLE----------------*/	
.building-table td { font-size:10px; color: #333; border:1px solid #666;}	

.right-col {float:right; width:160px; height:auto; border:1px solid #CCC; padding:5px; margin:0 0 0 5px;}
#sml-table {float:left; width:400px; height:auto; background-color:#C5C7C9; font-size:10px; color: #333;}
.sml-table-l {float:left; width:250px; border:1px solid #666;}
.sml-table-r {float:right; width:146px; border:1px solid #666;}

#table-1 {float:left; margin-left:30px; width:745px; height:auto;}
.t1-r1 {float:left; width:220px; height:auto;}
.t1-r2 {float:left; width:120px; height:auto;}
.t1-r3 {float:left; width:100px; height:auto;}
.t1-r4 {float:left; width:120px; height:auto;}
.t1-r5 {float:left; width:150px; height:auto;}
.t1-r6 {float:left; width:745px; height:auto; padding:10px 0 10px 0;}


		
/*------------NEWS SECTION----------------*/
#right-col {float:right; width: 360px; height:auto;}
#front-news {float:right; width:360px; height:auto; min-height:150px; border:1px solid #C9CAC8; margin-bottom:0px;}
.news-title { width:350px; height:24px; background: url(../images/news-bg.jpg) repeat-x; color:#285073; font-size:14px; padding:5px 0 0 10px; margin-bottom:5px;}
a.article-title { text-decoration: none; font-size:12px; color:#000;  font-weight:bold;}
a.article-title:hover { text-decoration:underline;}
.news-content {padding:5px 5px;}
a.article-text { text-decoration: none; font-size:12px; color:#036;}
a.article-text:hover { text-decoration:underline;}


.calendar { float: left; margin-right: 6px; width: 42px; height: 42px;}
#content .calendar-icon-10 {background: url(../images/04.gif) no-repeat;}
#content .calendar-icon-8 {background: url(../images/05.gif) no-repeat;}
.calendar-day {font-weight:bold; font-size:1.3em; color:#000; width:42px; text-align:center; padding-top:14px;}