/* imageby2 - Desktop CSS */ 

html,body {padding:0;margin:0;font-size: 1em;font-family: Century Gothic;Arial,Helvetica,Verdana,sans-serif;color:#eee}
body{text-align:left;background: #000 url(images/bg.gif) repeat-y  50% 0 ;  }

#wrapper {background:  url(images/bg.gif) repeat-y  50% 0 ;	} 
.post {margin:15px}

#outer{height:99.9%;min-height:100%;width:960px;text-align:left;margin:auto;position:relative;overflow:visible;background: #000  url(images/inner_960x1.gif) repeat-y left top}

/* mac hide \*/
* html #outer{width:960px}
/* end hide*/

html>body #outer{height:auto} /*for mozilla as IE treats height as min-height anyway*/

#inner{width:100%;} 

img a {border:none}
img {border:none}

#header {background:#1a1a1a;margin:0;height:40px}
#header object {float:right;background:#000;}
.mainC4 {width: 928px;padding: 0px;float: right;height:165px; background-color: #000;}
* html .mainC4 { width: 958px;}

h1 {font-weight:normal;color:#FF2A00;font-family: Century Gothic, Verdana, Trebuchet, Arial, Helvetica;padding:0;margin:0;color:#666}
.mfsd-h1 {width:50%;background: #1a1a1a;float:left;font-size:1.7em;margin:0 0 0 15px;}

h3 a, h3 a:visited {color: red;text-decoration:none}
h3 a:hover {color:#fff}

h2.gold {font-weight:normal !important}

.toolbar{background: #1a1a1a;}
.toolbar ul { margin: 0; padding: 0;width:400px;list-style-type:none; float:right;text-align:right;background: #1a1a1a;}
.toolbar ul  li {display:block; float:left; width:40px; height:40px; margin: 0; padding: 0 5px;}
.toolbar ul  li a {display:block; width:40px; height:40px; background:transparent; }
.toolbar ul  li a:hover img {width:40px; height:40px;border:0;margin: 0 }
.toolbar ul  li a img {width:30px; height:30px;border:0;margin:0 7px}
.toolbar ul li.style { background-color: #252525; }
* html .toolbar ul { width: 405px; }
* html .toolbar ul li a img { margin: 0; }

.mobileMenu1 {display:none}
.mobileMenu2 {display:none}

.siteMap ul li a  { color:#ccc; text-decoration:none;font-size:1.1em }
.siteMap ul li a:visited { color:#ccc; text-decoration:none}
.siteMap ul li a:hover { color:#FF1200; text-decoration:none; }
.siteMap ul li ul li a  { color:#FF1200; text-decoration:none;font-size:0.90em }
.siteMap ul li ul li a:visited { color:#FF1200; text-decoration:none}
.siteMap ul li ul li a:hover { color:#fff; text-decoration:none; }

.ditto_info {font-size: 90%;color:#ccc}
.ditto_tags {font-size: 90%;color:#ccc;margin:0 0 20px 0;}

.ditto_summaryPost {border-bottom:1px solid #666}
.ditto_summaryPost a, .ditto_summaryPost a:visited  {color:#DF4E00;text-decoration:none}
.ditto_summaryPost a:hover  {color:#fff}

.reflect_archive li a, .reflect_archive li a:visited  {color:#DF4E00;text-decoration:none}
.reflect_archive li a:hover  {color:#fff}

#content p {font-size: 1em;color: #8EADAF;line-height: 1.4em;text-align:justify}
#content p a {color: red; text-decoration:none}
#content p a:hover {color: #ffffff; background: none}

.clearing {clear:both; height:0; } 
.clear {clear: both; font-size: 0; overflow: hidden; height: 0; line-height: 0; visibility: hidden; } 
.center {text-align:center}

.leftpic20 {float:left;margin:0 20px 20px 0;}
.rightpic20 {float:right;margin:0 0 20px 20px;}

.title2 {width: 97%; margin:0px; color: #FFD800 !important;padding: 0; font: 1.3em Verdana, Arial, Helvetica, sans-serif; font-weight:500 !important;text-align:right}
.title3 {margin:0px; color: #FF3F00 !important;font: 1.3em Verdana, Arial, Helvetica, sans-serif;font-weight:500 !important;text-align:left}
.yellow {color: #FFD800 !important;font: 1.4em Verdana, Arial, Helvetica, sans-serif;font-weight:500 !important}
.red {color: #FF3F00 !important;font-size: 1.1em;font-weight:600 !important}
.yellow2 {color: #FFD800 !important;padding;0;margin:0}
.red2 {color: #FF3F00 !important;padding;0;margin:0}
.redsml {color: #FF3F00;font-size:90%}
.orangesml {color: #FF3f00;font-size:90%}
.orange {color: #FF3f00;}
.grey {color: #ccc;}
.midgrey {color: #666;}
.gold {color: #F9B707 !important;font-size: 1.1em;font-weight:600 !important} 

.startedList li {font-size: 0.90em;color:#ccc}

.iconology {width:50%;border:1px solid #252525;background:#1a1a1a}
.iconology li {list-style-type:none;list-style-image:none !important}
.iconology li img {width:30px;height:30px;border:1px solid #000}

/* #ajaxmenu{position:absolute;top:179px;left:0px;width:960px;height:30px;z-index:65;background: #252525 }
#logo {position:absolute;top:240px;left:10px;width:237px;height:63px;text-indent: -5000px;z-index:300;background:  url(images/logo_237x63.gif) no-repeat left top}  */

/* Menu */
.sidemenu {list-style: none; margin: 0px 0 20px 0 !important;width:190px;font-weight:500 !important;float:left;padding:0px}
.sidemenu ul { display: none; }
.sidemenu li {text-align:left}
.sidemenu a {display: block; color:#fff; text-decoration: none;font-weight:normal;font: 1.2em Verdana, Arial, Helvetica;letter-spacing: 0.05cm}
* html .sidemenu a { float: left; clear: left; padding: 4px 0; }
.sidemenu a:visited {color:#fff !important}
.sidemenu a:hover {color: #FF7200 !important; background: none !important;}

form.dummy input[type="submit"], .sidemenu a:first-letter {color: red;font-size:1.2em;}


/* mac hide \*/
* html #outer, * html #header {width:960px}

/* end hide*/
#footer {color: #ffffff;width:960px;clear:both;height:82px;text-align:left;left:0px;bottom:0px;position: absolute;background: #000;}
#footer p {margin-top: 10px}
#footer p a {text-decoration: none;color: #ffffff}

* html #footer{margin-bottom:-1px}/* ie rounding bug*/

/* mac hide \*/
* html #footer {/*only ie gets this style*/ height:82px;/* for ie*/}
/* end hide*/


.footer-container { border-top:15px solid #1a1a1a; background-color: #1a1a1a;}

#feature {width:960px;margin:0 auto;border-bottom-width: thin;border-bottom-style: groove;font-size:0.90em;text-align:center;margin-top:40px }
#feature .footext ul {display:block;margin-top:40px }
#feature .footext li {display:inline;padding-right:10px;padding-left:10px}
#feature .footext a  { color:#FF1200; text-decoration:none;font-weight:bold }
#feature .footext a:visited { color:#FF1200; text-decoration:none;font-weight:bold }
#feature .footext a:hover { color:#FFF; text-decoration:none; }

.footer {width:960px;margin:0 auto;background-color:#1a1a1a;border-top:20px solid #FF1200;font-size:0.90em;text-align:center}
.footer ul {display:block;margin-top:40px}
.footer li {display:inline;padding-right:8px;padding-left:8px;font-weight:normal }
.footer a { color:#FF9900; text-decoration:none;  }
.footer a:visited { color:#FF9900; text-decoration:none; }
.footer a:hover { color:#FF2A00; text-decoration:none; }

div,p  {margin-top:0px}/*clear top margin for mozilla*/

#right {width:205px;float:right;z-index: 55;background: #000;}
#right-inner {width: 180px;padding-left: 5px;text-align: left;   color:#eee;margin:50px 0 20px 0}

#recentdocsctnr {background: #000;}

#sidebar h2 {color: #252525}
#sidebar {margin:50px 0 0 0px}

#right-inner h2 {font-size: 1.2em}
#right-inner h1 {font-size: 1.2em;margin:0 0 20px 0}

#left {position:relative;/*ie needs this to show float */ width:710px;float:left;padding-left: 7px;z-index: 56}
#left-inner {padding-left: 9px;padding-right: 9px;text-align: left}
#clearfooter {width:100%;height:82px;clear:both} /* to clear footer */

html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-82px} /*safari wrapper */
#content {z-index: 300;padding-bottom: 7px}

small {font-size: 0.9em;}
.justify {text-align: justify;}

#content h2 {font-size: 1.5em;color: #ff9900;line-height: 24px;position: relative;z-index: 999; }

h3#post-  {font-size: 1em;color: #618200;background:  url() no-repeat left top;padding-left: 0px}

#search-txt {display:none}



.FSF_searchResults {font-size: 1em;color: #444444;line-height: 18px;_line-height: 16px}
.FSF_extract {font-size: 1em;color: #444444;line-height: 18px;_line-height: 16px}
.FSF_resultLink {color: #618200}
.FSF_extract {font-size: 12px;color: #444444;line-height: 18px;_line-height: 16px}

.highlight {font-size: 12px;background-color: #f2f2f2;color: #618200;font-weight: bold;line-height: 18px;_line-height: 16px;}

#content ul li{list-style-image: url(images/bullet_11x8.gif);margin-bottom: 0.5em;font-size: 110%}

.LIn_shortMode {list-style-type: none;margin: 0;padding: 0;}
.LIn_desc {display: none}
.LIn_date {font-style: italic;margin-left: 5px;}

/* Menu
.topnav {list-style: none; border-top: 1px solid #00D4FF; margin: 50px 0 50px 0 !important;width:100%;font-weight:500 !important;float:left}
.topnav li {border-bottom: 1px solid #fff;text-align:left}
.topnav ul {display: none; list-style: none;float:left}
.topnav ul li {border-bottom: none;}
.topnav a {display: block; padding: 0 20px 0 10px; list-style: none; color:#00D4FF !important; text-decoration: none;font-weight:bold;font-size:110%;border-top:1px solid #00BFF3 !important}
.topnav a:visited {color:#297bb5 !important}
.topnav ul li a {display: block; padding: 0 20px 0 5px} 
.topnav a:hover {color: #000 !important; background: #252525 !important;border-top:1px solid #000 !important}
.topnav ul li a:hover {display: block; padding: 0 20px 0 5px} 
 */



.boxwrap {margin: 0 auto;width:680px}
.rightbox {float:right;width:340px}
.leftbox {float:left;width:340px}
.rightbox p {color:#ACACAC !important}
.leftbox p {color:#ACACAC !important}
.box {background: #0F0F0F;text-align:justified !important;margin:0 0 0 5px}
.boxtop {background: url(images/ne.gif) no-repeat top right; }
.boxtop div {font-size: 0;height: 10px;background: url(images/nw.gif) no-repeat top left; }
.boxbottom {background: url(images/se.gif) no-repeat bottom right;}
.boxbottom div {font-size: 0;height: 10px; background: url(images/sw.gif) no-repeat bottom left; }
.boxcontent {padding: 0px 10px 0px 10px;}
.boxcontent p {text-align:justified !important}

.imgright {text-align:center;padding:3px;border:1px solid #06F4FE;margin:10px 0 10px 20px}
.imgleft {text-align:center;padding:3px;border:1px solid #90F703;margin:10px 20px 10px 0}

.websites {margin: 0 auto;width:690px;text-align:center;border:none !important;outline: none;}
.websites img {border:none !important;outline: none;}

h2.compliant {color:#06F4FE !important;font-size: 1.5em;margin:0px;padding:0px;font-weight:normal;text-align:right}
h2.enviro {color:#90F703 !important;font-size: 1.5em;margin:0px;padding:0px;font-weight:normal}

.title {width: 97%; margin:0px; color: #00C4DF !important; font: 140% Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;font-weight:500 !important;border-bottom:4px solid #90F703}

.left img {float:left;margin:15px;padding:5px;border:1px solid #0BDDF9}
.right img {float:right;margin:15px;padding:5px;border:1px solid #0BDDF9}

.right-title {font-size:1.3em;text-align:right;line-height:1em;margin: 70px 0 0 0}
.mandurah {color:#be0000;font-size:0.90em}
.wa  {color:#650100;font-size:0.90em}
.webd {font-weight:bold;color:#00FFFF}
.domains li {list-style-type:none;margin:10px;padding:10px; text-align: left; background-color:#1C1C1C;color:#ccc;border:1px solid #666;}

.data {height: 14px;width:75px;font-weight:normal;text-align:center;border:1px solid #ccc;color:#fff !important}
.data2 {height: 14px;width:75px;font-weight:normal;text-align:center;border:1px solid #666;background:#1a1a1a;color:#eee !important}
.check {background: url("images/check.gif") no-repeat; height: 14px;width:75px;font-weight:bold;text-align:center;background-position:center;border:1px solid #666666}
.check2 {background: url("images/check2.gif") no-repeat; height: 14px;width:75px;font-weight:bold;text-align:center;background-position:center;border:1px solid #666666}
.planheader {text-align:center;border:1px solid #5c6e7f;background:#c2c2c2;font-weight:bold}
.plan-item {text-align:left;background:#8F8F8F;color:#eee}
td.plan-item1 {text-align:left;background:#c2c2c2;color:#eee}
.plan-item2 {text-align:left;background:#c2c2c2}
.rates-table {border:1px solid #000;width:100%}
.rates-table td {padding:5px;color:#000}
.rates-table th {padding:5px;color:#1a1a1a}
.summary2 li {list-style-type:square;margin-left:30px; color:#C8DFA7}
.summary {text-align:left;border:1px solid #ccc;}
.summary2 li a {color: #CF0000 !important; text-decoration:none}
.summary2 li a:hover {color: #ffffff !important; background: none !important}

table {border:none;padding:0px;margin:0px;width:650px}
td {text-align:center;vertical-align:middle}
td.desc {width:310px;color:#00BFF3;border:1px solid #69FF00;vertical-align:bottom;font-size:0.90em}
td.desc img{vertical-align:middle}
.desc a, .desc a:visited {text-decoration:none;color:#666 !important;font-size:0.90em}
.desc a:hover {text-decoration:underline;color:#fff !important;background:none !important}


.tableport table {border:none;padding:0px;margin:0px;width:650px}
.tableport td {text-align:left;vertical-align:middle}
.tableport td.desc {width:48%;color:#00BFF3;vertical-align:bottom;border:1px solid #1a1a1a}
.tableport td.desc img{vertical-align:middle;text-align:center;}
.tableport  a, .tableport  a:visited  {text-decoration:none;color:#666}
.tableport  a:hover {text-decoration:underline;color:#fff !important}
.orange {color: #FF9900;}
.tableport ul {list-style-type:none}


.desc a:hover {text-decoration:underline}
h2.desc {padding:0px;margin:0px;font-size:1em}
h2.desc a:link {text-decoration:underline;color:#000;font-size:1em}
h2.desc a:visited {text-decoration:underline;color:#000;}
h2.desc a:hover {text-decoration:underline}


#lists {background:#1a1a1a;border:1px solid #252525}
#lists .inList {float: left;width: 45%;position: relative; margin:15px;border:1px solid #666}
* html #lists .inList { margin: 12px; }
#lists .inList.last {}
#lists .inList p  {line-height: 1.4em;font-size: 1em;color: #FF8A00;margin:0;padding:0 5px 5px 5px;text-align:justify;font-weight:600}
#lists .inList ul {}
#lists .inList li { }
#lists p  {clear: both;line-height: 1.4em;color: #ccc;margin: 0 20px 0 20px}

/* subMenu */
.subMenu {margin: 0 0 0 50px;background: transparent;padding:40px 0 0 0}
.subMenu {width:100%;list-style-type: square !important;float:left;margin: 0 0 0 20px ;font-weight:500 !important;}
.subMenu li {border-bottom: none;list-style-position:inside;list-style-type: square !important}
.subMenu li a {padding: 0 20px 0 5px; color:#fff !important; text-decoration: none;font-weight:bold;font-size:110%;background:none !important} 
.subMenu li a:hover {color: #666 !important;padding: 0 20px 0 5px;background:none !important} 

#custService {background:transparent;border:none}
#custService .cService01 {float: left;position: relative;margin:15px;width: 250px;}
#custService .cService01.last {}
#custService .cService01 p  {line-height: 1.4em;font-size: 1em;color: #ccc;margin:0;padding:0 5px 5px 5px;text-align:justify}
#custService .cService01 ul {}
#custService .cService01 li { }
#custService .cService02 {float: left;position: relative;margin:15px 0;width: 380px;}
* html #custService .cService02 { margin: 0; width: 305px;}
#custService .cService02.last {}
#custService .cService02 p  {line-height: 1.4em;font-size: 1em;color: #ccc;margin:0;padding:0 5px 5px 5px;text-align:justify}
#custService .cService02 ul {}
#custService .cService02 li { }
#custService p  {clear: both;line-height: 1.4em;color: #ccc;margin: 0 20px 0 20px}

.contactArea {float:left;margin:10px 0 10px 0}
.contactLabel {float:left;width:200px}
.contactField {float:left}

* html .contactLabel, * html ..contactField, * html .contactArea { float: none; }
* html #EmailForm fieldset { padding: 10px; }
* html .post { width: 660px; }

.ratesToprow {float:left;background-color: black; padding:3px; width: 100%;color:#000;font-size:0.90em}
.ratesToprow p {color:#000 !important;font-size:0.90em}

.ratesEmerald { position:relative;float:left;width: 45%; margin: 5px; border:1px solid #2AFF29;background:#000;height:500px}
.ratesEmerald p {color:#ccc !important;font-size:0.90em;margin:20px}
.ratesEmerald h2 {color:#fff !important;background:#252525;font-weight:normal; padding:0 0 0 20px}
.ratesEmerald h3 {position:absolute;bottom:20px;color:#fff;background:#252525; padding:0 0 0 20px;}
.ratesEmerald ul li {color:#2AFF29 !important;font-size:0.95em !important;line-height:1.1em !important;margin:0;padding:0}

.ratesRuby { position:relative;float:left;width: 45%; margin: 5px; border:1px solid #F50000;background:#000;height:500px }
.ratesRuby p {color:#ccc !important;font-size:0.90em;margin:20px}
.ratesRuby h2 {color:#fff !important;background:#252525;font-weight:normal; padding:0 0 0 20px }
.ratesRuby h3 {position:absolute;bottom:20px;color:#fff;background:#252525; padding:0 0 0 20px; }
.ratesRuby ul li {color:#F50000 !important;font-size:0.95em !important;line-height:1.1em !important;margin:0;padding:0}

.ratesSaphire { position:relative;float:left;width: 45%; margin: 5px; border:1px solid #0153D3;background:#000;height:700px }
.ratesSaphire p {color:#ccc !important;font-size:0.90em;margin:20px}
.ratesSaphire h2 {color:#fff !important;background:#252525;font-weight:normal ; padding:0 0 0 20px }
.ratesSaphire h3 {position:absolute;bottom:20px;color:#fff;background:#252525; padding:0 0 0 20px;}
.ratesSaphire ul li {color:#0069FF !important;font-size:0.95em !important;line-height:1.1em !important;margin:0;padding:0 }

.ratesDiamond { position:relative;float:left;width: 45%; margin: 5px; border:1px solid #fff;background:#000;height:700px }
.ratesDiamond p {color:#ccc !important;font-size:0.90em;margin:20px}
.ratesDiamond h2 {color:#fff !important;background:#252525;font-weight:normal; padding:0 0 0 20px }
.ratesDiamond h3 {position:absolute;bottom:20px;color:#fff;background:#252525; padding:0 0 0 20px;  }
.ratesDiamond ul li {color:#fff !important;font-size:0.95em !important;line-height:1.1em !important;margin:0;padding:0}

#content .list li a {color:#AF0007;text-decoration:none}
#content .list li a:visited {color:#AF0007;text-decoration:none}
#content .list li a:hover {color:#fff;text-decoration:none}

.midContent {background:#000;margin: 0 30px 0 30px}
.midContent .column {float: left;width: 45%;text-decoration: none;position: relative;padding: 15px;}
* html .midContent .column { padding: 15px 13px; }
.midContent .column.last {width: 223px;margin-right: 0px;}
.midContent .column p  {clear: both;color: #ccc !important;font-size:0.90em;line-height:1.4em;text-align:justify;margin:0}
.midContent .column img  {clear: both;text-align:center;padding:3px;border:1px solid #666}
.midContent .column h4 {color:#FFB900;padding:0;margin:20px 0 0 0 }
.midContent .column ul {clear: both; }
.midContent .column li {clear: both; }
.midContent p  {clear: both;margin: 0 20px 0 20px}

#portfolio-pic .column {float: left;width: 45%;text-decoration: none;position: relative;padding: 15px;}
* html #portfolio-pic .column { padding: 15px 13px; }
#portfolio-pic .column.last {width: 223px;margin-right: 0px;}
#portfolio-pic .column p  {clear: both;color: #ccc !important;font-size:0.90em;line-height:1.4em;text-align:justify;margin:0}
#portfolio-pic .column img  {clear: both;text-align:center;padding:3px;border:1px solid #666}
#portfolio-pic .row01  h4 {color:#FFB900;padding:0;margin:20px 0 0 0;background:#252525 }
#portfolio-pic .column ul {clear: both; }
#portfolio-pic .column li {clear: both; }
#portfolio-pic .column p  {clear: both;margin: 0 20px 0 20px}
#portfolio-pic .row01 {margin: 0 0 30px 0;border: 1px solid #1a1a1a;padding:10px}