/*
	omsco.com.au Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		background-color:#1B1B1B;
		text-align: center; /* to correct the centering IE bug*/
		}

#frame {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:969px;
		text-align:left;
		}
		
a {outline:none;}	

/* = top---------------------- */
#top {
		top:0px;
		width:969px;
		height:133px;
		position:absolute;
		background-color:#1B1B1B;
		}
#top img {float:right; padding:26px 0 0 0;}
		
/* = main-menu---------------------- */
#mainmenu-body {
		top:133px;
		width:968px;
		height:22px;
		border-top:1px #CBCBCB solid;
		border-left:1px #CBCBCB solid;
		border-right:1px #CBCBCB solid;
		position:absolute;
		background-color:#999999;
		}
#mainmenu-leftbg {
		top:0px;
		position:relative;
		width:168px;
		height:21px;
		float:left;
		}
#mainmenu {
		top:0px;
		left:2px;
		width:798px;
		height:21px;
		position:relative;
		background-color:#000000;
		float:left;
		}
#mainmenu a {text-decoration: none;}
#mainmenu ul {
		display:inline;
		margin:0;
		padding:0;
		float:left;
		}
#mainmenu ul li {
		display: inline;
		list-style:none;
		padding:0;
		margin-left:-3px;
		}
#mainmenu ul li a {display:inline;}

/* = header---------------------- */
#header {
		top:155px;
		width:968px;
		height:200px;
		position:absolute;
		background:#000000;
		border-left:1px #CBCBCB solid;
		border-right:1px #CBCBCB solid;
		}
				
#header .main-img {
		top:0px;
		left:167px;
		float:left;
		position:absolute;
		}
		
/* = header-submenu---------------------- */
#header-submenu {
		top:0px;
		left:0px;
		width:168px;
		height:200px;
		position:absolute;
		text-align:left;
		background:#000000;
		}
#header-submenu a {text-decoration: none;}
#header-submenu ul {
		margin:0;
		padding:0;
		float:left;
		}
#header-submenu ul li {
		list-style:none;
		padding:0;
		padding-bottom:4px;
		}
		
/* = header-submenu-gal---------------------- */
#header-submenu-gal {
		top:0px;
		left:0px;
		width:168px;
		height:200px;
		position:absolute;
		text-align:left;
		background:#000000;
		}
#header-submenu-gal a {text-decoration: none;}

		
/* = content---------------------- */
#content {
		top:355px;
		width:970px;
		position:absolute;
		overflow:hidden;
		}
		
/* = content-gal---------------------- */
#content-gal {
		top:155px;
		width:970px;
		position:absolute;
		overflow:hidden;
		}
		
/* = content-body---------------------- */
#content-body {
		width:968px;
		position:relative;
		float:left;
		background-color:#FFFFFF;
		border-left:1px #CBCBCB solid;
		border-bottom:1px #CBCBCB solid;
		border-right:10px #CBCBCB solid;
		}
		
#content-body .body {padding:30px 30px 30px 30px;}
		
#content-body a:link, #content-body a:visited {color:#333333; text-decoration:none;} 
#content-body a:hover {color:#333333; text-decoration:underline;}

#content-body .contact {
		padding:0 25px 30px 21px;
		font-size:14px;
		color:#FFFFFF;
		font-weight:bold;
		}

#content-body a.link_contact:link, #content-body a.link_contact:visited {color:#FFFFFF; text-decoration:underline;} 
#content-body a.link_contact:hover {color:#CCCCCC; text-decoration:underline;}

#gallery img {border:1px #000 solid;}
		
/* = footer---------------------- */
#footer {
		height:28px;
		width:912px;
		position:relative;
		float:left;
		background-color:#1B1B1B;
		padding:23px 34px 30px 22px;
		color:#FFFFFF;
		font-size:10px;
		}
#footer a:link, #footer a:visited {color:#FFFFFF; text-decoration:none;} 
#footer a:hover {color:#FFFFFF; text-decoration:underline;}

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

.float-right {float:right;}
.float-left {float:left;}
		
/* typography
----------------------------------------------- */
p {margin:0px 0px 10px 0px;}

h1 {
	color:#000066;
	margin:0px;
	padding:0px 0px 17px 0px;
	font-size:16pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
}	

h2 {
	color:#781927;
	margin:0px;
	padding:0px 0px 12px 0px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#content-body ul {padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;}
#content-body li {padding:0 2px 3px 0; margin:0px 0px 0px 20px; color:#333333; font-weight:normal; list-style-image:url(../images/icons/dot-greyc.gif);}

/* = colors ---------------------- */
.color-greyC {color:#CCCCCC;}
.color-grey9 {color:#999999;}
.color-grey6 {color:#666666;}
.color-grey3 {color:#333333;}
.color-contact {color:#FF7F00;}
.font-contant {font-size:14px; font-weight:bold;}
.font-space {padding-right:16px; font-size:10px;}
.fontsize11 {font-size:11px;}
	
/* = hyperlinks ---------------------- */
a:link, a:visited {color:#FFFFFF; text-decoration:underline;} 
a:hover {color:#FFFFFF; text-decoration:underline;}

a.link_contact2:link, a.link_contact2:visited {color:#000000; text-decoration:underline;} 
a.link_contact2:hover {color:#333333; text-decoration:underline;}

a.link_map:link, a.link_map:visited {color:#333333; text-decoration:underline; font-size:10px;} 
a.link_map:hover {color:#666666; text-decoration:underline; font-size:10px;}

#content-body a.link_nav:link, a.link_nav:visited {color:#333333; text-decoration:underline; font-size:11px; font-weight:bold;} 
#content-body a.link_nav:hover {color:#FF7F00; text-decoration:underline; font-size:11px; font-weight:bold;}

/* = form ---------------------- */
.button {font-size:11px; font-weight:bold; color:#333333; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; background-color:#EEEEEE;}	
.txtbox {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:150px;}	
.box-titles {font-size:10px; font-weight:bold; vertical-align:top; color:#333333;}
.txtbox_pad {padding-bottom:2px;)