/**********************************************

*			AKRO GROUP PTY LTD CSS

*			Designed & Built by akro Group

*			ideas@akro.com.au

*			Copyright 2009

**********************************************/

body {

	font-family: "Century Gothic", Verdana, Arial;

	margin: 0;

}



selectBox {

	width: 20;

}



a {

	text-decoration: none;

	color: #C00;

}

a:visited {

	color: #900;

}

ul {

	list-style: none;

}

#wrapall {

	width: 1000px;

	margin: 0;

	background-color: #FFF;

}

#headerwrap {

	width: 1000px;

	background: url(images/h1.jpg) repeat-x top;

	padding-top: 20px;

	display:block;

	font-size: 65.5%;

}

#hdnavwrap {

	width: 1000px;

	height: 135px;

	background: url(images/img_header.jpg) no-repeat top left;

	display: inline-block;

	float: right;

	clear: both;

}

/****  Header Nav Menu    ***/ 

#hdnav1wrap {
	float: right;

}

#hdnav1, #hdnav1 ul {
	padding: 3px 0 0 0;
	margin: 3px 44px 0 0;
	height: 20px;
}

/*#hdnav1 {

	padding: 0;

	margin: 16px 0 0 0;

	height: 20px;

}*/ 

#hdnav1 li{

	float: left;

	width: 8em;

	height: 20px;

	padding: 0px 4px;

}

#hdnav1 li ul {

	position: absolute;

	left: -999em;

	width: 8em;

	z-index: 10;

}

#hdnav1 li:hover ul {

	left: auto;

	height: 25px;

}

/* for ie8 & ff */

* #hdnav1 li:hover ul, #hdnav1 li.sfhover ul {

	left: auto;	

	margin: 20px 0 0 0px;

}

/* for ie7 */

* + html #hdnav1 li:hover ul,  {

	left: auto;

	margin: 33px 0 0 -72px;

}



/* top menu */

#hdnav1 a {

	color: #333;

	font-weight: bold;

	padding: 5px 6px;

	border-right: 1px solid  #333;

}

/* hover level 1 nav ALL */

#hdnav1 a:hover {

	background-color: #606060;

	color: #FFF;

	padding: 5px 6px;

}

/* hover level 2 nav 

* + #hdnav1 ul a {

	display: block;

	width: 14em;

	text-align: left;	

	font-weight: bold;

	padding: 5px 6px;

	margin: 0 0 0 -62px;

	background: url(images/img_menu_bg.png) repeat;

} */

/* hover level 2 nav ie8 */

* #hdnav1 ul a {

	display: block;

	width: 14em;

	text-align: left;	

	font-weight: bold;

	padding: 5px 6px;

	margin: -17px 0 0 8px;

	background: url(images/img_menu_bg.png) repeat;

}

#hdnav1on {

	background-color: #606060;

	color: #FFF;

	padding: 5px 6px;

}

/****  Top Nav Menu    ***/ 



#contact {

	height: 200px;

	width: 190px;

	background: url(images/akro_contactus4.png) no-repeat;

	float: left;

	clear: none;

	margin: 300px 0 0 -210px;

	padding: 40px 0 0 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bolder;

	color: #FFF;

}



/****  Body    ***/ 

#bodywrap {

	width: 1000px;

	margin: 0;

}

#logo {

	float: left;

	background: url(images/logo.gif) no-repeat center;

	width: 200px;

	min-height: 270px;

	border-right: 3px solid #333;

	padding: 0 20px 0 0;

	margin: 3px 0 0 20px;

}

#clientlogos {

	float: left;

	height: 80px;

	width: 200px;

	margin: 235px 0 -45px -223px;

	padding: 0;}



/****  Main Image   ***/ 



#mainstage {

	padding: 20px 0 0 0;

}

#requestbarwrap {

	width: 1000px;

	height: 45px;

	padding: 5px 0 0 0;

	float: right;

	clear: both;

	margin-left: -250px;

	text-align: left;

}

