/*
	buildinggroup.com.au Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* 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;
		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;
		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;}