/*







	Theme Name: Homeworx



	Theme URI: http://mogul.co.nz/



	Description: Custom theme for Homeworx



	Version: 1.1



	Author: Mogul.co.nz and PixoPoint.com



	Author URI: http://mogul.co.nz



	Versioning:
	- 1.0 - original launch
	- 1.1 - menus dynamic instead of image based
	







	This theme was coded by the PixoPoint Theme Generator Version 0.9.1 beta



	http://pixopoint.com/







	The design of this theme was based on 'Basic blue' by Ryan Hellyer



	http://pixopoint.com/















	The CSS, XHTML and design of this theme are released under GPL license:



	http://www.opensource.org/licenses/gpl-license.php











*/







body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}



table{border-collapse:collapse;border-spacing:0;}



fieldset,img{border:3px solid #FFFFFF;}



address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}



li{list-style:none;}caption,th{text-align:left;}



h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



q:before,q:after{content:'';}



abbr,acronym{border:0;font-variant:normal;}



sup{vertical-align:text-top;}



sub{vertical-align:text-bottom;}



input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}



input,textarea,select{*font-size:100%;}



legend{color:#000;}



del,ins{text-decoration:none;} /* remember to define focus styles! */



:focus {outline: 0;}











strong,b {



  font-weight: bold;



}







i,em {



  font-style: italic;



}







html {



	background:#1a1a1a url(img/bg.jpg) repeat-x scroll center top;



}



body {



	font-family: Trebuchet MS, Arial, sans-serif;



	font-size: 13px;



	line-height: 1.6em;



	color:#FFFFFF;



}



.wp-caption {

  /* border: 1px solid #ddd; */

   text-align: center;

  /* background-color: #f3f3f3; */

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

  /* border: 0 none; */

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.alignright {

	padding: 0px;

	margin: 0 0 2px 15px;

	display: inline;

	}



img.alignleft {

display:inline;
margin:0 15px 35px 0;
padding:0;

	}



/* end of image styles */



a {



	color:#FFFFFF;



	text-decoration:none;



	}



a:hover {



	text-decoration:underline;



	}



h1 {



	color:#FFFFFF;



	font-size:25px;



	line-height: 30px;



}







#header h1 {



  text-indent:-9999px;



	}



h2 {



color:#E9BD1F;

display:block;

font-size:25px;

line-height:30px;

font-weight: bolder;

margin-bottom: 20px;



}







h3 {



	font-weight:bolder;

	color:#1a1a1a;



}



ul {

  margin-bottom: 10px;

}



#wrapper {



	width: 960px;



	margin:auto;



}



#header {



	height:121px;



	margin-top:11px;



	width:960px;



}



#logo {



	display:block;



	width: 268px;



	Height: 104px;



	background: transparent url(img/logo.gif) no-repeat scroll top left;



	margin-top: 11px;



	float: left;



}







#content {



	background:#292929 none repeat scroll 0 0;



	margin-top:21px;



	width:960px;



}



#content-inner {



	padding:0 20px 20px;



}







#flash {



	width: 960px;



	height: 201px;



	background: transparent url(img/flash.jpg) no-repeat center top



}



#content-left {



	width: 591px;



	float:left;



	display:block;



	margin-top: 30px;



}



#content-right {



	width: 300px;



	margin-top: 30px;



	float:right;



	display:block;



}



#content-left h3,#content-left h4,#content-left h5,#content-left h6 {



	color:#e9bd1f;

	clear: both; 

	margin:5px 0 ;



}







#content-left a:link, #content-left a:hover, #content-left a:visited {



  color:#E9BD1F;



  text-decoration:none;



}

















#content-left li {



	list-style:disc;



	margin-left:20px;



	color:#fff;



}



#content-left p {



color:#FFFFFF;

margin:0 0 1em;



}



.post {



	margin-bottom:20px;



}



.post li {



	color:#fff;



	margin-left:20px;



	list-style:disc;



}



.post li a {



	color:#fff;



}



.clear {



  clear: both;



}



#blog {



background:#434343 url(img/news_bg.gif) no-repeat scroll right top;

border-top:1px dashed #3D3A3A;

margin-top:25px;

padding-bottom:15px;

padding-right:20px;



}







#blog h2{



	font-size:15px;



	margin:20px 0 -7px 20px;



}



