/*-----------------------------------------
/ http://www.ra.com.au/css/style.css
/ Date: 20060821
/ v1.1
/-------------------------------------------*/

/*------ Main Wrappers & Fixers ------*/
* {margin:0;padding:0}
.clear {clear:both}
body {background:#e1e1e1 url(/media/body-htile.gif) repeat-x;;font:76%/140% Arial, Helvetica, sans-serif;color:#000;}
#contentwrapout {width:790px;margin:0 auto 0;position:relative;background:#e1e1e1 url(/media/body-vtile.gif) repeat-y;}
#contentwrapouthome {width:790px;margin:0 auto 0;position:relative;background:#e1e1e1 url(/media/body-vtile-home.gif) repeat-y;}
#contentwrap {width:750px;margin:0 auto 0;position:relative;border-top:1px solid white;}

/*------ Text ------*/
p {padding:10px 0 0px 0;font:1em/1.3em Arial, Helvetica, sans-serif;color:#000;}
h1 {padding:12px 0px 0px;font:bold 1.4em/1.1em Arial, Helvetica, sans-serif;color:#000;}
h2 {padding:12px 0px 0px;font:bold 1.2em/1.1em Arial, Helvetica, sans-serif;color:#000;}
h3 {padding:12px 0px 0px;font:bold 1.11em/1.1em Arial, Helvetica, sans-serif; color:#000;}
a:link {color:blue;}
a:visited {color:blue;}

/*------ Header ------*/
#headwrap {position:relative;width:750px;margin:0 auto 0;position:relative;background:#fff;}
#header {position:relative;height:102px;background:#dedaca url(/media/hdr-tile.gif);}
#header .logo {float:left; margin:20px 0 0 20px;}
#header ul {float:right;list-style:none;margin:20px 20px 0 0;}
#header ul li {display:inline;margin:0;}
#header ul li a {display:block;padding:5px 5px 5px 5px;margin:0 2px 0 2px;font:1em Arial, Helvetica, sans-serif;}
#header a:hover {color:#FFF;text-decoration:underline;}
#hdrnav-stafflogin, #hdrnav-clientlogin, #hdrnav-contactus {color:#FFF;text-decoration:none;}

/*------ Top Navaigation ------*/
#topnav {position:absolute;top:75px;left:0px;background-color:#2f2f68;z-index:100;}
#topnav ul {list-style:none;margin:0px 0;}
#topnav ul li {display:inline;margin:0;}
#topnav ul li a {float:left;display:block;padding:6px 0px 6px 0px;font:1em Arial, Helvetica, sans-serif;width:99px;text-align:center;background-color:#666;margin:0;border-right:1px solid #2f2f68;}
#topnav a:hover {background-color:#2f2f68;color:#fff}
#nav-home, #nav-services, #nav-products, #nav-clients, #nav-case-studies, #nav-testimonials, #nav-news, #nav-about-us {color:#FFF;text-decoration:none;}

/*------ Homepage Content ------*/
#homeart .photo {float:left; margin: 0px 0px 0px 0px;}
#homeleft {float:left;width:220px;padding:10px 10px 10px 20px;background:#fff;}
#homemiddle {float:left;width:220px;padding:10px 10px 10px 20px;background:#fff;}
#homeright {float:right;width:220px;padding:20px 10px 10px 20px;background:#fff;}

/*------ Footer ------*/
#footer {font-size:0.9em;background:#fff;color:#000;padding:30px 20px 5px 20px;border-bottom:8px solid #666;}
#footer a {color:#666;text-decoration:none;}
#footer a:hover {background-color:#fff;color:blue;text-decoration:underline;}

/*------ Feature Box: boxa = yellow, boxb = blue ------*/
.featureboxa {width:200px;margin:0 0 20px 0;padding:0 0 10px 0;;background:#fefdf5 url(/media/fboxa_b.gif) bottom left no-repeat;}
.featureboxa h2 {margin:0px;padding:7px 10px 3px 10px;background:url(/media/fboxa_t.gif) top left no-repeat;font:bold 1em/1.1em Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase}
.featureboxa p {padding:10px;}
.featureboxb {width:200px;margin:0 0 20px 0;padding:0 0 10px 0;;background:#efeff3 url(/media/fboxb_b.gif) bottom left no-repeat;}
.featureboxb h2 {margin:0px;padding:7px 10px 3px 10px;background:url(/media/fboxb_t.gif) top left no-repeat;font:bold 1em/1.1em Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase}
.featureboxb p {padding:10px;}

/*------ Left Nav ------*/
#leftnav {position:relative;float:left;width:200px;top:18px;height:500px;padding:0px;background:#2f2f68;font-family:Arial, Helvetica, sans-serif;}
#leftnav ul {position:relative;list-style:none;margin:0;padding:0;top:10px;border-top:1px solid white;}
#leftnav li {border-bottom:1px solid white;}
#leftnav li a {display:block;padding:4px 5px 4px 20px;background-color:#D9D9E6;color:#000;text-decoration:none;width:175px;}
#leftnav li a:hover {background-color:#2f2f68;color:#fff}

/*------ Breadcrumbs ------*/
#breadcrumbs {float:left;left:220px;width:500px;padding:10px 10px 0 18px;}
#breadcrumbs ul {list-style:none;}
#breadcrumbs li {float:left;display:inline;padding:0 3px 0 3px;font:0.9em Arial, Helvetica, sans-serif;}

/*------ Page Content ------*/
#content {float:left;left:220px;width:500px;padding:20px;}
#content h1 {font:bold 1.2em/1.1em Arial, Helvetica, sans-serif;color:#2f2f68;text-transform:uppercase}
#content h2 {padding:12px 0px 0px;font:bold 1.15em/1.1em Arial, Helvetica, sans-serif; color:#000;}
#content ul {list-style:url(/media/li.png);padding:10px 0 0 30px;}


/*------ Various Style -----*/
.Pipe{color:White;}