/*
Theme Name: Strategis Custom Theme
Theme URI: http://www.webmarkdesigns.com.au/
Description: The custom Strategis theme designed to run under WordPress
Version: 1.0
Author: WebMark Designs
Author URI: http://www.webmarkdesigns.com.au/
*/

img{vertical-align:middle;border:0}
hr{display:none}

html{background:#004e73}

.logo h1{margin:0;padding:0}
.logo a{background:url(images/logo.jpg) no-repeat;display:block;width:255px;height:151px;float:left;}
.logo span{position:absolute;left:-999em}

#top-menu{background:url("images/menu-bg.gif") repeat-x;color:#fff;height:25px;padding:5px 10px}
#search{float:left;margin:-3px 10px 0 0}
#search input[type="text"]{width:145px;border:1px solid #6b6b69}

#top-menu ul{margin:0;padding:0;list-style:none;margin-top:-5px;float:left}
#top-menu li{float:left}
/*hide the nested ul's*/
#top-menu ul ul,
#top-menu ul ul ul{position:absolute;left:-999em;margin:-1px 0 0 5px;width:180px}
/*position the nested nested ul's*/
#top-menu ul ul ul{margin:-1em 0 0 180px;padding:0;border-top:1px solid #3F3A00}
/*hide the nested nested ul's*/
#top-menu li:hover ul ul,
#top-menu li.sfhover ul ul{left:-999em}
/*show any nested li on hover*/
#top-menu li:hover ul,
#top-menu li:hover ul li:hover ul,
#top-menu li.sfhover ul,
#top-menu li.sfhover ul li.sfhover ul{left:auto;z-index:2}
/*style the top level menu items*/
#top-menu a{
  padding:8px 7px 9px 7px;margin:0 5px;display:block;
  text-decoration:none;color:#663;background:url(images/menu-item.gif) repeat-x;
  font:normal 100% Arial, sans-serif;text-align:center}
/*style the hovered over/selected li's*/
#top-menu li:hover a,
#top-menu li.sfhover a,
#top-menu .current_page_ancestor a,
#top-menu .current_page_item a{background-position:0 -65px;color:#ffc}
/*reset the styles for the nested a within a selected li*/
#top-menu li:hover li,
#top-menu li.sfhover li{width:170px;margin:0;padding:0}
#top-menu li:hover li a,
#top-menu li.sfhover li a,
#top-menu ul ul .current_page_ancestor li a,
#top-menu ul ul .current_page_item li a{
	background:#777;color:#fff;width:168px;text-align:left;display:block;margin:0;
	font-size:70%;padding:2px 5px;border:1px solid #3F3A00;border-width:0 1px 1px}
/*restyle the selected or hovered over a within a nested nested ul*/
#top-menu ul ul a:hover,
#top-menu ul ul .current_page_item a,
#top-menu ul ul .current_page_ancestor a,
#top-menu ul ul .current_page_ancestor a:hover,
#top-menu ul ul .current_page_item a:hover,
#top-menu ul ul ul .current_page_item a{color:#ffa;background:#555}

#wrapper{
  /* Hack for IE6 */                                                            /* :BUG: */
  width:988px !important;width:991px;
  margin:0 auto;height:auto !important;
  min-height:900px;height:900px;
  padding-bottom:50px;background:#fff;
  color:#333;position:relative}

#header{background:#008EB6 url(images/header-mid.gif) 255px 0 no-repeat;text-align:right}

#content{
  font:100% normal Arial, sans-serif;
  width:542px;margin:auto;padding:5px;padding-bottom:50px}

.gui-buttons a:link,
.gui-buttons a:visited{
  color:#fff797;background:url(images/button-bgs.gif) no-repeat;
  display:block;height:19px;width:204px;width:189px;
  padding:7px 0px 4px 15px;
  text-decoration:none;
  font:bold 80% Arial, sans-serif;letter-spacing:-1px}
.gui-buttons,
.gui-buttons li{margin-bottom:8px}

