/***********************************************
MAIN CSS
WebsiteOnDemand.com.au
************************************************/
* {
margin:0;
padding:0;
}
body {
   text-align: left;
   font-family: Verdena, sans-serif;
   font-size: 75.01%;
   line-height: 1.2em;
}
div {
   font-size: 11px;
}
img {
   border: 0;
}
a,
a:link 
a:visited 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color:#990000; 
}
a:hover {
   text-decoration: none;
   background-color: inherit; 
   color: #FF0000;
}

p{
	line-height: 1.2em;	
	font-size: 11px;
	letter-spacing:0.2px;
	margin:2px auto;
}

li {
	list-style:inside;
}

input, textarea, select {
	border:1px solid #CCCCCC;
	margin:3px;
	padding:2px 5px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.fbsubmit{
	cursor:pointer;
	border:1px outset #FF0000;
	background-color:#FF0000;
	color:#fff;
}
.left{
	float:left;
}
.right{
	float:right;
}
strong, b {
}

/*****************
basic layout 
*****************/
body {
   color: #333;
   margin:0em; 
   background: #fff url(uploads/olala/olala-website-on-demand-home_r1_c5.jpg) top left repeat-x; 
}

div#sitewrapper {
   margin: 0px auto;
   width: 1008px; 
}
div#pagewrapper {
	float:left;
	margin: 0px;
	width: 1008px; 
	background: url(uploads/olala/olala-website-on-demand-home_r1_c2.jpg) top left no-repeat;
}

div#header {
	float:left;
	height: 167px;
	width:1008px;
}

div.header_Line1 {
	float:left; 
	width:1008px; 
	height:127px;
}
div.header_Line2 {
	float:left; 
	width:1008px; 
	height:40px;
}

div.header_logo {
	float:left;
	margin-top:0px;
	width:207px;
	height: 127px;
}
div.header_right {
	float:left;
	margin-top:0px;
	width:797px;
	height: 127px;
}
div.header_right_line1 {
	float:left;
	margin-top:5px;
	width:790px;
	height: 30px;
	text-align:right;
	color:#FF0000;
	letter-spacing:1px;
	font-size:12px;
}
div.header_right_line1 span{
	font-size:10px;
	color:#333333;
}
div.header_right_line2 {
	float:left;
	margin-top:5px;
	width:793px;
	height: 40px;
	text-align:right;
	color:#000000;
	letter-spacing:1px;
	font-size:12px;
}
#CallMeMsg{
	color:#FF0000;
}
div.header_right_line2 span{
	background-color:#FFFFFF;
	padding:2px 5px;
}
div.header_right_line2 input{
	margin:2px 0px;
	width:150px;
	font-size:11px;
	color:#333333;
}
.instQBtn{
	float:right;
	width:222px;
	height:24px;
	font-size:15px;
	letter-spacing:1px;
	text-align:center;
	background:url(uploads/olala/bg_instant_quote.jpg) top left no-repeat;
	padding-top:6px;
	margin-top:4px;
	cursor:pointer;
	color:#FFFFFF;
}

div.header_right_line2 input.submit{
	padding:1px 5px;
	width:auto;
	font-size:11px;
	cursor:pointer;
	border:1px outset #CCCCCC;
	background-color:#990000;
	color:#FFFFFF;
}

div.header_right_line3 {
	float:left;
	margin-top:4px;
	margin-left:6px;
	width:235px;
	height: 30px;
	text-align:right;
}
div.header_right_line3 span{
	background-color:#FFFFFF;
	padding:2px 5px;
}
div.header_right_line3 input{
	margin:2px;
	width:150px;
	font-size:11px;
	color:#333333;
}
div.header_right_line3 input.submit{
	padding:1px 5px;
	width:auto;
	font-size:11px;
	cursor:pointer;
	border:1px outset #CCCCCC;
	background:url(uploads/olala/bg_menu_h.jpg) top left repeat-x;
	color:#333333;
}

div.menuH{
	float:left;
	margin-top:8px;
	margin-left:8px;
	width:750px;
	height:20px;
}
div.menuH .title{
	float:left;
	font-size:14px;
	letter-spacing:1px;
	color:#CCCCCC;
	margin-right:50px;
}
div.menuH .opt a{
	float:left;
	margin-left:1px;
	margin-top:5px;
	color:#444444;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1px;
	padding:1px 5px;
	background:url(uploads/olala/bg_menu_h.jpg) top left repeat-x;
	border-bottom:1px solid #F4F4F4;
}

div.header_right_L1{
	float:left;
	margin-top:0px;
	width:797px;
	height: 167px;
}