#blog h2 a {



	color:#e9bd1f;



}



#blog h3{



	font-size:10px;



	margin:0 0 0 20px;



	color: #a9a8a8;



}







#blog p{



	margin:15px 0 0 20px;



	color: #ffffff;



}







#email_box{



	background:#444444 none repeat scroll 0 0;



	height:90px;



	margin-top:25px;



}







#email_box h3{



	background:transparent url(img/side_box.gif) no-repeat scroll left top;



	font-size:11px;



	height:27px;



	padding:4px 0 0 7px;



	color:#000;



}







#email_text {



	float:left;



	margin-left:20px;



	width:272px;



}







#email_text p{



	margin:0;



	padding:0;



	font-size: 11px;



}







#email_wrap {



	float:left;



	margin:8px 10px 5px 8px;



	width:136px;



}







#submit {



	background:#23BFEC;



	float:left;



	height:21px;



	margin:7px 0 0 41px;



	width:69px;



}





.widget {



	width: 300px;



	background: #444444;



	margin-bottom:20px;



}



.widget img{

  border:0;

}



.textwidget img{

  border:0;

}



.widget h3 {



	background:transparent url(img/side_box.gif) no-repeat left top;



	font-size:11px;



	height:27px;



	padding:4px 0 0 7px;



}



.widget ul {



	Padding-bottom:10px;



}



.widget li {



	margin:3px 0 3px 20px;



	font-size:12px;



	font-weight:normal;



	color:#fff;



}







#footer {



  clear: both;



	margin-top: 30px;



	margin-bottom: 30px;



}







#footer p {



	 color:#626363;



	font-size: 11px;



	margin-bottom: 10px;



}



#footer a {



	color:#626363;



}







blockquote {



background:#444444 url(img/quotes.gif) no-repeat scroll 0 0;

border-top:1px dashed #3D3A3A;

margin-top:23px;

padding:45px 30px 10px;



}



#content-left blockquote {



	background:#444444 url(img/quotes2.gif) no-repeat;



}



blockquote h2{



	font-size:15px;



	margin:20px 0 -7px 20px;



}







blockquote h3{



	font-size:11px;



	margin:0 0 0 20px;



	color: #a9a8a8;



}







blockquote p{



	margin:15px 0 0 20px;



	color: #ffffff;



}







#projects_side {



	background:#444444 none repeat scroll 0 0;



	padding-bottom:27px;



	width:231px;

	float:right;



}







#projects_side h3 {



	background:transparent url(img/side_box.gif) no-repeat scroll left top;



	font-size:11px;



	height:27px;



	padding:4px 0 0 7px;



}



#content-left2 {



	width: 652px;



	float:left;



	display:block;



	margin-top: 30px;



}



#content-right2 {



	width: 231px;



	margin-top: 30px;



	float:right;



	display:block;



	background: #292929;



}



#content-left2 h1 {



	color:#FFFFFF;



	display:block;



	float:left;



	font-size:30px;



	line-height:30px;



	margin-bottom:20px;



}







#content-left2 p {



	/*clear:both; */



	margin-top: 10px;



	color: #ffffff;



}











#nav, #navNew {



	list-style:none;



	margin:0;



	padding:0;



	float: right;



	margin-top:61px;



	}



#nav li, #navNew li {



	float:left;



	list-style:none;



	margin:0;



	padding:0 22px;



	height:19px;



	}

#navNew li a, #navNew li a:visited {

text-transform: uppercase;
display: block;
height: 19px;
font-weight: bold;
font-size: 110%;
color: #777677;
}

#navNew li.current_page_item a, #navNew li.current_page_item a:visited,
#navNew li.current_page_ancestor a, #navNew li.current_page_ancestor a:visited{
	color: #ffffff;
}

#navNew li a:hover, #navNew li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav li a {



	display:block;



	background:url('img/nav.gif');



	height:19px;



	text-indent:-999em;



	}



#nav li.home a {



	background-position:0 0;



	width:41px;



	}



#nav li.current_page_item.home a,#nav li.current_page_parent.home a {



	background-position:0 -38px;



	}



#nav li.home a:hover {



	background-position:0 19px;



	}



#nav li.page-item-2 a {



	background-position:-41px 0;



	width:50px;



	}



