/********************************
- Brand identity
- Website design
- Website development
- Photo enhancement
- Search engine optimization

Services provided by:
Ersan Saribal, owner
Broadsighted Design
http://www.broadsighted.com/
Date: 04/09
********************************/


/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Misc */
* {
	margin:0;
    padding:0; }

hr {
	color:#fff;
	background-color:#fff;
	border:1px dotted #fac031;
	border-style:none none dotted;
	clear:both; 
	padding-top:8px;
	margin-bottom:12px;}
    
html, body {
	height:100%;
    margin:0 0 1px;
    padding:0; }  /* Forces vertical scrollbars */
    
.clear {
    clear:both; }

.float-left {
    float:left; }
.float-right {
    float:right; }	
	
h1 {
	text-indent:-9999em; }

h2 {
	padding:0 0 0.6em;
	font-size:1.25em; }

h3 {
    font-size:1.25em; }
	
h3.faq-question {
    padding-top:30px; }	
	
p {
	padding:0 0 1em 0; }

.faq-content p { 
	padding:0 2em 1em 2em; }
	
a {
	color:#7e5809;
	text-decoration:none;
    outline:none;
	font-weight:bold; }
    
a:hover {
	color:#eca100; }

.hidden {
    display:none;
    visibility:hidden; }    

.smaller {
    font-size:.8em; }
	
.no-padding {
    padding:0; } 

.no-margin {
    margin:0; } 
	
img {
    display:block;
    border:0; }	

.to-page-top-img {
    display:inline;
	margin-bottom:-5px; }
	
a.to-page-top {
    display:block;
	width:120px;
	height:36px;
	margin:40px auto 0 auto; }
	
.center {
	text-align:center; }
	
.heading {
    margin-bottom:12px; }	

.checkmark {
    padding:0 12px 0 70px;
	display:inline; }

    
/* Layout */    
body {
   	font:1em arial,sans-serif;
    color:#777;
    background:#e9e9e9 url(../images/viewport-bg-repeat.jpg) repeat-x top center; }

.wrapper {
	position:relative;
	width:935px;
	font-size:0.9em;
	margin:0 auto;
	text-align:left;
    background:#fff url(../images/main-content-bg-repeat.jpg) repeat-y; }
    
.header {
	height:56px;
	background:url(../images/header-bg-repeat.jpg) top left repeat-x; }
	
.phone-numbers {
	padding-left:22px;
	background:transparent url(../images/phone-icon.png) 0 0 no-repeat;
	text-align:center; }

/*
.header .phone-numbers {
	background:url(../images/phone-number.jpg) top right no-repeat;
	width:153px;
	height:59px;
	position:absolute; 
	top:0;
	right:0;
	text-indent:-9999em; }
*/

.header .phone-numbers {
	padding-left:0;
	width:417px;
	height:59px;
	position:absolute; 
	top:0;
	right:0;
	text-indent:-9999em; 
	background:url(../images/redesign/phone-number.jpg) 0 0 no-repeat; }
	
/*
.phone-numbers p {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#000; }
 
.phone-numbers p.first {
	padding-bottom:6px;
	font-size:.9em;
	color:#5e4104;
	font-weight:bold; }
 
.phone-numbers p span {
	font-weight:normal;
	font-size:.7em;
	color:#7E5809; }
*/

p.contact-intro {
	font-size:.9em;
	margin:36px auto;
	padding:0;
	text-align:center; }

span.required-star {
	color:#f00;
	font-weight:bold;
	font-style:italic;
}

span.required-star b {
	font-size:1.5em;
}

p.contact-intro span {
	display:block;
}

.page-title-bg {
    height:66px;
    background:url(../images/page-title-bg.jpg) no-repeat; }

.main-content .phone-numbers {
	margin:0 auto;
	padding:0;
	background:transparent url(../images/phone-icon.png) top center no-repeat; }

.main-content .phone-numbers p {
	color:#000;
}

.main-content .phone-numbers p.first,
.main-content .phone-numbers p span {
	color:#444;
	font-weight:normal; }

.main-content .phone-numbers p {
	padding:.25em; 
}

.main-content .phone-numbers p.first {
	font-size:.9em;
	color:#777;
}

.main-content .phone-numbers .phnum-bg {
	background:#f3f3f3;
	border:1px solid #e3e3e3;
	padding:10px;
	font-size:1.35em; }

.main-content {
    padding:40px 90px 50px 90px;
    min-height:200px; }    

.product-content {
    padding:40px 75px 50px 75px;
    min-height:200px; }   	
	
.main-content-gallery {
    padding:13px 28px 28px 28px;
    min-height:200px; }    
    
.testimonials-current-special {
    width:935px;
    background:url(../images/testimonials-current-special-bg-repeat.jpg) repeat-y; }
    
.testimonials-current-special-top {
    min-height:121px;
    background:url(../images/testimonials-current-special-top.jpg) no-repeat; }    

.testimonials-current-special-bottom {
    width:935px;
    height:20px;
    background:url(../images/testimonials-current-special-bottom.jpg) no-repeat; }

.footer {
    position:relative;
	height:63px;
	margin:0 auto;
   	font:0.8em arial,sans-serif;
    text-align:center;
	background:url(../images/footer.jpg) no-repeat; }
	
a.product-thumb ,
a.picture-thumb img {
    border:5px solid #ddd; }

a.product-thumb:hover ,
a.product-thumb.active,
a.picture-thumb:hover img,
a.picture-thumb.active  img{
    border:5px solid #ffc833;}

span.product-description a {
    display:block;
	margin:0 0 6px 0;
	font:1.2em arial,sans-serif;
	color:#7e5809;
	font-weight:normal; }

span.product-description strong{
    font-size:1.15em; }	
	
span.product-description a:hover,
span.product-description a.active {
    color:#eca100; }
	
span.product-description {
	width:610px;
	padding:0 8px 0 8px; }	

.products-float-v1 {
    float:left; }
.products-float-v2 {
    float:left; }

.picture-float-v1 {
    float:left;
	margin-right:8px;}		
.picture-float-v2 {
    float:right;
	margin-left:8px;}
span.picture-float-center {
	display:block; 
	margin:0 auto 0 auto; }
.picture-float-center a {
    display:block; }	
	
.picture-float-about {
    float:left;
	margin:0 13px 0 0;}
	
.picture-float-v1,
.picture-float-v2,
.picture-float-center {
	width:365px;
	padding-bottom:25px; }

.picture-float-v1  img,
.picture-float-v2 img,
.picture-float-center img {
    display:block;
	margin-bottom:6px; }
	

/* Logo */
.logo-bg {
    float:left;
    background:url(../images/logo.jpg) no-repeat;
    width:415px;}

.logo {
    float:left;
    background:url(../images/logo.jpg) no-repeat;
    width:314px;
    height:90px;
    text-indent:-9999em; }
        
.logo:hover, .logo.active {
    background-position:0 -90px; }

    
    
/* Main menu / navigation */    
.menu {  
    float:right;
    list-style:none;  
    position:relative; }
    
.menu li {  
    display:block;  
    overflow:hidden;  
    cursor:pointer;  
    float:left;  
    width:104px;  
    height:90px;  
    background:url(../images/redesign/menu-sprite.jpg) no-repeat; }      

.menu2 li {  
    display:block;  
    overflow:hidden;  
    cursor:pointer;  
    float:left;  
    width:104px;  
    height:90px;  
    /* background:url(../images/redesign/menu-sprite.jpg) no-repeat; */ }      
    
.menu a {
    display:block;  
    height:90px;  
    text-indent:-9999px;  
    outline:none; }      

#menu1 { background-position:0px 0px; }
#menu2 { background-position:-104px 0px; }    
#menu3 { background-position:-208px 0px; }
#menu4 { background-position:-312px 0px; }
#menu5 { background-position:-416px 0px; }

#menu1:hover, #menu1.active { background-position:0 -90px; }
#menu2:hover, #menu2.active { background-position:-104px -90px; }
#menu3:hover, #menu3.active { background-position:-208px -90px; }
#menu4:hover, #menu4.active { background-position:-312px -90px; }
#menu5:hover, #menu5.active { background-position:-416px -90px; }

    

/* Page title content */
.page-title-info {
    text-align:center;
    position:relative;
    top:30px; }

.page-title {
	color:#eca100; }

.page-title  strong{
    font-size:1.25em; }	
	
.bookend-left {
    width:17px;
    height:12px;
    margin-right:8px;
    background:url(../images/page-title-bookend-left.jpg) no-repeat; }    
    
.bookend-right {
    width:17px;
    height:12px;
    margin-left:8px;
    background:url(../images/page-title-bookend-right.jpg) no-repeat; }    

.page-title, .bookend-left, .bookend-right {    
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline; }
    
    
 
/* Testimonials box content */    
.testimonials {
    float:left;
    width:617px;
    margin: 6px 0 0 7px; }    

a.read-more-testimonials {
    display:inline-block;
    font-size:.8em;
    font-weight:bold; }     
    
p.testimonial, p.testimonials-page-box {
    margin:16px 27px 12px 20px;
    padding:0;
    line-height:1.2em; }    

p.testimonials-page-box {
    margin-top:32px; }	
	
.block-quote-start, .block-quote-end {
    font-size:3em;
    font-weight:bold;
    color:#eca100;
    position:relative;
    bottom:-15px;
    top:17px;
	margin-bottom:-15px}     

.block-quote-start {
    line-height:.8em; }	
.block-quote-end  {
    line-height: 0; }
    
.testimonial-info {
    text-align:right;
    margin-right:27px;
	font-size:1.2em; }
     
span.testimonial-name {
    font-weight:bold; }


    
/* Current special button */    
div.current-special {
    float:right;
    position:relative;
    width:311px; }    

a.current-special-button {
    display:block;
    width:306px;
    text-align:center;
    height:100%;
	padding-top:26px;
    font-weight:normal;	
    background:url(../images/testimonials-current-special-top.jpg) -624px 0 no-repeat; }

span.text {
    display:block;
    margin-bottom:2px; }

.current-special-button:link, .current-special-button:visited {
    color:#7e5809; }
    
.current-special-button:hover {
    background-position:-935px 0;
    cursor:pointer;
    color:#e06f00; }

.current-special-button:active {
    background-position:-1246px 0; }

.current-special:active .text {
    padding-top:2px;
    margin-bottom:0px; }

.button-title, .button-date {
   	padding:0;
    font-weight:bold; }

.button-title {
    font-size:1.4em;
	padding-top:8px; }    
    
.button-date {
    font-size:.8em;
    line-height:.8em;
    margin-bottom:24px; }    

.button-text {
    padding:0; }    



/* Current special button */    
div.talk-to-us {
	margin:0 auto -50px auto; 
    width:314px; 
	height:113px;
	text-align:center; }    

a.talk-to-us-button {
	width:314px;
	height:113px;
    background:transparent; }

a.talk-to-us-button span {
	display:block;
    width:314px;
	height:113px;
	background:url(../images/talk-to-us.jpg) left top no-repeat; }

a.talk-to-us-button:hover span {
	background:url(../images/talk-to-us.jpg) 0 100% no-repeat; }

	
/* Products Menu */
ul.products-menu {
position:relative;
list-style-type:none;
width:74.5em;
padding-left:11em;
display:block;
height:30px;
margin:0 auto;
font-size:.75em;
background:url(../images/products-menu-bg.jpg) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;}

ul.products-menu li {
display:block;
float:left;
margin:0;
padding:0; }

ul.products-menu li a {
float:left;
display:block;
color:#7e5809;
height:21px;
padding:9px 13px 0 13px;
font-weight:normal; }

ul.products-menu li a:hover,
.current {
color:#eca100;
background:url(../images/products-menu-bg.jpg) repeat-x top left;
text-decoration:none; }

ul.products-menu .current a {
color:#eca100; }

ul.products-menu.orange {
background-color:#ddd; }

ul.products-menu.orange li a:hover,
.products-menu.orange li.current {
background-color:#eca100; }



/* Products page */
#products-wrap {
	background:#000;
	width:906px;
	margin:0 15px 10px;
}

#products-wrap a,
#products-misc div {
	display:block;
}

#products-wrap a {
	position:relative;
}

#products-misc {
	float:left;
}
	
a#products-gates {
	float:right;
}

#products-wrap a span {
	color:#fff;
	visibility:hidden;
	position:absolute;
	bottom:10px;
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

a#products-railing span {
	top:10px;
	text-align:left;
	left:10px;
	font-size:1.8em;
}

#products-fences-gates span {
	font-size:1.25em;
}

#products-fences-gates {
	width:542px;
	height:255px;
}

#products-wrap a:hover span {
	visibility:visible;
}

a.products2-railing {
	width:662px;
	float:left;
	}

#products-wrap a img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0; 
	opacity:1.0;
	-khtml-opacity:1.0;
	border:0;
}

#products-wrap a:hover img {
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	opacity:0.4;
	-khtml-opacity:0.4;
}

a#products-railing:hover img {
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
	-khtml-opacity:0.7;
}
	