div#midlerapper {
	float:left;
	width: 1008px; 
	background:#FFFFFF url(uploads/olala/olala-website-on-demand-home_r3_c2.jpg) top left repeat-y;
}

div#midle,
div#midle_1 {
   float:left;
   width:1008px;
   height:auto;
   background:url(uploads/olala/olala-website-on-demand-home_r5_c3.jpg) right bottom no-repeat;
}
div#midle_1 {
   background:url(uploads/olala/olala-website-on-demand_r1_c2.jpg) right bottom no-repeat;
}

div#midleLeft {
   float: left; 
   width: 191px;
   height:auto;
   margin-left: 0px;
}
.midleLeft_topflash {
	float:left;
	margin-bottom:10px;
}
.midleLeft_hot, .midleLeft_testimonials{
	float:left;
	margin:10px 0px;
	width:176px;
	height:auto;
	border:1px solid #E4E4E4;
	padding:5px;
	line-height:1em;
}
.midleLeft_hot{
	margin-top:0px;
}
.midleLeft_testimonials .inbox{
	border-bottom:1px solid #E4E4E4;
	background-color:#F2F2F2;
	padding:2px;
	margin-bottom:5px;
}

div#midleDist {
   float: left; 
   width: 8px;
   height:400px;
}
div#midleRight {
   float: left;     
   height:auto;
   width:808px;
}
div#midleRightContent {
   float: left; 
   width: 588px;
   height:auto;
   margin-left: 0px;
}

div#midleRightRight {
   float: left; 
   width: 191px;
   height:auto;
   margin-left: 10px;
}

.services{
float:left;
width:190px;
margin-left: 5px;
height:420px;
text-align:center;
margin-top:20px;
margin-bottom:20px;

}
.services .title{
float:left;
width:190px;
height:40px;
background:url(uploads/olala/web-design-header.jpg) top left no-repeat;
}

.services .text{
float:left;
width:190px;
height:175px;
background:url(uploads/olala/text-bg.jpg) top left no-repeat;
}
.services a{
text-decoration:none;
}

div#footer, 
div#footer_1{
	float:left;
	width:1008px;
	height:auto;
	color:#FFFFFF;
	font-size: 0.8em;
	background: url(uploads/olala/olala-website-on-demand-home_r6_c2.jpg) top left no-repeat;
}

div#footer_1 a{
   color: #fff;
}

div#under_footer {
	float:left;
	width:1008px;
	height:auto;
	border-top:1px solid #F4E3E1;
	margin-bottom:10px;
}
.footerTXT{
	float:left; 
	width:1008px;
	margin-bottom:10px;
	padding:3px;
}
.footerTXT_L{
	float:left; 
	width:490px;
	color:#333333;
	text-align:left;
	padding:3px 5px;
	background-color:#F3F3F3;
	border-bottom:1px solid #E4E4E4;
}
.footerTXT_R{
	float:left; 
	width:490px;
	color:#333333;
	text-align:left;
	padding:3px 5px;
	margin-left:8px;
	background-color:#F3F3F3;
	border-bottom:1px solid #E4E4E4;
}

.objFlash{
	margin:0px;
	padding:0px;
}

/* Pages */
#contentNav_1 {
	float:left;
	width:790px;
	margin-left:7px; 
	text-align:justify;
}
/* home */
#contentNav_home {
	float:left;
	width:804px;
	margin-left:0px; 
	text-align:justify;
}
.flash_home {
	float: left; 
	width: 605px; 
	height: 450px; 
	margin-left:5px; 
}

.righttoflash_home {
	float: left; width: 188px;
	height: 450px; 
	margin-left: 5px;
	background:url(uploads/olala/right_homepage.jpg) top right no-repeat;
}

#righttoflash_home_active{
	position:absolute;
	margin-left:13px;
	margin-top:30px;
	height:214px;
	width:147px;
	text-align:left;
}
#righttoflash_home_btn0{
	position:absolute;
	margin-left:7px;
	margin-top:4px;
	height:17px;
	width:177px;
	cursor:pointer;
}
#righttoflash_home_btn1{
	position:absolute;
	margin-left:167px;
	margin-top:32px;
	height:100px;
	width:22px;
	cursor:pointer;
}
#righttoflash_home_btn2{
	position:absolute;
	margin-left:167px;
	margin-top:144px;
	height:100px;
	width:22px;
	cursor:pointer;
}
#righttoflash_home_btn3{
	position:absolute;
	margin-left:12px;
	margin-top:258px;
	height:18px;
	width:70px;
	cursor:pointer;
	color:#FFFFFF;
}
#righttoflash_home_l2{
	position:absolute;
	margin-left:11px;
	margin-top:312px;
	height:45px;
	width:170px;
	color:#FFFFFF;
	cursor:pointer;
}
#righttoflash_home_l3{
	position:absolute;
	margin-left:11px;
	margin-top:397px;
	height:45px;
	width:170px;
	color:#FFFFFF;
	cursor:pointer;
}

