/*
Theme Name:Outback Theme
Theme URI: http://www.nybbletech.com
Description: Outback Theme
Version: 1.01
Author: Nybbletech
Tags: Outback, SEO, websites, Nybbletech

*/
body{
margin:0px;
padding:0px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
}

/*SOME IMPORTANT CLEARIFICATION*/

ul li{ padding-top:3px;}
img{border:none;}

p{padding:0px; margin:0px; padding-top:5px; padding-bottom:5px; font-size:12px;}
textarea{font-family:arial;}
.clear{clear:both;}

h1{color:#FFFFFF; font-size:23px; text-transform:uppercase; padding:0px; margin:0px; padding-top:15px; padding-bottom:10px; font-weight:normal;}
h1 span{color:#FF0000;}

h2 a , h2{color:#000; font-size:20px; text-transform:uppercase; padding:0px; margin:0px; padding-top:5px; padding-bottom:5px; font-weight:normal;}
h2 span{color:#e31f2b;}

h4{font-size:14px; margin:0; padding:5px 0px 10px;}
h3{color:#CCCCCC; font-size:15px; padding:0px; margin:0px; padding-top:17px; padding-bottom:10px; font-weight:normal;}

.container{
position:relative;
width:900px;
height:auto;
margin:0px auto;
z-index:9999;
}


/*SOME IMPORTANT CLEARIFICATION*/

#logo{
position:relative;
width:290px;
height:117px;
float:left;
}

#top_link{
position:relative;
width:600px;
height:auto;
float:right;
margin-top:12px;
}

.contact_no{
position:relative;
font-size:17px;
font-weight:bold;
color:#e31f2b;
width:auto;
height:auto;
padding-top:8px;
}
.get_qoute
{
	position:relative;
	width:169px;
	height:42px;
	float:right;
	margin-right:10px;
}
.start_project
{
	position:relative;
	width:169px;
	height:42px;
	float:right;
	margin-right:20px;
}


#nav{
position:relative;
width:auto;
height:auto;
margin-top:25px;
float:right;
z-index:9999;
}

ul.menu{padding:0px; margin:0px; list-style:none; z-index:9999;}

ul.menu li{ position:relative; float:left; margin-right:2px; padding-top:7px; background:url(images/nav_up.png) no-repeat; width:85px; height:23px; text-align:center; font-size:11px; color:#CCCCCC; text-transform:uppercase; margin:0px 7px;}

ul.menu li a{color:#CCCCCC; text-decoration:none;}

ul.menu li:hover{ background:url(images/nav_down.png) no-repeat;}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}

ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; padding:0px; width:268px; margin:0; background:none;}
ul.menu ul li:hover{ background:none;}
ul.menu ul li a {display:block; padding:3px 7px 5px; color:#FFF; text-align:left; background-color:#530505}
ul.menu ul li a:hover { background:none; background-color:#A30327;}

/*HEADER*/

#header{
position:relative;
background:url(images/header_bg.jpg) repeat-x;
height:294px;
width:100%;
z-index:1;
}

#header_inner{
position:relative;
background:url(images/header_bg_img.jpg) no-repeat;
width:900px;
height:294px;
margin:0px auto;
}

#left_img{
position:relative;
background:url(images/frame.png) no-repeat;
width:509px;
height:233px;
z-index:9999;
float:left;
margin-top:10px;
}

#rite_header_inner_txt{
position:relative;
width:340px;
height:auto;
float:left;
font-size:12px;
margin-left:20px;
color:#FFFFFF;
margin-top:10px;
}

#rite_header_inner_txt p a{color:#FFFFFF; text-decoration:none;}

#rite_header_inner_txt p a:hover{text-decoration:underline;}


.thumb_div{
position:relative;
width:70px;
height:auto;
float:left;
margin-right:30px;
margin-top:20px;
}
#title{
position:relative;
background:url(images/header_title_img.jpg) no-repeat;
widows:900px;
height:54px;
text-align:center;
}


/*CONTENT CSS*/

#left_content{
position:relative;
width:600px;
height:auto;
float:left;
border-right:solid 1px #727272;
margin-top:20px;
padding-right:40px;
color:#000;
font-size:12px;
min-height:300px;
}

#left_content a{color:#000; text-decoration:none;}
#left_content a:hover{text-decoration:underline;}


#rite_content{
position:relative;
width:240px;
height:auto;
float:right;
margin-top:20px;
}


