/* buildinggroup.com.au Screen Styles */

/* layout
----------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:13px; color: #FFFFFF; margin: 0px; padding: 0px; background-color: #272121; text-align: center; /* to correct the centering IE bug*/}
#frame { position:relative; /* container positioning */	margin-left:auto; margin-right:auto; width:770px; text-align:left; }
a {outline:none;}	

/* = container---------------------- */
#container { top:0px; width:770px; position:relative; }
		
/* = header---------------------- */
#header { top:0px; width:770px; position:absolute; }
#header img.logo { position:relative; top:0px; float:left; }		
#header .timedate{ position:relative; top:7px; height:25px; text-align:right; font-size:10px; color:#999999; float:right; }		
#header img.quote { position:absolute; top:32px; right:0px; text-align:right; float:right; }		

/* = mainmenu---------------------- */
#mainmenu { width:603px; top:113px; left:167px; height:22px; text-align:left; padding:0px; position:absolute; }
#mainmenu a {text-decoration: none;}
#mainmenu ul { display: inline; margin: 0px; padding:0px; float:left; }
	#mainmenu ul li { display: inline; list-style:none; padding:0px; margin:0px; }
	#mainmenu ul li a {display:inline;}

/* = blueline---------------------- */
#blueline { width:770px; top:135px; left:0px; height:3px; padding:0px; margin:0px; position:absolute; background-color:#4A8AFF; }


/* = content-body ---------------------- */
#content-body { top:138px; left:0px; position:absolute; overflow:hidden; float:left; padding:0px; }
/* = content-body-header ---------------------- */
#content-body-header { top:0px; width:770px; position:relative; overflow:hidden; float:left; background-color:#000000; }
		
/* = content-body-footer ---------------------- */	
#content-body-footer { width:770px; position:relative; float:left; padding:0px; margin:0px; text-align:left; }
		
/* = footer-links ---------------------- */	
#footer-links { width:746px; position:relative; float:left; padding:7px 24px 7px 0px; margin:0px; text-align:right; font-size:11px; color:#FFFFFF; background-color:#6599FF; }
		
/* = footer-crights ---------------------- */	
#footer-crights { width:550px; position:relative; float:left; padding:14px 24px 30px 196px; margin:0px; text-align:left; font-size:11px; color:#999999; }	

/* = content-body-left ---------------------- */
#content-body-left { top:0px; width:167px; position:relative; overflow:hidden; float:left; padding:0px; }
		
/* = container-right ---------------------- */
#content-body-right { top:0px; width:603px; position:relative; overflow:hidden; float:right; background-color:#FFFFFF; padding:0px; }
#content-body-right img.main { top:0px; float:left; width:603px; height:212px; text-align:left; padding:0px; float:right; position:relative; }			

/* = main-title---------------------- */
#main-title{ top:0px; position:relative; background-color:#324456; font-size: 12px; line-height:12px; font-weight: bold; color: #6599FF; padding:10px 0px 6px 24px; text-align:left; margin:0px; }

/* = submenu---------------------- */
#submenu { width:167px; top:0px; left:0px; padding:0px; text-align:left; overflow:hidden; position:relative; background-color:#000000; }
#submenu ul { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; }
#submenu ul li { list-style-type: none; background-color: #324456; color: #FFFFFF; font-size:11px; text-decoration: none; padding-left:22px; line-height:22px; margin:0px; display:block; float:left; width:145px; border-top: 1px solid #000000; }
	#submenu ul.prodlist li a  { list-style-type: none; width: 145px; float: left; text-align: left; margin: 0px; padding: 0px; display: block; color: #FFFFFF; text-decoration: none; }
	#submenu ul.prodlist li a:hover { list-style-type: none; width: 145px; float: left; text-align: left; margin: 0px; padding: 0px; display: block; color: #FFFFFF; text-decoration:none; }
#submenu .li_hov { background-color:#4A8AFF; }

