/*
Theme Name: OLALA ModlineBuildingess S
Theme URI: http://websiteondemand.com.au/
Description: template designed for ModlineBuilding <a href="http://modlinebuilding.com.au/">ModlineBuilding</a>.
Version: 1.0
Author: OLALA com au
Author URI: http://websiteondemand.com.au/
Tags: black, custom header, fixed width, one and two columns, widgets

	OLALA ModlineBuildingess v1.0
	http://websiteondemand.com.au/

	This theme was designed and built by OLALA com au,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* GLOBAL */
body{	
	background: #000000;
	/*background:#aac8e2 url(img/bg.jpg) repeat-x;color:#222222; */
	font:14px/18px 'Myriad Pro',Helvetica,Arial,sans-serif;
	letter-spacing:0;
	margin:0px;
	padding:0px;
}
a{
	color:#66CCFF; 
	outline:none;
	text-decoration:none;
}
a img{ border:none;}

p{
	margin:0 10px 20px 0;
}
p a{
	background:#ccc;
	padding:3px;
}
blockquote{border-left:5px solid #f7f7f7;margin:0 0 0 10px;padding:0 0 0 10px;}

#page{
	width:1000px;
	margin:-37px auto;
}

h1{
	font-size:18px;
	font-weight:800;
	letter-spacing:1px;
	font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
	margin:10px;
	padding:0;
}

h2{
	font-size:16px;
	font-weight:800;
	margin:7px;
	padding:0;
	letter-spacing:0.5px;
}

h3{
	font-size:14px;
	font-weight:800;
	margin:5px;
	padding:0;
	letter-spacing:1px;
}
h4{
	font-size:15px;
	font-style:italic;
	color:#fff;margin:0 0 10px;
	text-shadow:0 1px 0 #3E6992;
	margin-left:5px;
	letter-spacing:1px;
}

/* CONTENT */
#header{
	position:relative;
	height: 119px;
	width:1000px;
	background: #000000 url(img/modlineBuilding_top.png) top left repeat-x;
}
#header .left{
	float:left;
	height: 119px;
	width:242px;
	}
#header .left img{
	float:left;
	border:none;
	margin-top:10px;
	margin-left:10px;
	}
#header .right{ 	
	float:right;
	height: 119px;
	width:756px;
	}
#content{
	float:left;
	background:#333333;
	font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
	text-align:justify;
	padding:1px 0 0;
	margin-bottom:20px;
}
#content p{
	margin:7px;
} 
#content h1{
	margin:10px;
}
#content-midle{
	float:left;
	width:980px;
	margin:0px 10px;
	color:#F4F4F4;
	height:auto;
}
/*home */
.content_hometop{
	width:998px;
	height:200px;
	background-color:#E9E9E9;
	float:left;
	margin-left:1px;
}
.content_homeleft{
	width:725px;
	height:auto;
	float:left;
	margin-left:17px;
	margin-top:17px;
	margin-bottom:17px;
}
.content_homeleft .hleftbox-warp{
	width:457px;
	height:auto;
	float:left;
	margin-left:0px;
}
.content_homeleft .hleftbox-top{
	width:457px;
	height:17px;
	float:left;
	margin-left:0px;
	background:url(img/modline-buliding-bg_r1_c1.png) top left no-repeat;
}
.content_homeleft .hleftbox{
	width:457px;
	height:350px;
	float:left;
	margin-left:0px;
	background:url(img/modline-buliding-bg_r2_c1.png) top right repeat-y;
}
.content_homeleft .hrighttbox{
	width:257px;
	height:368px;
	float:left;
	margin-left:10px;
	background:url(img/modline-buliding-bg_r2_c1.png) top right repeat-y;
}
.content_homeright{
	width:230px;
	height:368px;
	background-color:#E9E9E9;
	float:right;
	margin-right:17px;
	margin-top:17px;
	background:url(img/modline-buliding-bg_r2_c1.png) top right repeat-y;
}
/*houses */

#content-midle .housesTop{
	float:left;
	margin:17px auto;
	margin-bottom:0px;
}
.housesTop .himg{
	float:left;
	margin-left: 8px;
	margin-right: 8px;
}

#content-midle .housesbox-warp{
	width:965px;
	height:auto;
	float:left;
	margin:7px 10px;
}
#content-midle .housesbox-warp h1{
	padding-top:10px;
}

#content-midle .housesbox1-warp{
	width:965px;
	height:auto;
	float:left;
	margin:7px 10px;
	margin-top:12px;
	padding-top:7px;
}
#content-midle .housesbox1-warp .housesbox{
	padding-top:7px;
}
#content-midle .housesbox .housesboxRow{
	float: left; 
	width:935px;
	height: auto;
	margin: 0px 10px;
	margin-bottom:4px;
	border-bottom:1px solid #BCBCBC;
}
#content-midle .housesbox .housesboxRow1{
	float: left; 
	width:925px;
	height: auto;
	margin:5px 20px;
	padding-bottom:5px;
	border-bottom:1px solid  #999999;
}