#nav li.current_page_item.page-item-2 a,#nav li.current_page_parent.page-item-2 a {



	background-position:-41px -38px;



	}



#nav li.page-item-2 a:hover {



	background-position:-41px 19px;



	}



#nav li.page-item-5 a {



	background-position:-91px 0;



	width:71px;



	}



#nav li.current_page_item.page-item-5 a {



	background-position:-91px -38px;



	}



#nav li.page-item-5 a:hover {



	background-position:-91px 19px;



	}



#nav li.page-item-7 a {



	background-position:-162px 0;



	width:111px;



	}



#nav li.current_page_item.page-item-7 a,#nav li.current_page_parent.page-item-7 a  {



	background-position:-162px -38px;



	}



#nav li.page-item-7 a:hover {



	background-position:-162px 19px;



	}



#nav li.page-item-9 a {



	background-position:-273px 0;



	width:41px;



	}



#nav li.current_page_item.page-item-9 a {



	background-position:-273px -38px;



	}



#nav li.page-item-9 a:hover {



	background-position:-273px 19px;



	}



#nav li.page-item-11 a {



	background-position:-314px 0;



	width:66px;



	}



#nav li.current_page_item.page-item-11 a {



	background-position:-314px -38px;



	}



#nav li.page-item-11 a:hover {



	background-position:-314px 19px;



	}



#header_content {



	height:120px;



	background:#1a1a1a;



	width:auto;

}



















/**



 * This <div> element is wrapped by jCarousel around the list



 * and has the classname "jcarousel-container".



 */



.jcarousel-container {



    position: relative;



}







.jcarousel-clip {



    z-index: 2;



    padding: 0;



    margin: 0;



    overflow: hidden;



    position: relative;



}







.jcarousel-list {



    z-index: 1;



    overflow: hidden;



    position: relative;



    top: 0;



    left: 0;



    margin: 0;



    padding: 0;



}







.jcarousel-list li,



.jcarousel-item {



    float: left;



    list-style: none;



    /* We set the width/height explicitly. No width/height causes infinite loops. */



    width: 242px;



    height: 164px;



    margin:0 31px;

		display:inline;



}







/**



 * The buttons are added dynamically by jCarousel before



 * the <ul> list (inside the <div> described above) and



 * have the classnames "jcarousel-next" and "jcarousel-prev".



 */



.jcarousel-next {



    z-index: 3;



    display: none;



}







.jcarousel-prev {



    z-index: 3;



    display: none;



}











.jcarousel-skin-tango img {



	border:4px solid #fff;



	}



.jcarousel-skin-tango .jcarousel-container {



    background: #292929;



}







.jcarousel-skin-tango .jcarousel-container-horizontal {



    width: auto;



    padding:20px 50px;

		height: 161px;



}







.jcarousel-skin-tango .jcarousel-container-vertical {



    width: 242px;



    height: 245px;



    padding: 40px 20px;



}







.jcarousel-skin-tango .jcarousel-clip-horizontal {



    width:850px;



    height: 164px;



}







.jcarousel-skin-tango .jcarousel-clip-vertical {



    width:  75px;



    height: 245px;



}







.jcarousel-skin-tango .jcarousel-item {



    width: 242px;



    height: 164px;



}







.jcarousel-skin-tango .jcarousel-item-horizontal {



    margin-right: 0;



}







.jcarousel-skin-tango .jcarousel-item-vertical {



    margin-bottom: 10px;



}







.jcarousel-skin-tango .jcarousel-item-placeholder {



    background: #fff;



    color: #000;



}







/**



 *  Horizontal Buttons



 */



.jcarousel-skin-tango .jcarousel-next-horizontal {



    position: absolute;



    top: 0px;



    right: 0;



    width: 41px;



    height: 201px;



    cursor: pointer;



    background:#fff url('img/jcarousel.png');



    background-position:0 -201px;



}







.jcarousel-skin-tango .jcarousel-next-horizontal:hover {



    background-position: -41px -201px;



}







.jcarousel-skin-tango .jcarousel-next-horizontal:active {



    background-position: 0 -201px;



}







.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {



    cursor: default;



    background-position: 0 -201px;



}