#products-fences-gates,
a#products-fences,
a#products-window-guards,
a#products-security-doors,
a#products-custom-welding {
	display:block;
	float:left;
}

.preloadpic {
	visibility:hidden;
	display:none;
}


/* Contact form */
#contact-area {
	width:605px;
	margin:15px auto 0 auto;
	padding-right:50px;}

#contact-area input, #contact-area textarea {
	float:left;
	padding:3px;
	width:512px;
	margin:0 0 16px 3px;
	background-color:#f4f4f4;
	border:2px solid #ddd; }
	
#contact-area textarea {
	height:100px; }

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #ffc833; }
	
#contact-area input.submit-button {
	width:100px;
	float:right; 
	display:block;
	margin:4px 10px 10px 0; }

.contact-text {
    margin-left:70px;
	padding-bottom:1px; }	

.sent {
    margin:80px auto 6px auto;
	text-align:center; }
	
label {
	float:left;
	text-align:right;
	padding:0;
	width:70px;
	margin:5px 0 0 0; }

input#Email  {
    width:273px; }	
	
input#Phone {
    width:157px; }

input#Phone,
label#label-Phone {
    float:left; }	

label#label-Phone span,
label#label-Name span {
	color:#f00;
}

select {
    display:block; 
	margin:0 0 26px 74px;
	background-color:#f4f4f4;
	border:2px solid #ddd; }	
	
option.orange {
    background-color:#ffc833; }

option.gray {
    background-color:#ddd; }	

option.white {
    background-color:#fff; }	
	
	
/* Footer content & Secondary menu/navigation */
.footer a {
    padding:0 2px 0 2px; }       
    
.footer p, .footer-text-left, .footer-text-right {
    padding:12px 0 0 0; }    
    
.footer-text-left {
    position:absolute;
    color:#ccc;
    top:0;
    left:0; }
    
.footer-text-right {
    position:absolute;
    top:0;
    right:0;
	font-size:1.2em; }

.footer-text-right b {
	font-size:1.4em;
	color:#444;
	display:block;
}

.hr-line {
	display:block;
	margin:0 auto;
	padding:0;
	margin-bottom:10px;
	border-color:#e7e7e7; }

.contact-hr {
	background:transparent;
	margin:0 auto;
	width:25%;
	padding:0;
	border-color:#c4c4c4;
	margin-bottom:10px; }

/* Captcha */
#captcha, #captcha-input, #captcha-reload {
	float:right;
	display:block;
}

#captcha-input input {
	width:180px;
	float:right;
	margin:0 10px 20px 0;
}

#captcha-input span {
	display:block;
	text-align:center;
	font-size:.85em;
	margin:10px 7px 0 0;
}

#captcha {
	margin-right:13px;
}

#captcha-reload {
	font-size:.7em;
	margin:0 0 10px 0;
	width:200px;
	text-align:center;
}