.textbox{background:#FFF; color:#000; width:130px; height:20px; line-height:20px; vertical-align:middle; border:none; border:1px solid #ccc; font-size:12px;}
.textarea{background:#FFF; font-size:12px; color:#000; width:130px; height:100px;  border:1px solid #ccc; resize:none; overflow:hidden;}
.submit { float:right; width:70px; height:25px; margin-right:10px; margin-top:5px;}
.inside_submit{ background:url(images/button_submit.png) no-repeat; width:70px; height:25px; border:none;}
.form_left{
	position:relative;
	float:left;
	width:90px;
	height:auto;
	padding-bottom:15px;
	line-height:15px;
	vertical-align:middle;
	padding-top: 3px;
	color:#727272;
	font-size:13px;
}
.form_rite{
	position:relative;
	float:left;
	width:130px;
	height:auto;
	margin-left:4px;
	padding-bottom:10px;
	font-size: 14px;
}



.image{
	position:relative;
	width:auto;
	height:auto;
	margin-top:20px;
}


/*FOOTER AREA */

#footer_bg{
position:relative;
background:url(images/footer_bg.jpg) repeat-x;
width:100%;
height:116px;
}

.footer_top
{
	position:relative;
	background:url(images/footer_top.jpg) repeat-x;
	width:100%;
	height:13px;
	margin-top:40px;
}

#left_footer{
position:relative;
float:left;
color:#727272;
font-size:11px;
width:400px;
height:auto;
margin-top:5px;
margin-left:20px;
}

#left_footer a{ color:#727272; text-decoration:none;}
#left_footer a:hover{text-decoration:underline;}

#rite_footer{
position:relative;
float:right;
color:#727272;
font-size:11px;
width:auto;
height:auto;
margin-right:20px;
margin-top:10px;
}


ul.menu_footer{padding:0px; margin:0px; list-style:none;}

ul.menu_footer li{float:left; font-size:11px; color:#727272;  padding:0px 4px;}

ul.menu_footer li a{color:#727272; text-decoration:none;}

ul.menu_footer li a:hover{text-decoration:underline;}

.folow
{
	position:relative;
	width:auto;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:140px;
	padding-top:6px;
}
.twitter
{
	position:relative;
	width:30px;
	height:30px;
	float:left;
	margin-top:20px;
	margin-left:10px;
}
.facebook
{
	position:relative;
	width:30px;
	margin-left:10px;
	height:30px;
	float:left;
	margin-top:20px;
}




#header_img{
position:relative;
width:340px;
height:70px;
margin-top:20px;
}



#images {height:184px;}

#image {position:relative; width:497px; height:264px;  background:url(images/loading.gif) center center no-repeat; padding-left:6px; padding-top:6px; z-index:1;}
#image img {position:absolute; width:497px; height:264px; 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;
}


/*sub page css*/

#header_sub{
position:relative;
background:url(images/header_bg_sub.jpg) repeat-x;
height:70px;
width:100%;
}

#header_inner_sub{
position:relative;
background:url(images/header_bg_imgsub.jpg) no-repeat;
width:900px;
height:70px;
margin:0px auto;
}

.sub_text_area{
position:relative;
width:800px;
margin:0px auto;
height:auto;
min-height:400px;
color:#727272;
font-size:12px;
}



/*********************************** Sub page css ***************************************/

.img_about{
	position:relative;
	background:url() no-repeat;
	width:900px;
	height:401px;
}