#l-sidebar ul,
#r-sidebar ul{margin:0;padding:0;list-style:none}
#l-sidebar{padding:10px;position:absolute;top:190px;left:0;width:203px}
#l-sidebar h3.oneoffice-for{font:normal 150% Arial, sans-serif;color:#09c;margin:10px auto 5px}
#l-sidebar h3.oneoffice-for sup{font-size:40%}
#l-sidebar ul.sectors{margin-left:10px}
#l-sidebar ul.sectors a:link,
#l-sidebar ul.sectors a:visited{text-decoration:none;font:75% normal Arial, sans-serif;color:#09c}
#l-sidebar ul.sectors a:hover{text-decoration:underline}
#l-sidebar .smartpoint{margin-bottom:20px}

#free-demo a:link,
#free-demo a:visited{background-position:0 -120px}
#free-demo a:hover{background-position:0 -180px}

#voucher-code{
  background:url(images/voucher-code-box.gif) no-repeat;
  padding:2px 5px 8px;width:194px;height:54px}
#voucher-code td{font:70% normal Arial, sans-serif;color:#fff797}

#r-sidebar{padding:10px;position:absolute;top:190px;right:0;width:203px}
#r-sidebar a:hover{background-position:0 -60px}
#r-sidebar h3{
  font:bold 120% Arial, sans-serif;text-align:right;
  color:#fff797;margin:0;padding:10px 5px 0;background:#656565 url(images/testimonials-top.gif) no-repeat;}
.testimonials{
  color:#fff;background:#656565 url(images/testimonials-bottom.gif) no-repeat center bottom;
  font-family:Arial,sans-serif;font-size:80%;
  margin-bottom:10px}
.testimonials .story{padding:0 10px 10px;min-height:215px;height:215px}
.testimonials p{text-align:justify}
.testimonials .logo{text-align:right}
.testimonials .read-more{text-align:right;margin-top:10px}
.read-more a:link,
.read-more a:visited{color:#9cf}

#footer{
  width:988px;margin:0 auto 100px;padding:5px;
  font:normal 90% Arial,sans-serif;color:#fff}
#footer ul{list-style:none;margin:0;padding:0}
#footer li{float:left;margin:0 10px 0 0}
#footer a:link,
#footer a:visited{color:#fff;text-decoration:none}
#footer a:hover{text-decoration:underline}

.news,.single{font-size:90%}
.news h3,.single h3{margin:0 0 2px;font-size:110%}
.news .post small{font-weight:bold}
.news .post{border-bottom:1px solid #ccc;margin-bottom:1em}

.navigation{
	width:auto;min-height:1em;height:auto !important;height:1em;
	font-size:80%;background:#eee;padding:5px;border:1px solid #ccc;
	margin-bottom:1em}
.navigation .alignleft{float:left;clear:right}
.navigation .alignright{text-align:right}

.error{color:red;background:#fcc;border:1px solid red;border-width:1px 0;padding:2px}
.alert{color:blue;background:#ccf;border:1px solid blue;border-width:1px;padding:2px}
.linklove{display:none}
.requestForm th{text-align:left}

#home-intro{
  background:url('images/home-intro.jpg');
  width:540px;height:264px;margin-top:10px}
#home-intro .morethan{
  text-align:right;width:430px;margin:auto;padding-top:10px;color:#fff;
  font-size:130%;line-height:160%}
#home-intro .welcome{
  text-align:center;color:#ff9;font-size:150%;padding-top:10px;margin:0;
  font-weight:normal}
#home-intro .intro{text-align:justify;padding:5px 15px 10px;color:#fff}

#home-content{
  background:url('images/content-boxes-middle.gif') top center repeat-y;
  width:540px;margin-top:10px;padding:0;font-size:80%}
#home-content .inner{
  background:url('images/content-boxes-top.gif') top center no-repeat;
  width:540px}
#home-content .inner .inner{
  background:url('images/content-boxes-bottom.gif') bottom center no-repeat;
  width:540px}
#home-content h3{
  color:#004e73;font-size:130%;text-align:center;margin:0 0 1em;
  padding-top:.5em}
#home-content h4{margin:0 0 1em;font-size:100%}
#home-content .differences{width:355px}
#home-content .differences div{padding:0 10px 10px}
#home-content .why{width:177px;float:right;padding:0}
#home-content .why ul{margin:0;padding:0 1.5em}
#home-content .context-keyed{width:155px}
#home-content .at-a-glance{float:right;width:155px}
#home-content .why li{font-size:110%;padding:0 10px 10px}