#content-midle .housesbox-top{
	width:965px;
	height:17px;
	float:left;
	margin-left:0px;
	background:url(img/modline-buliding-bg_r1_c1.png) top left no-repeat;
}
#content-midle .housesbox{
	width:965px;
	height:auto;
	float:left;
	margin-left:0px;
	color:#333333;
	background:url(img/modline-buliding-bg_r2_c1.png) top right repeat-y;
	padding-bottom:7px;
}

#content-midle .housesbox h1{
	color:#006699;
	margin-left:20px;
	margin-top:0px;
}
#content-midle .housesbox a,
#content-midle .housesbox h1 a{
	color:#006699;
}

h1.article{
	padding-top:20px;
}

/*house det */
#content-midle .houseLeft-warp{
	width:300px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:15px;
}
#content-midle .houseLeft-top{
	width:300px;
	height:17px;
	float:left;
	color:#333;
	margin-left:0px;
	background:url(img/modline-buliding-bg_r1_c1.png) top left no-repeat;
}
#content-midle .houseLeft{
	width:300px;
	height:auto;
	float:left;
	margin-left:0px;
	color:#333333;
	background:url(img/modline-buliding-bg_r2_c1.png) top right repeat-y;
	padding-bottom:7px;
}

#content-midle .houseLeft h1{
	color:#006699;
	margin-left:20px;
	margin-top:0px;
}
#content-midle .houseLeft h2{
	color:#006699;
}
#content-midle .houseLeft a,
#content-midle .houseLeft h1 a{
	color:#006699;
}
#content-midle .houseRight{
	float: right; 
	width: 640px; 
	height: auto;
}
#content-midle .houseRightRow{
	float: right; 
	width: 640px;
	margin-top:10px; 
	height: auto;
}
#content-midle .houseRight .houseRightRow img{
	float: left; 
	margin-left: 10px; 
	border: 1px solid #000;
}
/*contact*/
.contactrWarp{
	float:left;
	margin-left:100px;
}
.contactrWarp h2.abn{
	font-weight:600;
}
.contactrWarp h2.abn span{
	font-weight:500;
	font-size:97%;
}
.contactrWarp .addr{
	float:left;
	margin:10px 7px;
	width:700px;
	font-weight:600;
}
.contactrWarp .upmsg{
	float:left;
	margin:10px 7px;
	width:700px;
}
.your-message textarea{
	margin-left:-5px;
	width:570px;
	height:170px;
	border:1px solid #666666;
	padding:4px;
}
.capcde{
	width:420px;
	text-align:center;
	margin-top:7px;
	margin-bottom:5px;
}
.contactrWarp input{
	border:1px solid #666666;
	padding:4px;
}
.contactrWarp p.fsub input{
	border:1px solid #666666;
	padding:4px 10px;
	letter-spacing:1px;
	background:#666666;
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
	margin-left:200px;
	margin-top:15px;
}


#footer{
	width:1000px;
	margin:0 auto;
	}
#footer a{
	color:#E6E6E6;
	text-decoration:none;
}
#footer a:hover{
	color:#66FFFF;
	text-decoration:none;
}

#footer_in{
	margin-bottom:17px;
	background-color:#333;
	color:#CCCCCC;
	font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
	float:left;
	width:1000px;
}
#footer_in .copyright{
	float:left;
	width:980px;
	margin-top:2px;
	margin-left:17px;
	letter-spacing:1px;
	font-size:14px;
}

#footer_in .fmenu{
	float:left;
	width:auto;
	margin-top:17px;
	margin-bottom:10px;
	text-transform:capitalize;
	font-size:17px;
	letter-spacing:1px;
	margin-left:70px;
}
#footer_in .fmenu a{
	color:#66CCFF;
}
#footer_in .fmenu .op{
	float:left;
	margin:0px 20px; 
}

#footer_in .fundermenu{
	float:left;
	width:980px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:17px;
	text-align:center;
	text-transform:capitalize;
	font-size:13px;
	letter-spacing:1px;
}
#footer_in .fundermenu .op{
	color:#FFFFFF;
	float:left;
	margin:0px 15px; 
}









#top-nav{right:19px;position:absolute;top:10px;list-style:none;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0;padding:0; width:270px; color:#e8edf1;text-shadow:0 1px 0 #000;}
#top-nav li{float:left;font-family:'Myriad Pro',Helvetica,Arial,sans-serif;margin:0 0 0 10px;}
#top-nav li#rss{background:url(img/rss-icon.gif) no-repeat left center;padding:0 0 0 15px;}

.content_box{
	margin:0 0 40px 0px;
	border:1px solid;
}