/* Index Page redesign */

.main-content-index {
	width:924px;
	margin:-9px 0 10px;
	padding:0;
}

.main-content-about {
	width:934px;
	margin:-9px 0 10px -5px;
	padding:0;
}

.main-content-blog {
	width:924px;
	margin:-9px 0 0;
	padding:0;
}

.main-content-cs {
	width:924px;
	padding:176px 0 10px;
	margin-left:5px;
	display:block;
	background:url(../images/redesign/liability.jpg) no-repeat left top !important;
	}

.main-content-cs-body {
	background:url(../images/redesign/cs-bg-repeat.jpg) repeat-x left top;
	display:block;
}

p.cs-intro, .commercial-services-content p {
	display:block;
	height:0;
	text-indent:-9999em;
	padding:0;
	margin:0;
}

.index-text {
	padding:0;
	margin:0;
	color:#555;
	padding:0 30px 20px;
}

.index-text span {
	font-size:1.25em;
	display:block;
}

.main-content-index h1 {
	text-indent:0;
	font-family: Century Gothic, sans-serif;
}

.email-link {
	font-size:.6em;
	}

#commercial-services {
	float:right;
	width:243px;
	height:343px;
	background:url(../images/redesign/products/commercial-services-sprite.jpg) left top no-repeat;
	}
	