.home_L1 {
	margin: 10px 5px; 
	float: left; 
	width: 780px;
}
.home_L2 {
	float: left; 
	width: 500px;
	margin-left:5px; 
}

#slidedown_qute {
	width:790px; 
	height:auto; 
	background:#F8F8F8; 
	text-align:left; 
	border:1px solid #F0F0F0;
	margin-bottom:10px;
}
.slidedown_quteIn{
	margin:4px 7px;
	width:774px;
}
.home_L1 a,
.home_L1 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.QuoteSubmit{
	border:1px outset #cccccc;
	background-color:#FF6600;
	padding:3px 10px;
	text-decoration:none;
	font-size:14px;
	letter-spacing:1px;
}
.QuoteSubmit1{
	border:1px outset #cccccc;
	background-color:#333333;
	padding:1px 7px;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1px;
	margin-right:200px;
}
/* Template */
.template_line{
	float:left;
	width: 785px;
	height:300px;
	margin-bottom:10px;
	overflow:hidden;
}
.template_col1{
	float:left;
	width: 385px;
	height:300px;
	overflow:hidden;
}
.template_col2{
	float:left;
	width: 385px;
	height:300px;
	margin-left:10px;
}
.template_col1 img, .template_col2 img{
	marguin:2px;
}
.template_col1, .template_col2{
	border:1px solid #E5E5E5;
}
/* Quote */
.instQElem{
	float:left;
	width:780px;
	margin:2px 0px;
}
.instQData{
	float:left;
	width:780px;
	margin:2px 0px;
}
.instQTitle{
	float:left;
	width:780px;
	margin:5px 2px;
	font-size:12px;
	letter-spacing:1px;
	color:#003366;
}
.instQButtons{
	float:left;
	width:780px;
	margin:2px 0px;
}
.instQButtons a{
	float:left;
	padding:2px 10px;
	margin:5px 35px;
	background-color:#003853;
	border:1px outset #999999;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:1px;
	font-size:11px;
}


/* Middle area has two parts Up and main*/ 
div#mainPrint {
   float:right;
   margin-right:57px;
   margin-top:20px;
}

/* contact */
.contact_left{
	margin-left:10px;
	float:left;
	width:350px;
}
.contact_right{
	float:right;
	width:410px;
}


div#mainTitle {
   float:left;
   color: #990000; 
   font-size: 1.7em;
   letter-spacing:1px; 
   margin-top:20px;
   margin-left:10px;
   font-weight:bold;
   padding-bottom:7px;
}

#contentNav {
	width:761px; 
	margin:5px;
}


div.hr {
   height: 1px;
   padding: 0em;
   width:710px;
}
div#rel {
	float:left;	
	width:705px;
	padding-bottom:5px;
}
div.relleft {
	float:left;
  	width: auto;
	padding-bottom:5px;
}
div.relright {
  float: right;
  width: auto;
  text-align: right;
}

.galleryWarper{
float: left; 
width: 780px;
}
.galleryLogo{
margin: 10px; 
float: left; 
width: 220px; 
height: auto;
}
.galleryPageUp{
margin-left: 50px; 
float: left; 
width: 720px;
font-size:14px;
}

.galleryPageDown{
margin: 50px; 
float: left; 
width: 720px;
font-size:14px;
}

div#footerL{
	float:left; 
	width:195px; 
	height:100px;
	text-align:left;
	display:block;
}
div#footerL a{
	float:left;
}
div#footerL img{
	float:left;
}
div#footerL1, div#footerL3{
	float:left; 
	height:20px; 
	text-align:center;
}
div#footerL1{
	width:190px; 
}
div#footerL1{
	width:655px; 
}

div#footerR{
	float:left; 
	width:802px; 
	height:100px;
}
div#footerMenu {
	float:left;
	color:#999997;
	width:710px;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	font-size: 0.8em;
}

div#footerCopyright  {
	float:left;
	margin-top:20px;
	margin-left:0px;
	width:500px;
	font-size: 0.9em;
	text-align:left;
	color:#F2F2F2;
}
.frleft {
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}

div#footerCopyright {
	text-align:right;
}
div#footer a{
   color: #fff;
}

div#footer_downmenu{
	float:left;
	width:100%;
	color:#FF0000;
	text-align:center;
}

div#footer_downmenu a{
	color:#333334;
	text-decoration:none;
}