.img_snow_removal{
	position:relative;
	background:url(images/snow_removal.jpg) no-repeat;
	width:900px;
	height:401px;
}
.img_holiday_lighting{
	position:relative;
	background:url(images/split-holiday-lighting.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_water_feature{
	position:relative;
	background:url(images/split-idaho-water-feature.jpg) no-repeat;
	width:900px;
	height:401px;
}
.img_maintenance{
	position:relative;
	background:url(images/maintenance.jpg) no-repeat;
	width:900px;
	height:401px;
}
.img_design{
	position:relative;
	background:url(images/design.jpg) no-repeat;
	width:900px;
	height:401px;
}


. img_construction{
	position:relative;
	background:url(images/split-landscaping-construction.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_sprinkle{
	position:relative;
	background:url(images/sprinkle_sys.jpg) no-repeat;
	width:900px;
	height:401px;
}

.rite_txt{
	position:relative;
	width:430px;
	height:auto;
	float:right;
	font-size:12px;
	color:#727272;
	padding-right:10px;
	padding-left:10px;
}
.rite_txt a{ color:#727272; text-decoration:none;}
.rite_txt a:hover{ text-decoration:underline;}

.img_employment{
	position:relative;
	background:url(images/design_services_bg.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_construction{
	position:relative;
	background:url(images/design_aboutus_employment_bg.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_design{
	position:relative;
	background:url(images/design_services_maintenance_bg.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_sprinkler{
	position:relative;
	background:url(images/design_aboutus_bg.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_water{
	position:relative;
	background:url(images/split-idaho-water-feature.jpg) no-repeat;
	width:900px;
	height:401px;
}

.img_holiday{
	position:relative;
	background:url(images/design_services_holiday_bg.jpg) no-repeat;
	width:900px;
	height:401px;
}


#main_table{
position:relative;
width:630px;
height:460px;
margin:0px auto;
margin-top:20px;
}

.name{
position:relative;
width:170px;
height:15px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
float:left;
padding-top:10px;

}

.name a{ color:#000; text-decoration:none;}
.name a:hover{ text-decoration:underline;}

.ist_box{
position:relative;
width:400px;
height:25px;
float:left;
margin-left:20px;
margin-top:8px;
}

.name_box{
position:relative;
width:435px;
height:20px;
background-color:#999999;
border:none;
}

.last_box{
position:relative;
width:435px;
height:auto;
margin-left:20px;
background-color:#999999;
margin-top:8px;
float:left;
}
.text_area{
background-color:#999999;
position:relative;
border:none;
width:435px;
border:none;
font-size:12px;
height:100px;
}
.submit_but{
position:relative;
width:90px;
height:auto;
float:right;
margin-left:20px;
margin:0px auto;
margin-top:20px;
border:#FFFFFF;
}
.sub_but{
background:#660000;
width:80px;
color:#fff
}

.gallery
{
	position:relative;
	width:790px;
	height:auto;
margin:0px auto;

}

.gallery_img1
{
	position:relative;
	width:126px;
	height:56px;
	float:left;
text-align:center;

 margin:15px;
}

.gallery_img2
{
	position:relative;
	width:126px;
	height:56px;
	float:left;
	margin-left:65px;
	margin-top:30px;
}
.left_arrow
{
	position:absolute;
	width:11px;
	height:61px;
	left: -11px;
}
.rite_arrow
{
	position:absolute;
	width:11px;
	height:61px;
	right:-16px;
	top: 1px;
}


/* Copy it*/
#sidebar{width:240px;}

#sidebar-wrap2 ul {list-style:none;font-size:12px;}

.coment_tracback{
	list-style:none; padding:0; margin:0;}
.coment_tracback li{float:left; padding-right:10px;}
.coment_tracback li a{ font-size:18px;color:#a4c10b;}

#tab-1 ol{list-style:none;}
.details {font-size:12px;}
.details span{font-size:12px;}

#submitbox a{font-size:16px;color:#a4c10b; padding:5px 0px;}
.small{font-size:12px;}
.coment_unknown{font-size:12px;}


.image_srvce{
position:relative;
width:auto;
height:auto;
float:left;
padding:0px 10px 10px 0px;
}

#left_side
{
position:relative;
width:55%;
height:auto;
float:left;
}

#rite_side
{
position:relative;
width:43%;
height:auto;
float:right;
}
.img_left{position:relative; width:auto; height:auto; padding:0px 10px 10px 0px; float:left;}

/*Start My Project Page Css*/

.project_form{position:relative; width:800px; height:auto; margin:0px auto; font-size:12px;}
.project_form label{ position:relative;display:inline-block; width:70px; vertical-align:top;margin-bottom:10px;}

.pf_rite , .pf_left{position:relative; margin:10px 0px; padding:10px 5px; width:48%; min-height:20px; line-height:20px; vertical-align:middle;  float:left;}
.pf_rite{ float:right;}
.pf_txtbox{ position:relative; width:250px; height:17px;  border:none; border:#CCC 1px solid; margin-bottom:10px;}
.pf_txtarea{position:relative; width:250px; height:80px;  border:none; border:#CCC 1px solid;}

.chkbox1 div{position:relative; width:49%; float:left;}
.chkbox2 div{position:relative; width:20%; float:left;}
.chkbox3 div{position:relative; width:25%; float:left;}
.chkbox4 div{position:relative; width:33%; float:left;}

.pf_others{width:auto !important; }
.chkbox1 label ,.chkbox2 label ,.chkbox3 label , .chkbox4 label{width:auto;}

.icon_img{
position:relative;
width:100px;
height:130px;
float:left;
margin:10px 10px;
text-align:center;
font-size:14px;
color:#000;
font-weight:bold;}


