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

All rights reserved OLALA.COM.AU
info@olala.com.au

**************************************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdena, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}
img {
   border: 0;
}
a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color:#B00000;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
    color:#B73F04;
}
a:hover {
   text-decoration: none;
   color:#B00000;
}
.red{
color:#FF0000;
}
/*****************
basic layout 
*****************/
body {
   background-color: #666667;
   color: #333334;
   margin:0px;
   padding:0px;    
}
div#sitewarper{
   margin: 0px;     
   width:100%;
   background: #666667  url(uploads/olala1/olala_r2_c2.jpg) top left repeat-x;
}
div#sitetopline{
   margin: 0px;
   background: #EFEFEF;
   height:37px;
}
div#sitetopline-menuwarp{
   margin: 0px auto;
   width: 1008px;   
}

div#sitetopline-menuwarpIn{
	float:left;
    height:37px;
	width:1008px;
}


div#sitetopline-menu{
   float:right;
   margin-top: 7px;
   margin-right:7px;
   height:34px;
   width:254px;
   background: #666667  url(uploads/olala1/olala-veryup-meny_bg.gif) top left repeat-x;
}
div.sitetopline-menuopt{
	float:left;
	margin-top:12px;
	margin-left:47px;
}
div.sitetopline-menuopt img{
	float:left;
	border:none;
}

div#sitetopline-SN{
   float:left;
   margin-top: 0px;
   height:34px;
   width:40px;
}

div#sitetopline-menu1{
   float:left;
   margin-top: 7px;
   height:34px;
   width:340px;
}
div#sitetopline-menu1 a{
	float:right;
	margin:10px;
	text-decoration:none;
	color:#000000;
}
div#sitetopline-menu1 span{
	float:right;
	margin:7px 2px;
	color:#990000;
}
div#sitetopline-gsearch{
	float:left; 
	width:350px; 
	height:30px; 
	margin-left:0px;
	margin-top:4px;
	font-size:10px;
}
.sitetopline-gsearch_in{
	float:left;
	width:320px;
	height:21px;
	margin-left:10px;
	margin-top:5px;
}
.sitetopline-gsearch_in input{
	float:left;
	border:none;
}
.btn{
	float:left;
	margin-top:3px;
}

div#pagewrapper {
   margin: 0px auto;
   width: 1008px;   
   color: #333;
}
div#header {
   float:left;
   width:1008px;
   height: 104px;    
   background: #fff url(uploads/olala1/olala_r2_c3.jpg) top left no-repeat;
}
div#contentwrapper{
   margin: 0px auto;
   width:1008px;
   height:auto;
}
div#content{
	float:left;
	width:1008px;
    background:#fff url(uploads/olala1/olala_r4_c3.jpg) top left repeat-y;
	height:auto;
}
div#contentH {
	float:left;
	width:4px;
	height:500px;
}
div#contentC{
	float:left;
	width:980px;
	margin-left:10px;
}
div#sidebarN{
	float:left;
	width:200px;
	margin-left:10px;
}
div#contentN{
	float:left;
	width:770px;
	margin-left:10px;
}

#contentN ul, #contentN ol{
	margin-left:10px;
}
#contentN ul li, #contentN ol li{
	list-style:inside;
	font:12px;
	margin-bottom:3px;
}

div#contentD{
	float:left;
	width:980px;
	margin-left:10px;
}


div#bottomline{
	clear:both;
	height:200px;
	width:100%;
	background:#333333  url(uploads/olala1/olala_r6_c2.jpg) top left repeat-x;
}
div#footer {
	clear:both;
	width:1008px;
	height:92px;
	margin:0px auto;
	background:url(uploads/olala1/olala_r6_c3.jpg) top left no-repeat;
	color:#E1E1E1;
	font-size:11px;
	letter-spacing:1px;
}
.footer_r0{
	font-size:11px;
	float:left;
	width:1001px;
	margin-top:8px;
	margin-left:0px;
	color:#333;
	text-align:right;
}
.footer_r0 a, .footer_r0 a:link{
	color:#FF0000;
	text-decoration:none;
}
.footer_r0 a:hover{
	text-decoration:overline;
}
.footer_r1{
	float:left;
	width:400px;
	margin-top:33px;
	margin-left:17px;
}
.footer_r2{
	float:left;
	width:570px;
	margin-top:33px;
	text-align:right;
}
.footer_r3{
	float:left;
	width:1008px;
	margin-top:17px;
	text-align:left;
}
.footer_r3L{
	float:left;
	width:237px;
	margin-right:9px;
	text-align:left; border-left:1px dotted #C0C0C0;
	padding-left:3px;
}
.fr3Li{
	margin:2px;
}
.fr3Li1{
	margin-bottom: 4px;
}
.fr3Li1 input{
	border:none;
	background-color:#F8F8F8;
	font-size:11px;
}
.fr3Li1 img{
	border:none;
	margin-left:10px;
}
.istxt{
	padding:2px 5px;
}
.isbtn{
	padding:1px 5px;
	cursor:pointer;
}