/* Content specific */
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333334; 
	font-size: 14px;
	letter-spacing:2px; 
	margin:2px 0px 7px 0px;
	padding-bottom:2px;
	width:97%;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003333;
	font-size: 13px;
	letter-spacing:1px; 
	margin:5px 0px;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2A2A2A;
	font-size: 12px;
	letter-spacing:1px; 
	margin:2px 0px;
}
 
h4{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
}

h5{

}

.wod_list{

}

.wod_list_elem{
	width:705px; 
	float:left;
	display:block;
}
 
.wod_list_elem ul{
	
}

.wod_list_elem ul li{
	list-style-position:inside;
	list-style-type:circle;
	margin-top:4px;
	margin-bottom:4px;
}


.host_pack ul{
	font-size:10px;	
	width:710px;
}

.host_pack ul li{
	float:left;
	list-style:inside; 
	display:inline;
	background-color:#FFFFFF;
	border:1px dotted #ccc;
}

.host_pack ul li div.left{
	float:left; 
	width:590px; 
	margin:5px auto 5px 5px;
}

.host_pack ul li div.right{
	float:left; 
	width:105px; 
	margin:5px auto 4px 5px;
	text-align:center;
}

.host_pack p{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#FF0000;
	margin:5px;
	clear:both;
}

.clear {
	clear:both;
}


.note{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:7px;
	clear:both;
}

.ch {
	font-size:9px;
	float:right;
}


/* Contact */

/* web design */
.pgcntNav1 {
	float:left; 
	width:787px;
	margin-top:4px;
	text-align:justify;
}
.pgcntNav1 ul{
	margin-bottom:10px;
}

.pgcntLNav1_s1,
.pgcntLNav1_s2,
.pgcntLNav1_s3,
.pgcntLNav1_s4,
.pgcntLNav1_s5,
.pgcntLNav1_s6 {
	float:left;
	width:785px;
	border-bottom:1px solid #ccc; 
	margin-bottom:1px;
	padding:2px 0px;
}
.pgcntLNav1_s1{
	background:url(uploads0/images/steps_design_r1_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s2{
	background: url(uploads/images/steps_design_r2_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s3{
	background: url(uploads/images/steps_design_r3_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s4{
	background: url(uploads/images/steps_design_r4_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s5{
	background: url(uploads/images/steps_design_r5_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s6{
	background: url(uploads/images/steps_design_r6_c1.jpg) bottom left no-repeat;
}
.pgcntLNav1_s1 ul,
.pgcntLNav1_s2 ul,
.pgcntLNav1_s3 ul,
.pgcntLNav1_s4 ul,
.pgcntLNav1_s5 ul,
.pgcntLNav1_s6 ul {
	float:left;
	margin-left:70px;
	margin-right:7px;
	text-align:justify;
}

.pgcntLNav1_s1 ul,
.pgcntLNav1_s2 ul,
.pgcntLNav1_s3 ul,
.pgcntLNav1_s4 ul,
.pgcntLNav1_s5 ul,
.pgcntLNav1_s6 ul {
	float:left;
	margin-left:70px;
	margin-right:7px;
	text-align:justify;
}




.design_right {
	float:right;
	width: 420px;
	margin-right:5px;
}
.design_right img {
	float:right;
	margin: 7px 4px 4px 17px;
}
.design_left {
	float:left;
	width: 320px;
}
.design{
	float:left;
	width: 760px;
}

.design ul li,
.design_right ul li,
.design_left ul li {
	margin:4px 0px;
	text-align:justify;
}
.up_mid_Left{
	float:left; 
	width:400px; 
	margin:2px 7px;
	border-right:1px dashed #F4F4F4;
}
.up_mid_Right {
	float:left; 
	width:320px;
}

.design1{
	width: 780px;
	margin:5px 0px;
	border-bottom:1px solid #ccc;
	padding:2px 5px;
}

.sitemap{
	float:left;
	margin-left: 2px;
	font-size:12px;
	border-left:1px dashed #cccccc;
}
.sitemap ul{
	margin: 10px 0px;
}
.sitemap ul li{
	list-style-position:inside;
	list-style:none;
	margin: 4px 7px;
}
.sitemap ul li a{
	text-decoration:none;
	color:#003366;
}

/* help */
.css2jsNav{
	float:left; 
	width:570px
}
.css2js{
	float:left; 
	width:270px;
	margin:2px 5px;
	border-bottom:1px solid #CCCCCC;
}
.colconvNav{
	margin:5px 35px;
	float:left; 
	width:500px;
	background-color:#F4F4F4;
	border-bottom:1px solid #cccccc;
}
.colconvNav form{
	margin:5px;
}