@charset "utf-8";

/* CSS Document
/////////////////////////////////////////////////////////////////////////////
Client: Strong Construction
Developer: Alberto Torres
Ixi Design Group
/////////////////////////////////////////////////////////////////////////////
*/

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }


html,body { height: 100%; }
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	background: white;
	color: #494949;
	margin: 0 auto;
	text-align: center;
}


a {color: #cc5d02; text-decoration: none;}
a:hover {color: #7d3b05; text-decoration: underline;}

#wrap { margin: 0 auto; width: 900px; text-align: left;}


	/* HEADER //////////////////////////////////////////////////////////////////////////////*/
	#header {width: 100%; float: left; border-bottom: 1px solid #cc5d02; padding-bottom: 1px; margin-bottom: 8px; display: inline;}

		#logo {background: url(../images/logo.gif) no-repeat; width: 229px; float: left; height: 108px; margin-left: 5px; display: inline;}
			#logo a {display: block; width: 229px; height: 108px;}

		#header-sub {width: 636px; float: left; margin: 25px 0 0 30px; display: inline;}
		/*Home --->*/ body#home #header-sub {margin-top: 30px;}
			#welcome {background: url(../images/welcome.gif) no-repeat; width: 393px; height: 32px; float: left; position: relative; top: 9px;}
			#phone-date {width: 243px; float: right; text-align: right;}
				#phone-date span {color: #cc5d02; font-size: 1.5em;}
					/*Home --->*/ body#home #phone-date span {font-size: 1.3em;}
				#phone-date b {font-weight: bold;}

		/* NAV //////////////////////////////////////////////////////////////////////////////*/
		#nav { background: url(../images/nav.gif) no-repeat; width: 636px; float: left; margin-top: 12px; display: inline;}
		/*Home --->*/ body#home #nav {margin-top: 10px;}

			#nav ul {}
				#nav ul li {float: left;}
				#nav ul li a {height: 27px; display: block;}

					#btn-home a {margin-left: 10px; width: 63px;}
					#btn-about a {width: 89px;}
					#btn-design a {width: 125px;}
					#btn-services a {width: 86px;}
					#btn-projects a {width: 92px;}
					#btn-faq a {width: 54px;}
					#btn-contact a {width: 112px;}

					#btn-home a:hover, #btn-about a:hover,
					#btn-design a:hover, #btn-services a:hover,
					#btn-projects a:hover, #btn-faq a:hover, #btn-contact a:hover,
					#btn-home a.selected, #btn-about a.selected,
					#btn-design a.selected, #btn-services a.selected,
					#btn-projects a.selected, #btn-faq a.selected, #btn-contact a.selected
					{background: url(../images/nav.gif) no-repeat;}

					#btn-home a:hover, #btn-home a.selected {background-position: -10px -27px;}
					#btn-about a:hover, #btn-about a.selected {background-position: -73px -27px;}
					#btn-design a:hover, #btn-design a.selected {background-position: -162px -27px;}
					#btn-services a:hover, #btn-services a.selected {background-position: -287px -27px;}
					#btn-projects a:hover, #btn-projects a.selected {background-position: -373px -27px;}
					#btn-faq a:hover, #btn-faq a.selected {background-position: -465px -27px;}
					#btn-contact a:hover, #btn-contact a.selected {background-position: -519px -27px;}


	/* TITLES //////////////////////////////////////////////////////////////////////////////*/
	#content-title {width: 100%; float: left; margin: 10px 0 10px 0px; display: inline;}
		#content-title h2, #left-column h3 {color: #cc5d02; text-transform: uppercase; font-size: 1em; font-weight: normal; margin-left: 2px;}
		#content-title h1 {color: #3a3a3a; text-transform: uppercase; font-size: 2em; font-weight: normal;}



	/* CONTENT //////////////////////////////////////////////////////////////////////////////*/
	#content { width: 100%; float: left; overflow: hidden; }

		/* HOME: Mast */
		#mast {width: 634px; margin: 0 0 0 8px; float: left; display: inline;}
			#mast ul li {display: inline; float: left;}
				#mast ul li a {display: block; width: 211px; height: 462px;}

				#btn-bathrooms a {background: url(../images/mast-bathrooms.jpg) no-repeat; }
				#btn-kitchens a {background: url(../images/mast-kitchens.jpg) no-repeat; }
				#btn-living a {background: url(../images/mast-living.jpg) no-repeat; }



		/* Left Column */
		#left-column {width: 634px; float: left; display: inline; line-height: 1.3em;}

			#left-column h3 {margin-bottom: 10px;}
			#left-column p, #left-column ul {margin-bottom: 15px;}
			#left-column p img.floatright {float: right; margin: 0 0 10px 10px;}

			#left-column ul {margin-left: 30px;}
			#left-column ul li {list-style: circle;}

			#gallery-desc h3 {margin-bottom: 0;}



		/* Right Column */
		#right-column {width: 245px; float: left; display: inline; margin-left: 11px;}

			/* Pods */
			.pod {width: 245px;  margin-bottom: 15px; float: left; display: inline;}
				.pod h3 {background: #ede6b0 url(../images/title-pod.gif); width: 246px; height: 27px; margin-bottom: 10px; text-transform: uppercase; color: #474747; font-size: 0.9em;}
					.pod h3 a {display: block; width: 228px; height: 21px; padding: 6px 0 0 18px; color: #474747; text-decoration: none;}
				.pod p {margin-bottom: 10px;}


				/* PODS: FEATURED */
				#pod-featured h3 {margin-bottom: 0;}
					#pod-featured p {margin-bottom: 0px;}
					.thumb-list {float: left; clear: both; margin-top: 10px;}
						.thumb-pic {width: 65px; margin-right: 10px; float: left; display: inline;}
						.thumb-desc {float: left; width: 150px;}


				/* PODS: PROJECTS */
				#pod-featuredproject {line-height: 1.6em;}
					#pod-featuredproject h3 {margin-bottom: 10px;}
					#pod-featuredproject h4 {text-transform: uppercase; font-weight: normal;}

					.link-list {border-top: 1px solid #cc5d02; padding: 10px 0; line-height: 1.6em;}
					/* #pod-featuredproject .first {border: none; padding-top: 0;} */
                                        .pod .first {border: none; padding-top: 0;}
						.link-list a, .link-list h4 {padding-left: 7px;}
						.link-list a {color: #3a3a3a;}
						.link-list a:hover {color: #7d3b05;}
						.link-list a.selected {background: url(../images/bullet-arrow.gif) no-repeat -1px 3px; color: #cc5d02;}
					.link-list ul ul {margin: 5px 0 5px 20px;}


				/* PODS: TESTIMONIAL */
				#pod-testimonial h3 {}
						.testimonial-credit {width: 100%; text-align: right;}


				/* PODS: NEWSLETTER */
				#pod-newsletter h3 {}
					#pod-newsletter .form-1 {float: left; width: 135px; margin-right: 0px; display: inline;}
						#pod-newsletter .form-1 input { width: 125px; padding: 3px 2px; margin: 2px 10px 0px 0; float: left; background: #FAF5D5; border: 1px solid #ac9d9d; display: inline;}
					#pod-newsletter #form-btns {float: left; margin-top: 17px;}

                                /* CONTACT PAGE FORM */

                                .form-contact input { width: 150px; padding: 3px 2px; margin: 2px 10px 0px 0; float: left; background: #FAF5D5; border: 1px solid #ac9d9d; display: inline; font: 1em Arial, Helvetica, sans-serif; }

                                .form-contact select { width: 155px; padding: 3px 2px; margin: 2px 10px 0px 0; float: left; background: #FAF5D5; border: 1px solid #ac9d9d; display: inline; font: 1em Arial, Helvetica, sans-serif; }

                                .form-contact textarea { width: 450px; height: 100px; padding: 3px 2px; margin: 2px 10px 0px 0; float: left; background: #FAF5D5; border: 1px solid #ac9d9d; display: inline; font: 1em Arial, Helvetica, sans-serif; }
				/* PODS: GALLERIA */


				/* FAQ: ACCORDION */
				#accordion div {padding: 5px 10px;}



	/* FOOTER //////////////////////////////////////////////////////////////////////////////*/
	#footer {width: 100%; float: left; border-top: 1px solid #cc5d02; padding: 8px 0 20px; margin-top: 8px; display: inline;}

		#footer-left {width: 150px; float: left;}
			#footer-left ul li {display: inline; float: left; margin-right: 10px;}
				#footer-left ul li a {display: block; width: 48px; height: 48px;}
					#nari {background: url(../images/logo-nari.jpg) no-repeat;}
					#bbb {background: url(../images/logo-bbb.jpg) no-repeat;}

		#footer-center {width: 580px; float: left; text-align: center;}
			#footer-center ul {margin: 7px 0 3px;}
			#footer-center ul li {display: inline; border-left: 1px solid #494949; padding: 0 4px 0 6px;  }
			#footer-center ul li.first {border: none;}
				#footer-center ul li a {color: #494949;}
				#footer-center ul li a:hover {color: #7d3b05; text-decoration: underline;}

		#footer-right {width: 170px; float: right; text-align: right; padding-top: 7px;}







.hide {display: none;}
.gutter-10 {padding: 0 10px 10px;}
#pod-thumbnails .gutter-10 {padding-right: 0;}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   padding-right: 20px;
}

.alignright {
   float: right;
   padding-left: 20px;
}

.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;
}