.footer_r2 a{
	text-decoration: none;
	background-color: inherit; 
	color:#FFFF99;
}
.footer_r3 a{
	text-decoration: none;
	background-color: inherit; 
	color:#fff;
}
.footer_r2 a:hover,
.footer_r3 a:hover{
	text-decoration: underline;
	color:#FFF;
}
.header-logo-olala{
	float:left; 
	margin-top:20px; 
	margin-left:40px;
	height:83px;
	width:83px;
}
.header-up-upmenu-olala{
	float:left; 
	margin-top:10px; 
	margin-left:70px;
	width:800px;
	height:35px;
	text-align:right;
	color:#999999;
}
/*
.header-up-upmenu-olala a{
	color:#ff0000;
	text-decoration:none;
	letter-spacing:0.5px;
	font-size:13px;
}

.header-up-upmenu-olala .freecall{
	float:left; 
	font-size:15px; 
	margin-left:0px; 
	color:#333333;
	width:245px;
	text-align:center;
}

.header-up-upmenu-olala .menu_freecall{
	float:right;
	width:550px;
}
*/
.header-upmenu-olala{
	float:left; 
	margin-top:7px; 
	margin-left:74px;
	width:750px;
	height:37px;
}

.header-upmenu-olala img{
	float:left;
	border:none; 
}



div#footer p {
   font-size: 0.8em;
   text-align: center; 
   margin: 0;
}
div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}


/********************
PAGEs Stleing
*********************/
.up-container{
	float:left;
	width:980px;
	height:255px;
}
.up-container-slim{
	float:left;
	width:980px;
	height:124px;
}
.up-container-very-slim{
	float:left;
	width:980px;
	height:72px;
}
.up-container-large1{
	float:left;
	width:980px;
	height:357px;
}

.bottom-container{
	margin-top:17px;
	margin-left:10px;
	float:left;
	width:957px;
	height:20px;
}
.box-FH200{
	overflow:hidden;
	height:auto;
	width:100%;
	margin-bottom:15px;
	
}
.box-FH200 input{
	border:1px solid #CCCCCC;
	margin:2px 0px;
}
.box-FH200 .submit{
	background-color:#FFFFFF;
}

.box-FH200 .submit input{
	padding:1px 5px;
	border:1px outset #CCCCCC;
	margin-top:5px;
	cursor:pointer;
}




/* home (3 columns)*/
.middle-container1{
	float:left;
	margin-left:10px;
	width:237px;
	background: url(uploads/olala1/inpage-left-vertical-line-sep.png) top right no-repeat;
}
.middle-container1-Hbox{
	float:left;
	width:217px;
	margin-left:0px; 
	background: url(uploads/olala1/inpage-horiz-line.png) bottom left repeat-x;
}
.middle-container1-Hbox_txt{
	margin-left:12px;
	border-left:1px dashed #666667;
	padding-left:5px;
}

.middle-container1-Hbox_txt p{
	color:#333334;
}

.middle-container2{
	float:left;
	margin-left:5px;
	width:430px;
	text-align:justify;
}
.middle-container2 ul, .middle-container2 ol{
	margin-left:10px;
}
.middle-container2 ul li, .middle-container2 ol li{
	list-style:inside;
	font:12px;
	margin-bottom:3px;
}
.middle-container3{
	float:left;
	margin-left:5px;
	width:282px;
	background: url(uploads/olala1/inpage-right-vertical-line-sep.png) top left no-repeat;
}
.middle-container3-Hbox{
	float:left;
	width:250px;
	margin-left:30px;
	background: url(uploads/olala1/inpage-horizontal-line-sep.png) bottom center no-repeat;
}
.middle-container3-Hbox_x{
	float:left;
	width:250px;
	margin-left:30px;
}

