/*
Theme Name: Total Web Design Theme
Theme URI: http://www.totalwebdesign.com.au
Description: Total Web Design Theme
Version: 1.01
Author: Total Marketing Australia
*/

body{
	margin:0;
	padding:0;
	width:100%; height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
	font-size:13px;
	background:url(images/bg.jpg);
	
}


.postcontrols a {  font-weight:bold}

.container{
	position:relative;
	width: 1000px;
	height:auto;
	margin:0px auto;
}
.insider{
	position:relative;
	width:auto;
	height:auto;
	padding:10px;

}

center {margin:0; padding:0;}

img{border:none;}
.img_rite{width:auto; height:auto; padding:50px 0px 10px 5px; float:right; z-index:8}
.img_left{width:auto; height:auto; padding:0px 5px 15px 5px; float:left; z-index:8}

hr{background:none; border:none; line-height:normal; padding:15px 0; margin:0; background:url(images/separator_footer.png) no-repeat center center; height:9px; width:100%;}

.clear{width:0; padding:0; height:0; margin:0; clear:both;}
p{margin:0; padding:5px 0px;}

a{ text-decoration:none; outline:none;color:#393939;}
a:hover{text-decoration:underline;}

h1{font-size:18px; color:#000; margin:0; padding:0px;text-transform:capitalize; font-weight:100;font-family:"Century Gothic"; }

h1 a{ color:#000;}

h1 span {color:#008ccf}

h2{font-size:17px; font-family:"Century Gothic"; color:#000; margin:0; padding:5px 0px; font-weight:100; font-family:"Century Gothic"; }

h3{font-size:14px; color:#393939; font-family:"Century Gothic";  margin:0; padding:5px 0px; font-weight:100;  font-family:"Century Gothic";}

h4{font-size:13px; color:#494949; font-family:"Century Gothic"; margin:0; padding:5px 10px; text-transform:uppercase;}

h5{padding:0; margin:0;}

h6{padding:0; margin:0;}

.firstitem{ background:none !important; border:none !important;}

.breadcrumb a{ }
.breadcrumb {color:#ff6101;  padding-bottom:10px; font-size:12px;}

.top_bg {
	position:relative;
	width:814px;
	height:85px;
	float:right;
	margin-top:5px;
	background:url(images/top_bg_right.png) no-repeat;
}
.logo {
	position:relative;
	width: 176px;
	height: 35px;
	float:left;
	padding:25px 0px;
	padding-left:10px;
	background:url(images/top_bg_left.png) no-repeat;
	margin-top:5px;
}

.top_rite {
	position:relative;
	width:200px;
	height:22px;
	margin:10px 0px 10px;
	font-family:"Century Gothic";
	font-size:26px;
	color:#fff;
	background:url(images/icon_top.png) no-repeat;
	font-weight:bold;
	text-align:right;
	float:right;
	margin-right:40px;
	line-height:22px
}

.nav {
	position:relative;
	width: 1000px;
	height: 40px;
	background:url(images/bg_navigation.png) no-repeat;
	margin-top:5px;
	z-index:2;
	

}
	ul.menu {list-style:none; margin:0; padding:0; font-family:"Century Gothic"; padding-left:10px;}
	
	ul.menu * {margin:0; padding:0}
	
	ul.menu a {display:block; color:#FFF; text-decoration:none}
	
	ul.menu li {position:relative; float:left; width:auto; height:auto; background:url(images/seprator_navigation.png) no-repeat;   padding:0px 20px; padding-top:8px; font-size:15px;}
	
	ul.menu ul { position:absolute; top:35px; left:20px;  display:none; opacity:0; list-style:none}
	
	ul.menu ul li {position:relative; font-size:13px;   height:auto;  margin:0;  padding:0; text-align:left; padding:5px 5px; border:none; background:#232427; border:solid 1px #666; border-top:none;  width:210px;}
	
	ul.menu ul li:hover{ background:#FF7801;}
	
	ul.menu li a:hover{ text-decoration:underline;}
	
	ul.menu ul li a:hover{ text-decoration:none;}

.banner {
	position:relative;
	width:1004px;
	margin:0px auto;
	height: 299px;
	z-index:1;
	}
	
	
	.banner  * {margin:0; padding:0}
#image {position:relative; width:844px; float:left; height:299px; background:url(images/loading.gif) no-repeat center center; margin-top:2px; }
#image img {position:absolute;}

.banner_thumbs
{
	position:relative;
	width:157px; height:292px; float:left; margin-top:3px; padding-top:2px;   background:url(banner-thumbs/banner_right_bg.jpg) repeat-y;
}

#thumbwrapper {margin-top:10px; width:157px; height:295px; margin:0px auto; }
#thumbarea {
	position:relative;
	overflow:hidden;
	height:295px;
	width:157px;
	}
#thumbs {
	position:absolute;
	list-style:none;
	height:295px;
	width:157px;
	left: 0px;
}
#thumbs li {cursor:pointer;  width:157px; height:73px;}

	.banner_rite_img {
		position: relative;
		width: 157px;
		height: 69px;
		float: right;
		margin:5px 5px 0px;
	}
.content_insider {
	position:relative;
	width:auto;
	height:auto;
	padding:0 10px;
}	
.left {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin-top:12px;
}
	.services_top_btn {
		position: relative;
		width: auto;
		height: auto;
		margin-bottom:2px;
	}
	.services_topbg {
		position:relative;
		width:199px;
		height: 17px;
		background:url(images/services_top.png) no-repeat top;
		margin-top:5px;
	}
	.services_midbg {
		position:relative;
		width: 199px;
		height: auto;
 		
		background:url(images/services_bg.png) repeat-y;
	}
	.services_botbg {
		position:relative;
		width: 199px;
		height: 15px;
		background:url(images/services_bottom.png) no-repeat bottom;
	}
	
	ul.services_menu {margin:0px;padding:0px;list-style:none;}
	
	ul.services_menu li { position:relative;height:auto;padding:0px;margin:0; line-height:30px; font-size:12px; 
	text-transform:capitalize;  background:url(images/seprator_services.png) no-repeat bottom;}
	
	ul.services_menu li a { display:inline-block; padding-left:14px; background:url(images/bullet_content_webpage.png) no-repeat 0px 10px;   text-decoration:none; color:#3e3e3e}
	
	ul.services_menu li a:hover{text-decoration:none; color:#ff6101}
	
.index_mid {
	position: relative;
	width: 549px;
	height: auto;
	float: left;
	
	margin-top:12px;
	
}
	.approach_togbg {
		position:relative;
		width: 549px;
		height: 17px;
		background:url(images/content_top.png) no-repeat top;
	}
	.approach_midbg {
		position:relative;
		width: 549px;
		height: auto;
		
		background:url(images/content_bg.png) repeat-y;
		
		
	}
	.approach_botbg {
		position:relative;
		width: 549px;
		height: 19px;
		background:url(images/content_bottom.png) no-repeat bottom;
	}
		.approach_tab_topbg {
			position: relative;
			width: 249px;
			height: 14px;
			background: url(images/content_tab_top.png) no-repeat top;
			margin-top:15px;
		}
		.approach_tab_midbg {
			position: relative;
			width: 249px;
			height:auto;
			min-height: 115px;
			background: url(images/content_tab_bg.png) repeat-y;
		}
		.approach_tab_botbg {
			position: relative;
			width: 249px;
			height: 15px;
			background: url(images/content_tab_bottom.png) no-repeat bottom;
		}
			.tab_left {
				position: relative;
				width:auto;
				height: auto;
				float: left;
			}
			.tab_rite {
				position: relative;
				width:auto;
				height: auto;
				float: right;
			}
			.tab_content {
				position:relative;
				width: 195px;
				height:auto;
				float:right;
				padding-right:5px;
				line-height:15px;
			}
				span.read_more { color:#ff6101}
				span.read_more a{ color:#ff6101}
			.clients{
				position:relative;
				width: 100%;
				height: auto;
				padding-top:20px;
				
			}
			.clients_logo {
				position: relative;
				width: auto;
				height: auto;
				float: left;
				margin-top:20px;
				margin-left:25px;
			}
.index_rite {
	position: relative;
	width: 239px;
	height: auto;
	float: right;
margin-left:4px;
}

.index_cover_rite
{
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin-left:4px;
}

	.article_topbg {
		position: relative;
		width: 239px;
		height: 20px;
		background: url(images/article_top.png) no-repeat top;
		margin-top:9px;
	}
	.article_midbg {
		position: relative;
		width: 239px;
		height: auto;
		background: url(images/article_bg.png) repeat;
	}
	
	.article_inner{ position:relative; width:220px; height:auto; margin:0px auto;}
	
	.article_botbg {
		position: relative;
		width: 239px;
		height: 21px;
		background: url(images/article_bottom.png) no-repeat bottom;
	}
		.article_content {
			position: relative;
			width: auto;
			height: auto;
			background:url(images/seprator_article.png) no-repeat bottom center;
			padding-bottom:5px;
			color:#393939;
			
			margin-top: 5px;
		}
			span.italic {color:#949393; font-style:italic; font-size:11px}
			.follow_us { position: relative; width: 80px; height: auto; padding-top:10px; float:left}
			.follow_us_icons { position: relative; width: 120px; height: auto; float:right}
			
			.icons {
				position: relative;
				width:auto;
				height: auto;
				float: left;
				margin-right:5px;
			}
			.field { position: relative; width: auto; height: auto; margin-top:5px }
				.field_insider { position: relative; width:130px; height: auto; }
			.btn_submit { position: relative; width:auto; height: auto; float: right; margin-top:5px}
				.submit_insider { position: relative; width: 90px; height: 24px; background:url(images/button_submit.png) no-repeat; 
				cursor: pointer; border:none}

.signupframe .required {
	font-size: 10px;
	}

.footer {
	position:relative;
	width:1000px;
	height:auto;
	color:#393939;
	font-size:12px;
	
	margin-top:20px;
	padding-top:20px;
	background:url(images/seprator_footer.png) no-repeat top center;
}
	

.f_div
{
	position:relative;
	width:216px; height:auto; float:left; font-size:12px; padding-bottom:20px;
}

.f_div2
{
	position:relative;
	width:auto; height:auto; float:right; font-size:12px; padding-top:30px; padding-left:10px;
}

.f_sep { background:#000; height:1px; margin:10px 0px;}



p.f_heading { font-weight:bold; font-size:16px;  padding-bottom:10px; font-family:"Century Gothic";}


.f_div ul { list-style:none; margin:0; padding:0}

.f_div ul li{ padding:2px 0px;}

.f_div ul li a{  text-decoration:none;}

.f_div ul li a:hover{  text-decoration:underline;}


.f_div2 span{ font-size:11px; font-weight:bold;	}

.f_div2 a{  text-decoration:none;}

.f_div2 a:hover{ text-decoration:underline;}

		
/* ################################################# INDEX CSS END #########################################################################*/	

.rite {
	position: relative;
	width: auto;
	height: auto;
	float: right;
	margin-top:12px;
}

	.web_topbg {
		position: relative;
		width:796px;
		height:20px;
		background:url(images/content_top_webpage.png) no-repeat top;
	}
	.web_midbg {
		position: relative;
		width:796px;
		height:auto;
		min-height: 600px;
		background:url(images/content_bg_webpage.png) repeat-y;
		
	}

.web_midbg ul { margin-left:20px;}

	.web_botbg {
		position: relative;
		width:796px;
		height:23px;
		background:url(images/content_bottom_webpage.png) no-repeat bottom;
	}
		ul.web_list {margin:0px;padding:0px;list-style:none; list-style-image:url(images/bullet_content_webpage.png); margin-left:20px}
		ul.web_list li { width:auto;height:auto;padding:0px;margin:0; line-height:18px; font-size:12px; 
		text-transform:capitalize; list-style-position:outside;}
		.field_insider2 { position: relative; width:130px; height: auto; }
		.follow_us2 { position: relative; width: auto; height: auto; text-align: center; margin-bottom:5px}
			.follow_us_icons2 { position: relative; width: 115px; height: auto; margin:0 auto}
	

/*####################      END OF THE SUBPAGE            #########################*/


/* Copy it*/

#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:#494748; font-weight:bold;}

#tab-1 ol{list-style:none;}
.details {font-size:12px;}
.details span{font-size:12px;}

#submitbox a{font-size:16px;color:#494748; padding:5px 0px;}
.small{font-size:12px;}
.coment_unknown{font-size:12px;}

.blog_sep{ position:relative; width:auto; height:1px; background:#CCC; margin:15px 0px;}



.web_design_portfolio { width:263px; padding-bottom:10px; text-align:center; margin-left:40px; height:auto; float:left; }
.web_design_portfolio2 { width:263px; padding-bottom:10px; text-align:center;  margin-right:40px; height:auto; float:right; }

.web_design_images img{ float:left; margin-right:24px;}

.port
{
	position:relative;
	width:180px; height:auto; font-family:"Century Gothic"; text-align:center; margin-top:20px; margin-right:16px;  float:left
}

.port a{ color:#FF7801; }
.port p{ padding:4px 0px;}
.port span{ font-size:11px;}

.contact_left
{
	position:relative;
	width:440px; height:auto; float:left; border-right:solid 1px #CCC; padding-right:15px; margin-top:20px;
}

.contact_rite
{
	position:relative;
	width:270px; height:auto; float:right;
}

.left_field
{
	position:relative;
	width:200px; height:auto; float:left; padding-top:4px;
}

.rite_field
{
	position:relative;
	width:220px; height:auto; float:left; margin-top:6px;
}

.drop_field{ width:215px;}

.inside_txtarea{ font-family:Arial, Helvetica, sans-serif; padding-left:5px; width:210px; height:100px; overflow:hidden}

.inside_contact_field{ width:210px; height:18px; line-height:18px; vertical-align:middle; padding-left:5px;}

span.wpcf7-list-item{ display:block; width:200px; float:left; margin-top:6px;}

.submit{ margin-top:20px;}




/* Portfolio css */

/* Layout */
.boundingBox{ margin: 0 auto; width: 100%; }

/* Content */

#content{ padding: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ list-style:none;  padding: 0;  margin:0; }
ul#portfolio-filter li{ line-height:30px;  }
ul#portfolio-filter a{  background: #FFF;color:#AAA; padding:5px 5px; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #FF7801; }
ul#portfolio-filter span{ font-size:11px;}
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-filter p a{ background:none; padding:0;}

ul#portfolio-list{ padding: 0; margin:0; list-style: none; }
ul#portfolio-list li{  display: block; float: left; width:180px; height:auto; text-align:center; margin-left:40px; margin-right: 30px; overflow: hidden; min-height:210px }

ul#portfolio-list li a{ display: block;  overflow: hidden; color:#FF7801;}
 ul#portfolio-list span{ font-size:11px;}
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }

:focus { outline: 0; }


#suburbs {
position:relative;
width:800px;
padding-top:18px;
padding-left:10px;
}

#suburbs .sub {
float:left;
font-size:10px;
width:200px;
font-size:11px;
}

.liststyle {
    padding-left: 15px;
font-size:11px;
padding-bottom:20px;
}

.clear2 {
width:0; padding:0; height:0; margin:0; clear:both; padding-top:16px;
}


.protfolio_img img{ float:left; margin-right:40px;}