#whatwrap {

	width: 793px;

	border-bottom: 1px solid #333;

	float: left;

	clear: both;

}

#what {

	width: 147px;

	text-align: left;

	font-size: 14px;

	padding: 5px 0 8px 100px;

	background: url(images/img_what.gif) no-repeat right;

	float: left;

	clear: both;

}

/****  Request Box    ***/ 

#request {

	float: right;

	clear: none;

	width: 205px;

	height: 44px;

	text-align: center;

	background: url(images/img_bg_request.gif) no-repeat top right;

	padding: 6px 1px 0 0;

	margin: 8px 0 0 0;

}

#request a {

	color:#FFF;

	font-weight: bold;

	font-size: 12px;

}

#request a:hover {

	color: #09F;

}

#requestform {

	display: none; /* Turn On/Off*/

	width: 185px;

	background: url(images/img_menu_bg.png) repeat;

	position: relative;

	color: #333;

	float: right;

	clear: both;

	padding: 10px;

	margin: -3px 2px 0 0;

	font-size: 10px;

}

* + html #requestform { /* ie 7 */

	padding: 3px;

	width: 197px;

	font-size: 10px;

	margin-right: 2px;

}

.formtext {

	font-size: 9px;

	margin: 2px 2px;

	padding: 2px;

}

input {

	padding: 3px;

}

.sub {

	background-color: #39c;

	color: #000;

	font-size: 11px;

	font-weight: bold;

	margin: 5px 0;

	height: 22px;

	cursor: pointer;

	padding: 1px 3px;

}

select {

	width: auto;

	margin: -15px 10px 0 0;

	float: right;

	clear: right;

}

label {

	margin-left: 5px;

}

/****  Lower Body    ***/ 

#bodyareawrap {

	width: 1000px;

	background-color: #FFF;

	text-align: left;

	display: inline-block;

	background: url(images/img_bg_body.jpg) no-repeat bottom;

}

* + html #bodyareawrap { /* ie 7 */

	width: 1000px;

	background-color: #FFF;

	text-align: left;

	min-height: 200px;

	background: url(images/img_bg_body.jpg) no-repeat bottom;

}



/****  Left Nav Panel    ***/ 

#leftnav {

	width: 241px;

	height: 170px;

	display: inline-block;

	float: left;

	clear: both;

	border-right: 2px solid #333;

}

#leftnav ul {

	width: 241px;

	padding-left: 40px;

}

#leftnav a {

	color: #333;

	font-weight: bold;

	font-size: 10px;

	padding: 2px 0 2px 10px;

	background: url(images/img_bdy_bullet.gif) no-repeat left;

	float: left;

	clear: both;

}

#leftnav a:hover {

	float: left;

	clear: both;

	font-size: 11px;

	padding: 6px 2px 6px 12px;

	background: url(images/img_bdy_bulletarw.png) no-repeat left;

}

/****  Text Area Body    ***/ 

#support {

	width: 450px;

	height: 110px;

	font-weight: bold;

	font-size: 9px;

	line-height: 150%;

	float: left;

	padding: 5% 0 4% 40px;

	margin: 0;

	clear: right;

	display: inline-block;

}

html * #support { /* ie 7 */

	width: 450px;

	height: 120px;

	font-weight: bold;

	font-size: 9px;

	line-height: 150%;

	float: left;

	padding: 5% 0 4% 40px;

	margin: 150px 0 0 -700px;

	clear: right;

	display: inline-block;

}

/****  Text Area Body    ***/ 

#bodytexta { 

	width: 700px;

	padding: 10px 10px 10px 40px;

	float: left;

	clear: right;

}

#title {

	width: 490px;

	height: 16px;

	padding: 5px 0 3px 20px;

	color: #600;

	font-size: 14px;

	font-weight: bold;

	background: url(images/img_bg_title.gif) no-repeat left;

	border-bottom: #900 solid 1px;

}

#text {

	width: 480px;

	padding: 10px 30px 20px 10px;

	font-size: 10px;

}