.jcarousel-skin-tango .jcarousel-prev-horizontal {



    position: absolute;



    top: 0;



    left: 0;



    width: 41px;



    height: 201px;



    cursor: pointer;



    background:#fff url('img/jcarousel.png');



    background-position:0 0;



}



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {



    background-position: -41px 0;



}







.jcarousel-skin-tango .jcarousel-prev-horizontal:active {



    background-position: -41px 0;



}







.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {



    cursor: default;



    background-position: 0 0;



}







/**



 *  Vertical Buttons



 */



.jcarousel-skin-tango .jcarousel-next-vertical {



    position: absolute;



    bottom: 5px;



    left: 43px;



    width: 32px;



    height: 32px;



    cursor: pointer;



    background: transparent url(next-vertical.png) no-repeat 0 0;



}







.jcarousel-skin-tango .jcarousel-next-vertical:hover {



    background-position: 0 -32px;



}







.jcarousel-skin-tango .jcarousel-next-vertical:active {



    background-position: 0 -64px;



}







.jcarousel-skin-tango .jcarousel-next-disabled-vertical,



.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,



.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {



    cursor: default;



    background-position: 0 -96px;



}







.jcarousel-skin-tango .jcarousel-prev-vertical {



    position: absolute;



    top: 5px;



    left: 43px;



    width: 32px;



    height: 32px;



    cursor: pointer;



    background: transparent url(prev-vertical.png) no-repeat 0 0;



}







.jcarousel-skin-tango .jcarousel-prev-vertical:hover {



    background-position: 0 -32px;



}







.jcarousel-skin-tango .jcarousel-prev-vertical:active {



    background-position: 0 -64px;



}







.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,



.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,



.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {



    cursor: default;



    background-position: 0 -96px;



}











.project {



	height:51px;



	margin:10px 0 0 15px;



	width:200px;



}







.house {



	width: 75px;



	height: 50px;



	background: transparent url(img/house_sml.jpg) no-repeat center top;



	float: left;



	border: 2px solid #fff;



}







.project_name {



	color:#FFFFFF;



	font-weight:bolder;



	text-decoration:none;



}



.alignright {



	float:right;



	margin:0 0 10px 10px;



}



.alignleft {



	float:left;



	margin:0 10px 10px 0;



}



.aligncenter {



	margin:0 auto;



	display:block;



}







table#projects_sidebar td {



	padding:1em;



}











.widget li.current_page_item a, a.current, li.current-cat a {



  color:#E9BD1F;



}

.widget li.current_page_item ul li a {
	color: #fff;
}





.widget h3 a {



  font-weight:bold;



	color: #1A1A1A;



}







.post table {



  margin:1em 0 30px;



}







.post table td {



padding:0 28px 0 0;



}


.hotm_wrapper {
	margin:14px 24px;
	padding-bottom:15px;
}

.hotm_wrapper a, .hotm_wrapper a:visited,
.hotm_wrapper a:hover, .hotm_wrapper a:active {
	color:#E9BD1F;
	text-decoration:none;
}

.project-sidebar-wrapper img {
	border: 2px solid #ffffff;
}

.socialWidg a{
	width: 300px;
	display: block;
	font-size: 0px;
	color: transparent;
}

a.widgPlans {
height: 88px;
background-image: url(img/plans.gif);
}

#gallerySidebar a.widgPlans {
	width: 231px;
	height: 68px;
	background-image: url(img/plans_sml.gif);
}



a.widgFB {
height: 48px;
background-image: url(img/fb.gif);
}
#gallerySidebar a.widgFB {
	width: 231px;
	height: 37px;
	background-image: url(img/fb_sml.gif);
}

a.widgNewsletter {
height: 48px;
background-image: url(img/newsletter.gif);
}

#gallerySidebar a.widgNewsletter {
	width: 231px;
	height: 37px;
	background-image: url(img/newsletter_sml.gif);
}
#gallerySidebar {
	width: 231px;
	float: right;
}

#gallerySidebar .widget {
	width: 231px;
}
.socialWidg a:hover {
	background-position: 0 bottom;
}

#newsletterWidget, #fbWidget {
	margin-bottom: 20px;
}

#newsWidgInner {
	padding: 10px;
}

#newsWidgInner #email_wrap {
	margin-left: 1px;
}
#newsWidgOuter {
	display: none;
	margin-bottom: 20px;
}