/*
THEME NAME: brox ltd.
THEME URI: http://www.broxltd.com/
DESCRIPTION: brox ltd. Wordpress Theme.
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz/
TAGS: brox
*/



/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

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

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

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

body { background: #FFFFFF url(images/bg.gif) repeat-x 0 0; font: 90%/1.5em Arial, sans-serif; color: #555555; }
body.home { background: url(images/bg-front-page.gif) repeat-x 0 0; }
div#intro-bg { width: 100%; height: 100%; background: url(images/intro-bg.jpg) no-repeat top center; }
div#default-bg { width: 100%; height: 100%; background: url(images/default-bg.jpg) no-repeat 50% 56px; }

p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote p { border-left: 4px solid #D3D4D4; padding: 5px 20px; margin: 10px 0 20px 21px; color: #777777; }
a { color: #77ad3c; text-decoration: none; border-bottom: 1px solid #e6e6e6; }
a:hover { color: #598726; border-bottom-color: #d3d4d4; }
h2 { font: 165% Arial, sans-serif; color: #444444; }
h3 { font: 125% Arial, sans-serif; color: #666666; }
.hidden { display: none; }
ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/bullet.gif) no-repeat 8px 9px; padding-left: 21px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }




/* WRAPPER ---------------------------- */

.wrapper { width: 950px; margin: 0 auto; }



/* HEADER ---------------------------- */

#header { width: 950px; height: 56px; margin: 0 auto; position: relative; }
	



	/* LOGO ---------------------------- */
	
	h1 a { background: url(images/logo.gif) no-repeat 0 0; display: block; text-indent: -9999px; width: 143px; height: 56px; float: left; border: none; }
	



	/* TOP NAV ---------------------------- */	
	
	#topnav { margin: 0; padding: 0; position: absolute; top: 0; right: 0; }

		#topnav li { float: left; list-style: none; font-size: 90%; margin-left: 10px; margin-bottom: 0px; background: none; padding: 0; }
		#topnav li a { display: block; padding: 18px 12px 16px 12px; text-decoration: none; color: #777777; white-space: nowrap; border: none; }
		#topnav li a:hover { color: #333333; }
		
		li.services a { background: url(images/topnav-services-arrow.gif) no-repeat right 51%; margin-right: 12px; }
		
		
			#topnav li ul { margin: 0 0 0 -10px; padding: 0 11px 11px 11px; position: absolute; visibility: hidden; width: 221px; background: url(images/dropdown-bg.png) no-repeat bottom center; }
				#topnav li ul li { float: none; display: inline; background: none; margin: 0; font-size: 100%; }
				#topnav li ul li a { width: auto; background: #FFF; color: #a6a5a5; padding: 0; margin: 0px 10px 5px 10px; border: none; }
				#topnav li ul li a:hover { color: #444444; }




/* INTRO HEADER ---------------------------- */
	
#intro-header { width: 950px; height: 317px; margin: 0 auto 30px auto; }	
	
	#intro-header h2 { padding: 260px 0 0 0; }
	#intro-text { margin-bottom: 30px; }




/* MAIN CONTENT ---------------------------- */

#main-content { width: 613px; float: left; padding: 30px 31px 0 0; background: url(images/sidebar-shadow.gif) no-repeat 100% 6px; }




	/* MAIN CONTENT FONT STYLES ---------------------------- */
	
	#main-content h2 { margin-bottom: 20px; }
	#main-content h3 { margin: 30px 0 10px 0; color: #444444; }

		#main-content h2 a { color: #444444; border: none; }
		#main-content h2 a:hover { color: #598726; }
		
		


	/* MAIN CONTENT IMG STYLES ---------------------------- */
	
	#main-content img, img a { padding: 4px; border: 1px solid #e6e6e6; background: #FFFFFF; }
	.alignleft { float: left; margin: 0 20px 10px 0; }
	.alignright { float: right; margin: 0 0 10px 20px; }

 


	/* SERVICES LIST ---------------------------- */	
	
	.services-list { border-top: 1px solid #d3d4d4; }

		.services-list div { width: 276px; float: left; margin: 20px 0; }
			.services-list .services-left { border-right: 1px solid #d3d4d4; padding: 10px 30px 10px 0; }
			.services-list .services-center { padding: 10px 30px; border-right: 1px solid #d3d4d4; }		
			.services-list .services-right { padding: 10px 0 10px 30px; }
			
			.services-list-last { border-bottom: 1px solid #d3d4d4; }
			
			
			

		/* SERVICES LIST FONT STYLES ---------------------------- */		
		
		.services-list h3 { margin: 0 0 10px 0; }
			.services-list h3 a { color: #666666; border: none; }
			.services-list h3 a:hover { color: #444444; border: none; }
		.services-list div p { color: #777777; font-size: 90%; margin-bottom: 0; }
	
	
	
	
	/* POST ---------------------------- */	
	
	.post { border-bottom: 1px solid #d3d4d4; margin-bottom: 30px; }
	
	.post-meta { color: #999999; font-size: 90%; margin: 30px 0 10px 0; }
	.meta-divider { padding: 0 10px; color: #c9c9c9; }




	    /* POST NAVIGATION ---------------------------- */	
	     
	    .post-navigation { }
	    	.older-posts-link a { background: #508328; padding: 6px 9px; float: left; color: #FFF; border: 1px solid #3a6319; }
	    	.newer-posts-link a { background: #508328; padding: 6px 9px; float: right; color: #FFF; border: 1px solid #3a6319; }
				.older-posts-link a:hover, .newer-posts-link a:hover { color: #FFF; border: 1px solid #3a6319; }



	    /* COMMENTS ---------------------------- */
	    
	    #comments-list { margin-top: 60px; }
	    	
	    ol.commentlist { border-top: 1px solid #d3d4d4; margin: 3px 0 30px 0; }
        	ol.commentlist li { border-bottom: 1px solid #d3d4d4; padding: 20px 0; list-style: none; list-style-type: none; list-style-position: outside; margin: 0; }
        	ol.commentlist li.bypostauthor { background: #efefef; }
        		ol.commentlist li.bypostauthor div.comment-date-box { background: url(images/comment-date-bg-admin.gif) no-repeat top center; }
        	 .comment-bg-wrapper { background: url(images/comment-bg.gif) repeat-y 100px 0; }
        		.comment-date-box { float: left; width: 100px; padding-top: 10px; background: url(images/comment-date-bg.gif) no-repeat top center; }
        			li.alt div.comment-date-box { background: url(images/comment-date-bg-alt.gif) no-repeat top center; }
        			 
        			.comment-meta-data { color: #6B6B6B; font-size: 90%; text-transform: uppercase; text-align: center; display: block; }
        				.comment-meta-time { color: #999999; }
        		.comment-text { float: right; margin-right: 15px; width: 467px; padding: 10px 0 0 0; color: #777777; }
        			.comment-author { color: #888888; }
        			.comment-author cite { color: #4b4b4b; font-weight: bold; }
        			
        		.unapproved { background: #D1E030; padding: 5px 10px; margin: 10px auto; display: block; }
        			
        
        
        
        /* COMMENT FORM ---------------------------- */
        
        #respond { border-bottom: 1px solid #d3d4d4; padding-bottom: 30px; margin: 0 0 10px 0; }
        			
        .form-container { border-top: 1px solid #d3d4d4; padding: 20px 10px 0 10px; margin-top: 3px; }
        			
        .input-label-wrapper { margin-bottom: 20px; }
        	.form-input { float: left; width: 240px; }		
        		.form-input input { float: left; background: #efefef; border: 1px solid #d3d4d4; padding: 6px 9px; color: #616161; width: 220px; font: 100%/1.5em Arial, sans-serif; }
        	.form-label { float: left; width: 300px; line-height: 2.3em; }
        		.form-label label { margin-left: 20px; color: #4b4b4b; font-weight: bold; }
        		.form-label .required { color: #888888; font-weight: normal; }
        	.form-textarea { margin: 20px 0; }
        		.form-textarea textarea { width: 573px; background: #efefef; border: 1px solid #d3d4d4; padding: 6px 9px; color: #616161; font: 100%/1.5em Arial, sans-serif; vertical-align: bottom;  }
        	.form-submit input { background: #508328; padding: 6px 9px; float: left; color: #FFF; border: 1px solid #3a6319; cursor: pointer; }
        	.form-submit input:hover { color: #FFF; }
        			
		


/* SIDEBAR ---------------------------- */

#sidebar { width: 276px; float: right; margin: 50px 0 0 0; color: #777777; }
	



	/* SIDEBAR FONTS STYLES ---------------------------- */
	
	#sidebar h3 { margin: 30px 0 10px 0; color: #666666; }	

		#sidebar .widgettitle { margin: 0px 0 10px 0; } 
		
		#customers-have-to-say { background: url(images/customers-have-to-say.gif) no-repeat 0 0; width: 276px; height: 124px; display: block; text-indent: -9999px; border: 0; margin: 20px 0 0 0; }
	



	/* BLOG SIDEBAR  ---------------------------- */
	
	#subscribe-to-rss-button { background: url(images/subscribe-to-rss-button.gif) no-repeat 0 0; border: none; width: 276px; height: 39px; display: block; text-indent: -9999px; margin: 30px 0; }
	
	#sidebar ul { margin: 5px 0 0 0; }
		#sidebar ul li { display: inline; padding: 0; margin: 0; background: none; }
		#sidebar ul li a { background: url(images/sidebar-bullet.gif) no-repeat 8px 50%; padding-left: 21px; margin-bottom: 3px; display: block; border: none; }




/* FOOTER ---------------------------- */	

#footer { width: 100%; background: url(images/footer-bg.gif) repeat-x 0 0; margin-top: 40px; float: left; padding: 20px 0; font-size: 90%; color: #888888; } 
	
	.footer-left { float: left; margin: 0; }
	.footer-nav { float: right; text-align: right; margin-bottom: 0; }
		.footer-nav a { color: #888888; border-bottom: none; margin-left: 15px; } 
		.footer-nav a:hover { color: #444444; }
		
		
		


/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}