/****  Footer    ***/ 

#footwrap {

	width: 1000px;

	float: left;

	clear: both;

	background: url(images/img_footer.gif) no-repeat bottom;

}

#footwrap ul {

	text-align: right;

	font-size: 9px;

	font-weight: bold;

	padding: 9px 0 15px 0;

}

#footwrap li {

	display: inline;

}

#footwrap a {

	color: #333;

	padding: 25px 12px;

}

#footwrap a:hover {

	color: #9F0;

	background-color: #333;

}



/****  PAGES     ***/ 



#mainstagewrap {

    

	width: 757px;

	min-height: 300px;

	float: right;

	clear: right;

	display: inline-block;



}

#portfoliostage /* portfolio page only */ {

	margin: 55px 0 0 0;

	padding:0 0 20px 0;

}

#pagenavwrap {

	height: 22px;

	padding: 0;

	margin: 0; 

	display: inline-block;

}

* + html #pagenavwrap { /* ie 7 */

	height: 22px;

	padding: 0;

	margin: 0;

	display: inline-block;

}

#pagenav {

	height: 22px;

	padding: 0;

	margin: 0 0 0 -40px;

}



#navtitle1 {

	width: 680px;

	height: 22px;

	padding: 3px 0 0 20px;

	margin: -25px 0 0 0;

	text-align: left;

	float: right;

	color: #333;

	font-weight: bold;

	font-size: 14px;

	border-bottom: 3px solid #900;

	/* background-color: #900; */

}





#stage {

	padding: 38px 0 5px 0;

}

#pagetextwrap {

	width: 750px;

}

#pagetextarea {

	text-align: left;

	padding: 10px 25px 10px 50px;

}

#title1 {

	width: 684px;

	height: 16px;

	padding: 1px 0 3px 20px;

	color: #333;

	font-size: 14px;

	font-weight: bold;

	border-bottom: 1px solid #900;

	/* background: #900; */

}

/* seo footer dex */

#dexwrap {

	width: auto;

	background: url(images/img_dex_bg.png) repeat;

}

#dex {

	width: 900px;

	height: 140px;

	margin: 70px 0 0 0;

	padding: 10px 7%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-align: left;

	color: #CCC;

}

#dex ul {

	display: inline-block;

	padding: 0 20px 0 20px;

	float: left;

}

#dex li {

	list-style: square;

}

#dex li a {

	color: #CCC

}

#dex li :hover {

	color: #FFF;

}







/*------- Request a quote -------*/

body {

	background: url(images/img_bgrepeat.gif) repeat;

}



#requestQuote {

	position: absolute;

	z-index:1000;

	cellpadding:0px;

	cellspacing:0px;

	height:428px;

	width:573px;

	/**

	margin-top: -250px;

	margin-left: -120px;

    **/

	padding-top:50px;

	padding-left:70px;

	pading-right:auto;

	padding-bottom:auto;

	top: 36px;

	left: 354px;

	color: #fff;

	background-image:url(http://static.flowplayer.org/img/overlay/apple.png);

}



#requestQuoteHide{

    position:relative;

	top:-10px;

	left:550px;

}





/*------- Contact Us form CSS ----*/



* {

 padding:0;

  margin:0

}



#contactUs {

	width: 100%;

	font-size: 10px;

	/* color:#999999;*/

	padding: 10px 30px 20px 10px;

}



dl {

 width:100%;

 overflow:hidden;

 

}



dt {

 float:left;

 width:10%; /* adjust the width; make sure the total of both is 100% */

 text-align:right; 

}



dt p{

 font-size:11px;

 margin: 0;

 padding-right:10px;

 }



dt span{

 color:#ff0000;

}



dd {

 float:left;

 width:90%; /* adjust the width; make sure the total of both is 100% */

 font-size:11px;

}



dd input , textarea{

font-size:11px;

}



dd p{

 line-height:150%;

 font-size:11px;

}



.button {

height:28px;

}



/* END akro CSS */