/* 2 columns page */
.middle-container11{
	float:left;
	margin-left:10px;
	width:237px;
	background: url(uploads/olala1/inpage-left-vertical-line-sep.png) top right no-repeat;
}
.middle-container11-Hbox{
	float:left;
	width:217px;
	margin-left:0px; 
	background: url(uploads/olala1/inpage-horizontal-line-sep.png) bottom center no-repeat;
	padding-bottom:7px;
}
.middle-container21{
	float:left;
	margin-left:0px;
	width:725px;
}
.middle-container21 ul{
	margin-left:20px;
}
.middle-container21 ul li{
	list-style-position:inside;
	margin-bottom:5px;
}
.contactWarp input{
	width:400px;
	border:1px solid #CCCCCC;
	margin:2px 0px;
}
.contactWarp select{
	border:1px solid #CCCCCC;
	margin:2px 0px;
}
.contactWarp .submit input{
	margin-left:2px;
}
.contactWarp .money input{
	width:50px;
}
.contactWarp .fileu input{
	width:200px;
}



/* web solutions */
.left-menu-post {
	margin-left:10px;
	float:left;
	width:197px;
	height:210px;
	background: url(uploads/olala1/websolution-menu-bg.jpg) top left no-repeat;
} 
.left-menu-post-opt1{
	float:left;
	margin-top:54px;
	margin-left:19px;
}
.left-menu-post-opt2{
	float:left;
	margin-top:0px;
	margin-left:19px;
}


/* 1 col page */
.middle-container4{
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:930px;
	text-align:justify;
	border-left:1px solid #E9E9E9;
	padding-left:4px;
}
.middle-container4 ul,.middle-container4 ol{
	margin-left:20px;
}

.middle-container4 ul li, .middle-container4 ol li{
	list-style-position:inside;
	list-style-type:none;
	font-size:14px;
	line-height:2em;
}

/* 1 col page new*/
.middle-container4D{
	float:left;
	font-size:12px;
	margin-left:20px;
	margin-top:10px;
	width:930px;
	text-align:justify;
	line-height:1.1em;
}

.middle-container4D p{
}

.middle-container4D ul, .middle-container4D ol{
	margin-left:20px;
}

.middle-container4D ul li, .middle-container4D ol li{
	list-style:inside;
}

/* Front end user and registration*/
.fe_reg_usersWarpUp{
	float:left;
	width:943px;
	height:12px;
	background:url(uploads/olala1/bfg_fe1_r2_c1.jpg) top left no-repeat;
	margin-left:19px;
}
.fe_reg_usersWarpMid{
	float:left;
	width:943px;
	background:url(uploads/olala1/bfg_fe1_r4_c1.jpg) top left repeat-y;
	margin-left:19px;
}
.fe_reg_usersWarpDn{
	float:left;
	width:943px;
	height:31px;
	background:url(uploads/olala1/bfg_fe1_r6_c1.jpg) top left no-repeat;
	margin-left:19px;
}

.fe_reg_users_up {
	float:left;
	margin-left:20px;
	width:877px;
	border-bottom:1px solid  #D8D8D8;
}

.fe_reg_users {
	float:left;
	margin-left:20px;
	width:450px;
}


.fe_reg_users input{
	width:320px;
	margin-top:5px;
	border:1px solid #CCCCCC;
	padding:3px 0px;
	font-size:12px;
}
.fe_reg_users .checkbox input{
	width:10px;
	float:left;
	margin-top:0px;
}

.fe_reg_users .submit{
	background-color:#FFFFFF;
}

.fe_reg_users .submit input{
	float:left;
	width:auto;
	cursor:pointer;
	width:177px;
	text-align:center;
	color:#000000;
	font-size:12px;
}

.fe_reg_users .submit {
	float:left;
	width:100%
}

.fe_reg_users .submit input{
	float:left;
	width:auto;
	border:none;
	cursor:pointer;
	height:23px;
	width:177px;
	text-align:center;
	color:#000000;
	font-size:12px;
	padding:0px 7px 4px 7px;
	letter-spacing:1px;
	background:url(uploads/olala1/btn2.jpg) top left no-repeat;
}

.fe_reg_users .links{
	margin-top:10px
}

.fe_reg_users .links a,
.fe_reg_users .links a:hover{
	float:left;
	width:auto;
	cursor:pointer;
	width:200px;
	height:23px;
	text-align:center;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	padding:3px 1px;
	letter-spacing:1px;
	background:url(uploads/olala1/btn3.jpg) top left no-repeat;
	margin-right:10px;
}

.fe_reg_users p.linksreg {
	float:left;
	width:100%;
	margin-top:10px;
}

.fe_reg_users .links1 a,
.fe_reg_users .links1 a:hover{
	float:left;
	width:auto;
	cursor:pointer;
	width:200px;
	height:23px;
	text-align:center;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	padding:3px 7px;
	letter-spacing:1px;
	background:url(uploads/olala1/btn1.jpg) top left no-repeat;
}