#commercial-services a {
	margin-top:217px;
	padding:0;
	width:243px;
	height:82px;
	display:block;
	text-indent:-9999em;
	}
	
#commercial-services a:hover {
	background:url(../images/redesign/products/commercial-services-sprite.jpg) left -343px no-repeat;
	}

.commercial-services-content {
	display:block;
	width:924px;
	height:746px;
	background:url(../images/products/commercial-services.jpg) left top no-repeat;
}
	
#social-media-buttons {
	clear:both;
	width:208px;
	margin:0 auto;
	padding:30px 0 10px 25px;
}

#social-media-buttons a {
	padding:0;
	margin:0;
	display:block;
	width:99px;
	height:99px;
	float:left !important;
	text-indent:-9999em;
}

a.facebook-button {
	margin-right:10px;
	background:url(../images/redesign/social-media-buttons-sprite.jpg) left top no-repeat;
}

a.facebook-button:hover {
	background-position:left bottom;
}

a.google-maps-button {
	background-position:right top;
	background:url(../images/redesign/social-media-buttons-sprite.jpg) right top no-repeat;
}

a.google-maps-button:hover {
	background-position:right bottom;
}

.about-text {
	margin-left:10px;
	background:url(../images/about-bg.jpg) no-repeat;
	height:408px;
}

.about-text ul {
	width:25%;
	font-size:1em;
	margin:40px 0 0 0;
	float:right;
	padding:13px 8px 13px 25px !important;
	background:url(../images/bg-lighter.png);
	color:#000;
	border:2px solid #aaa;
	border-right:none;
}

.about-text ul p {
	line-height:1em;
}


.widget-area {
	background:#f5f5f5;
	margin-right:15px;
	margin-bottom:20px;
	padding:15px 0 0 15px;
	width:200px !important;
}

.widget-area h3,
.widget-area a {
	font-weight:normal;
}

.post ul {
	padding-left:80px;
}


img, div { behavior: url(iepngfix.htc) }