/* = contact-details ---------------------- */
#contact-details { top:33px; left:21px; width:146px; min-height:300px; position:relative; text-align:left; color:#FFFFFF; float:left; font-size:11px; }
/* = contact-details-tapware ---------------------- */
#contact-details-tapware { top:33px; left:21px; width:146px; min-height:480px; position:relative; text-align:left; color:#FFFFFF; float:left; font-size:11px; }

/* = main-body-home ---------------------- */
#main-body-home { top:30px; width:543px; position:relative; text-align:left; color:#333333; padding:0px 30px 30px 30px; float:left; /*line-height:13px;*/
		}
/* = main-body-specials ---------------------- */
#main-body-specials { width:603px; position:relative; text-align:left; color:#333333; padding:0px; float:left; }
#main-body-specials .title { padding:30px 0px 8px 30px; color:#4A8AFF; font-size:16px; font-weight:bold; }		
#main-body-specials .proddesc { padding:8px 20px 12px 20px; background-color:#CCD9E1; font-weight:normal;}

/* = main-body-products ---------------------- */
#main-body-products { top:30px; width:543px; position:relative; text-align:left; color:#333333; padding:0px 30px 60px 30px; float:left; }	
#main-body-products .about-img{ float:right; width:213px; clear:both; margin-right:15px; }
#main-body-products .about-img img{ padding:0 0 10px 25px; }
		
/* prod-cell
----------------------------------------------- */	
#main-body-products td.prod-cell { border-bottom:1px #CCCCCC solid; padding:3px 0px 4px 0px; font-size:11px;}
#main-body-products td.proddesc {padding-bottom:3px; vertical-align:top;}
	
	
/* typography
---------------------------------------------- */		
h1 { color:#4A8AFF; margin:0px; padding:0px 0px 20px 0px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
h2 { color:#4A8AFF; margin:0px; padding:8px 0px 5px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#content-body-right ul {padding:5px 0px 5px 16px; margin:0px 0px 0px 4px;}
#content-body-right ol {padding:0px 0px 0px 25px; margin:4px 0px 0px 4px;}
#content-body-right li {padding-bottom:2px;}

p {margin:0px 0px 10px 0px; line-height:15px;}

.color-blue {color:#4A8AFF;}
.color-grey8 {color:#888888;}
.color-red {color:#DB1E1C;}

.font-big {font-size:13px;}

/* = hyperlinks ---------------------- */

a:link, a:visited {color:#333333; text-decoration:none;} 
a:hover {color:#4A8AFF; text-decoration:underline;}

#contact-details a:link, #contact-details a:visited {color:#FFFFFF; text-decoration:none;} 
#contact-details a:hover {color:#4A8AFF; text-decoration:underline;}

#contact-details-tapware a:link, #contact-details-tapware a:visited {color:#FFFFFF; text-decoration:none;}
#contact-details-tapware a:hover {color:#4A8AFF; text-decoration:underline;}

#footer-links a:link, #footer-links a:visited {color:#FFFFFF; text-decoration:none;} 
#footer-links a:hover {color:#FFFFFF; text-decoration:underline;}

#footer-crights a:link, #footer-crights a:visited {color:#999999; text-decoration:none;} 
#footer-crights a:hover {color:#CCCCCC; text-decoration:underline;}

#footer-crights a.link_rpi:link, #footer-crights a.link_rpi:visited {color:#FF6633; text-decoration:none; font-size:12px; font-weight:bold;}
#footer-crights a.link_rpi:hover {color:#FF6633; text-decoration:underline; font-size:12px; font-weight:bold;}

a.link_nav:link, a.link_nav:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline;}
a.link_nav:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline;}

.nav_off {font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
.nav_active_page {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}


/* = forms ---------------------- */

#main-body-products .txtbox {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333; border:1px solid #CCCCCC;}
#main-body-products .button {font-size:11px; font-weight:bold; color:#333333; padding:2px 3px 2px 3px; margin:0px;}	
#main-body-products .txtbox-long {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:130px;}	
#main-body-products .box-titles {font-size:9px; font-weight:bold; vertical-align:top; color:#333333;}