.meta{clear:both;background:#b0bf58;border:1px solid #fff;color:#111111;padding:5px 5px 5px 10px;-moz-box-shadow:0 0 5px #8b8b8b;-moz-border-radius:8px;border:1px solid #ccdfef;}
.meta-date{background:url(img/date.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-categories{background:url(img/edit.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-comments{background:url(img/comments.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}

.box-right{background:#b0bf58; border:1px solid #fff;margin:0 10px 10px 0;padding:10px;-moz-border-radius:8px;-moz-box-shadow:0 0 5px #8b8b8b;}

.box-right ul{list-style:none;margin:0 0 5px;padding:0;}
.box-right li{background:none;margin:0;padding:5px 5px 5px 15px;}
.box-right li:hover{background:#aac8e2;margin:0;padding:5px 5px 5px 15px;-moz-border-radius:5px;}

#commentform label{display:block;margin:0 0 5px;}
#commentform input.text,#commentform textarea{width:500px;margin:0 0 10px;}
#commentform .text{height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform textarea{height:150px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 20px;}
.commentlist{list-style:none;margin:0;padding:0;}
.commentlist .quote{background:#546628;border:1px solid #fff;padding:20px;}
.commentlist li{background:#4e5156;color:#fff;margin:20px 0 0;padding:0;}
.commentlist cite{display:block;font-style:normal;}
.avatar{float:left;margin:0 20px 10px 0;}
#searchform #search{float:left;width:146px;height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#searchform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 10px;}

#legal{float:left;width:800px;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.wp-caption{margin-bottom:20px;padding-top:4px;border:1px solid #ccc;text-align:center;background-color:#f7f7f7;}
.wp-caption img{float:none;border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:0;}
#calendar_wrap table{width:100%;}
#calendar_wrap td{text-align:center;}
#wp-calendar caption{background:#dedede;margin:0 0 10px;}
ul,ol,.aligncenter{margin-bottom:20px;}
h3 a:hover,.box-right li a{text-decoration:none;}
p.tags,.clear{clear:both;}

.thumbnail {
  float: left;
  margin: 0px 10px 0px 0px;  
  padding: 5px; 
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}
.thumbnail a img {
  float:right;
  width: 150px;
  padding: 5px;  
  background:#aab916;
-moz-box-shadow:0 0 5px #8b8b8b;
  border:1px solid #fff;
}

/** Featured Area **/

#featured_area {
	background: url(img/feat-bg.jpg) no-repeat;
	height: 308px;
	overflow: hidden;
	position: relative;
	margin: 0 25px 35px 25px;
	border-bottom:1px solid #fff;
}

#featured_area div#mySlides {
	padding-top: 30px;
}

#featured_area .description {
	float: left;
	width: 420px;
	height: 152px;
}

#featured_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#featured_area .description p {
	font-size: 13px;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#featured_area .photo {
	background: url(img/featured_image_bg.gif) repeat-x;

	border: 1px solid #f8f9fa;
	padding: 0px;
	margin-top: 1px;    
	float: left;
	position: relative;
    margin: 0 0 0 10px;
}

#featured_area .photo img {
	width: 440px;
	height: 205px;
    margin: 0 0px 0 0;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 308px;
	overflow: none;
}

.ribbon {
	position: absolute;
	right: -1px;
	top: -2px;
	width: 87px;
	height: 89px;
	z-index: 5;
}

.ribbon.webdesign {
	background: url(img/webdesign-trans.png) right top no-repeat;
}

.ribbon.print {
	background: url(img/print-trans.png) right top no-repeat;
}

.ribbon.flash {
	background: url(img/flash-trans.png) right top no-repeat;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: -4px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(img/prev-trans.png) no-repeat;
	left: 1px;
}

a.jFlowNext {
	background: url(img/next-trans.png) no-repeat;
	right: 1px;
}

div#myController {
	display: none;
}




#social {
float:left;
}
#social a img {
border:none;
}



/* conmtact easy */
.formcontainer{
	float:left;
	width:700px;
}
.formcontainer .OK{
	float:left;
	width:800px;
	font-size:16px;
	font-weight:normal;
	padding:10px auto;
	border-top:1px solid #CCCCCC;
	color:#FF0000;
}

.footer_line_olala{
	float:right;
	text-align:right;
	width:100%;
	font-size:11px;
	margin:0px;
	color:#ccc;
	margin-right:10px;
	height:17px;
	margin-top:-2px;
}
.footer_line_olala a.wod {
	background: url(http://www.websiteondemand.com.au/wp-content/uploads/footers/websiteondemand-logo_trans.png) center left no-repeat;
	background-size:28px 14px;
	display: inline-block;
	line-height: 16px;
	padding-left: 28px;
	text-decoration: none;
}
.footer_line_olala a.sws {
	background: url(http://www.websiteondemand.com.au/wp-content/uploads/footers/sydneywebs-hosting-logo_trans.png) center left no-repeat;
	background-size:14px 14px;
	display: inline-block;
	line-height: 16px;
	padding-left: 16px;
	text-decoration: none;
}
.footer_line_olala p a{
	color:#333;
	text-decoration:none;
}
.footer_line_olala p a:hover{
	color:#06F;
	text-decoration:none;
}




.footer_tracking{
	position:fixed; bottom:0px; right:0px;
}