/*
Theme Name: Oniel Theme
Theme URI: http://www.totalmarketingaustralia.com
Description: Oniel Theme
Version: 1.01
Author: Nybbletech
Tags: Total Marketing, SEO, websites, Nybbletech

*/
body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

img{border:none;}
.clear
{
	clear:both;
}

a{text-decoration:none}

a:hover{text-decoration:underline}
.container
{
	position:relative;
	width:889px;
	height:auto;
	margin:0px auto;
}


ul li{ padding-bottom:2px;}
h1
{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:5px;
	color:#c51c1f;
	font-size:18px;
        text-align:center;
	font-weight:700;
}

h2
{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:5px;
	color:#c51c1f;
	font-size:18px;
	font-weight:normal;
}
h3
{
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-bottom:5px;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
h4
{
	margin:0px;
	padding:20px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

h5
{
	margin:0px;
	padding:20px 0px ;
	font-size:15px;
	font-weight:bold;
}
p
{
	margin:0px;
	padding:0px;
	padding-top:4px;
	padding-bottom:4px;
}
#top_red
{
	position:relative;
	background:url(images/top_red.jpg) no-repeat;
	width:889px;
	height:4px;
}
#logo
{
	position:relative;
	width:160px;
	height:65px;
	float:left;
}
#nav
{
	position:relative;
	width:auto;
	height:auto;
	float:right;
	margin-top:20px;
}
.menu {margin:0px;padding:0px;list-style:none; }
	
.menu li {float:left;padding:0px 5px;width:auto;height:auto; font-size:12px;   position:relative; text-transform:uppercase}

.menu li a {display:block;color:#b0afaf;width:auto; height:31px; line-height:31px; vertical-align:middle; position:relative; }

.menu li a span{position:relative; left:-15px; display:block;height:31px;padding-left:15px; }

.menu li a:hover {color:#fff; background: url(http://www.oneillconstruction.com.au/wp-content/uploads/nav_btn_right.png) no-repeat right top;position:relative;  text-decoration:none;}

.menu li a:hover span {background: url(http://www.oneillconstruction.com.au/wp-content/uploads/nav_btn_left.png) no-repeat 0px top; }

ul.menu ul {position:absolute; top:43px; left:15px;  display:none; list-style:none; padding:0; margin:0; }

ul.menu ul li a span , ul.menu ul li a:hover span{left:0; padding:0; background:none;}

ul.menu ul li {position:relative; font-size:15px;  text-transform:none;  border-top:none; width:255px; padding:0; margin:0; height:auto; }

ul.menu ul li a {display:block; padding:0; height:auto; line-height:23px; background:none; margin:0; padding:3px 7px 5px; background:url(../images/dropdown_middle_bg.png) repeat-y;}

ul.menu ul li a:hover {background:none; height:auto; background:url(../images/dropdown_middle_bg.png) repeat-y; color:#FFF}

ul.menu ul ul {left:180px; top:-1px}





#cont_bg
{
	position:relative;
	background:url(images/content_bg.jpg) no-repeat;
	width:889px;
	height:auto;
        min-height:429px;
}
#inner_cont
{
	position:relative;
	width:853px;
	height:auto;
	margin:0px auto;
	padding-top:80px;
	font-size:13px;
	color:#000;
}

#inner_cont2
{
	position:relative;
	width:853px;
	height:auto;
	margin:0px auto;
	padding-top:20px;
	font-size:13px;
	color:#000;
}

#inner_cont2 a{ color:#000; text-decoration:none;}
#inner_cont2 a:hover{ text-decoration:underline;}
#left_img
{
	position:relative;
	width:415px;
	height:248px;
	float:left;
padding-top:10px;

}
#rite_txt
{
	position:relative;
	width:395px;
	height:auto;
	float:left;
	margin-left:20px;
	font-size:13px;
	color:#000;
	font-weight:700;
}
p.red_txt
{
	color:#c51c1f;
        text-align:center;
        font-style:italic;
}
#black_line
{
	position:relative;
	background:url(images/bottom_black.jpg) no-repeat;
	width:889px;
	height:4px;
	margin:0px auto;
}
#footer
{
	position:relative;
	width:889px;
	height:auto;
	margin:0px auto;
}
#left_footer
{
	position:relative;
	width:490px;
	height:auto;
	float:left;
	font-size:12px;
	color:#000;
}
#rite_footer
{
	position:relative;
	width:auto;
	height:auto;
	float:right;
	text-align:right;
	font-size:12px;
	color:#000;
}
#inner_footer
{
	position:relative;
	width:853px;
	height:auto;
	margin:0px auto;
	padding-top:10px;
}
#inner_footer a
{
	color:#000;
	text-decoration:none;
}
#inner_footer a:hover
{
	text-decoration:underline;
}
span.big_footer_txt
{
	font-size:18px;
}



/*sub page css*/

#about_left_txt
{
	position:relative;
	width:395px;
	height:auto;
	float:left;
	font-size:13px;
	color:#000;
        font-weight:700;
}

#about_img
{
	position:relative;
	width:415px;
	height:248px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	
}

.textbox{background:#fff; width:250px; height:20px; line-height:20px; vertical-align:middle; border:none; border:1px solid #ccc;}
.textarea{background:#fff; width:245px; height:100px;  border:1px solid #ccc;}
.form_left{
	position:relative;
	float:left;
	width:110px;
	height:auto;
	padding-bottom:15px;
	padding-left:10px;
	line-height:15px;
	vertical-align:middle;
	padding-top: 3px;
}
.form_rite{
	position:relative;
	float:left;
	width:240px;
	height:auto;
	padding-bottom:10px;
	font-size: 14px;
}
.submit{background:#005284; font-size:16px; font-weight:bold; width:100px; height:30px; line-height:30px; vertical-align:middle; border:none;  color:#fff;}


/*rotation image css*/


#images {height:233px;}

#image {position:relative; width:415px; height:248px;  background:url(images/loading.gif) center center no-repeat; padding-left:6px; padding-top:6px; z-index:1;}
#image img {position:absolute; width:415px; height:215px; z-index:1;}

#thumbwrapper {width:340px; height:80px;}
#thumbarea {position:relative; overflow:hidden; height:80px; width:340px;}
#thumbs {
	position:absolute;
	list-style:none;
	width:10000px;
	padding:0px;
	margin:0px;
	margin-left:5px;
	margin-right:8px;
	left: 0px;
}
#thumbs li {float:left; cursor:pointer; padding:0px; margin:0px; margin-right:10px; border:solid 1px #FFFFFF;}


.imgnav {
	position:absolute;
	height:282px;
	width:20%;
	z-index:100;
	outline:none;
	cursor:pointer;
	top: -17px;
}
#previmg {
	left:0px;
	background:none;
	z-index:999;
}
#previmg:hover {opacity:1; filter:alpha(opacity=100); background:url(images/left.gif) left center no-repeat;}
#nextimg {
	right:0px;
	background:none;
	z-index:999;
}
#nextimg:hover {opacity:1; filter:alpha(opacity=100); background:url(images/right.gif) right center no-repeat;}



/*project page css*/

#project_img
{
	position:relative;
	width:415px;
	height:auto;
	margin:0px auto;
}

#FrogJS{
				width: 760px;
				height:auto;
				margin: 0 auto;
				padding-top:20px;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}
			
			
			.next_button
			{
	position:absolute;
	font-size:14px;
	width:110px;
	text-align:center;
	float:right;
	font-weight:bold;
	left: 330px;
	top: 420px;
				
			}
			
			.prev_button	{
	position:absolute;
	font-size:14px;
	width:140px;
	text-align:center;
	float:right;
	font-weight:bold;
	left: 0px;
	top: 420px;
}

.project_description_txt{ font-size:14px; text-align:center; font-style:italic; font-weight:700; color:#000000;}

.project_description_txt2{ font-size:13px; text-align:center; font-style:italic; font-weight:600; color:#999;}

.coconstruct-logo {
float:right;
}



/*Gallery css*/
.gallerycontainer{
left:500px;
position:relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
align:center;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail1:hover img{
border: 1px solid blue;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left:-500px;
top:0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
border: 1px dashed gray;
padding: 5px;

visibility: scroll;
top:-300px;
top:0px;
left:-500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color: black;
text-decoration: none;
}
.thumbnail1 span img{ /*CSS for enlarged image*/
border: 1px solid blue;
padding: 2px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:0px;
left:-500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:0px;
left:-500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

html {overflow-x: hidden;} 




.client_booking_left{
	position:relative;
	float:left;
	width:200px;
	text-align:right;
	height:auto;
	padding-bottom:15px;
	padding-right:10px;
	line-height:15px;
	vertical-align:middle;
	padding-top: 3px;
}
.client_booking_rite{
	position:relative;
	float:left;
	width:240px;
	height:auto;
	padding-bottom:10px;
	font-size: 14px;
}