.AccAreaMenu{
	float:left; 
	width:901px; 
	border-bottom:1px solid #CCCCCC;
	margin-bottom:7px;
}
.AccAreaMenu a{
	float:left; 
	width:auto;
	padding:3px 7px;
	margin-right:10px;
	border:1px solid #CCCCCC;
	border-bottom:none;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1px;
}

/* contact */
.up-container-contact{
	float:left;
	width:980px;
	height:385px;
	background:url(uploads/olala1/olala-contact.jpg) top left no-repeat;
}
.up-container-contact .det{
float:left;
margin-left:21px;
margin-top:75px;
height:267px;
width:430px;
}
.contactform input,
.contactform select,
.contactform textarea {
	border:1px solid #CCCCCC;
	margin:5px;
	padding:2px 0px 2px 5px;
	font-size:14px;
	color:#454545;
}

.contactform input{
	width:400px;
}
.contactform .checkbox{
	width:20px;
}
.contactform textarea{
	width:677px;
	height:150px;
}
.submit {
	margin-top:7px;
	background-color:#990000;
}
input.fbsubmit{
	background-color:#FFFFFF;
	color:#333333;
	cursor:pointer;
	width:170px;
}
.error_message, error{
	font-size:12px;
	color:#FF0000;
}

.up-container-contact .gmap{
	float:left;
	margin-left:0px;
	margin-top:44px;
	height:315px;
	width:515px;
}

/* services */
.up-container-services{
	float:left;
	width:980px;
	height:375px;
	background:url(uploads/olala1/olala-product-and-services.jpg) top left no-repeat;
}
.up-container-services_l1{
	float:left; 
	margin-top: 80px; 
	height: 51px; 
	width:975px;
}
.up-container-services_l2{
	float:left; 
	margin-top:40px; 
	height: 52px; 
	width:975px;
}
.up-container-services_l3{
	float:left; 
	margin-top: 40px; 
	height: 52px; 
	width:975px;
}
.container-services{
	float:left;
	width:960px;
	margin-left:10px;
}

/* comments */
#comments input,
#comments textarea {
	border:1px solid #CCCCCC;
	margin:5px;
	padding:2px 0px 2px 5px;
	font-size:14px;
	color:#454545;
}


/*Jobs */
.JobSummary{
	float:left;
	width:700px;
	margin:5px auto;
	border:1px solid #CCCCCC;
}
.JobSummaryItem{
	float:left;
	width:680px;
	margin:7px;
}
#JobPostDetailContent{
	margin:10px;
}
#JobPostDetailContent ul li{
	margin:2px;
	list-style-position:inside;
}
#JobPostDetailContent ul li ul{
	margin-left:10px;
	list-style-position:inside;
}
#JobPostDetailContent ul li ul li{
	margin:2px;
	list-style-position:inside;
}

/*prints */
.middle-container21 .wide_div{
	float:left;
	margin-left:0px;
	width:725px;
}
.middle-container21 .wide_div{
	float:left;
	margin-left:0px;
	width:725px;
}
.middle-container21 .wide_div .wide_divLeft{
	float:left;
	margin-left:10px;
	width:315px;
}
.middle-container21 .wide_div .wide_divRight{
	float:left;
	margin-left:0px;
	width:400px;
}


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 15px;
   margin-top:20px;
   margin-bottom:15px;
   font-weight:bold;
   color:#990000;
   letter-spacing:2px;
   
}
div#content h2 {
   font-size: 14px;
   margin-top:15px;
   margin-bottom:10px;
   font-weight:bold;
   color:#333334;
   letter-spacing:1.5px;
}
div#content h3 {
   font-size: 12px;
   margin-top:10px;
   margin-bottom:7px;
   font-weight:bold;
   color:#480000;
   letter-spacing:1.2px;
}
div#content h4, div#content h5, div#content h6 {
   font-size: 12px;
   margin-top:7px;
   margin-bottom:7px;
   font-weight:bold;
   color:#151515;
   letter-spacing:1px;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 12px;
   padding: 0px 0px 0.7em 0px;
   margin: 0px;
   letter-spacing:0.15px;
   line-height: 1.25em;
}


blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
   font-weight:bolder;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

.team_nav{
	width: 720px; 
	float: left; 
	margin-bottom: 5px;
	padding:2px;
}
.team_nav img{
float:left;
margin:5px 10px;
}



/* */
div.supportNav{
	float:right;
	margin-top:10px;
	margin-left:25px;
	width:110px;
	height:15px;
}
div.supportNav a{
margin:0px;
padding:0px;
}