/*

Theme Name: Dan's Water Tank Services
Description: Admin contact: adam@chochol.net
Author: Adam Chochol
Author URI: http://www.polcreate.pl
Version: 1.0

*/

body{margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:13px; background-color:#fff;}

/* delete for wide */
html{background-color:#e1e1e1;}
body{width:1040px; margin:30px auto; border:10px solid #fff; box-shadow: 0px 0px 5px #ccc;}
/* delete for wide */

#header .in,#footer .in, #main .in{width:1020px; margin:auto; position:relative;}

a{color:#a9211d}
a:hover{color:#000;}
a.img{border:none; border:0px;}

h1,.h_like_h1{font-size:32px; text-transform:uppercase; margin:0px 0px 20px 0px; font-weight:100;  color:#a9211d}



/* Footer */
#footer{color:#000; overflow:hidden; clear:both; font-size:10px; background-image:url(images/footer_bg.png); background-repeat:repeat-x; background-position:top center; border-top:4px solid #fff}
#footer .in{padding:30px 0px; overflow:hidden; text-transform:uppercase;}
#footer a{text-decoration:none;} 

#footer .nav ul{list-style:none; margin:0px; padding:0px;}
#footer .nav li{display:inline-block; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; text-transform:uppercase;  border-right:1px dotted #000;}
#footer .nav li:last-child{border:none;}
#footer .nav li a{text-decoration:none; font-size:12px; color:#000 }
#footer .nav li a:hover{color:#a9211d}

#footer p.upper{text-transform:uppercase;}

#footer p.services{margin:20px 0px; text-transform:uppercase;}
#footer p.services span{border-right:2px solid #a9211d; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; display:inline-block; color:#a9211d; font-weight:bold}
#footer p.services a{margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; border-right:1px dotted #000; color:#000}
#footer p.services a:hover{color:#a9211d}
#footer p.services a:last-child{border:0px;}

/* Footer */

/* Header */

#header{ height:100px; margin:0px; padding:0px; z-index:4; }
#header .in img.logo{position:absolute; z-index:5; margin:5px 0px 0px 0px;  border:0px;}

#header .in .phone{color:#a9211d; font-size:24px; text-align:right; line-height:22px; margin:10px 0px 20px 0px; width:190px; float:right; background-image:url(images/phone_icon.png); background-repeat:no-repeat; background-position:top left; height:45px;}
#header .in .phone>div{display:block; margin:0px; padding:0px; height:20px; overflow:hidden}
#header .in .phone span{font-size:10px; color:#000; text-transform:uppercase; display:none}

/* Header */



/* Main */
#main{overflow:hidden; background-color:#FFF; margin:0px; color:#000; padding:0px; }
#main .main_photo{background-image:url(images/main_bg.png); background-position:top; background-repeat:repeat-x; overflow:hidden; background-color:#ededed; padding:0px; position: relative }
#main .main_content{background-image:url(images/main_content_bg.png); background-position:top; background-repeat:repeat-x; margin:0px 0px 0px 0px; padding:50px 0px 0px 0px;  }
#main .main_content .content_right{margin:0px; overflow:hidden}
#main .main_bottom{padding-bottom:50px;}


/* Address */
.address{ width:300px; float:left; text-transform:uppercase; clear:both; }
.address .phone{color:#a9211d; font-size:24px; text-align:right; line-height:22px; margin:20px 0px 29px 0px; width:190px;  background-image:url(images/phone_icon.png); background-repeat:no-repeat; background-position:top left; }
.address .phone>div{display:block; font-size:10px; color:#000; text-transform:uppercase; }
.address>span{ margin:5px 0px 5px 0px; color:#a9211d; display:block}
.address a.more-link-self{margin:15px 0px 0px 0px;}
/* Address */



/* buttons */
a.more-link-self{width:180px; height:50px; background-image:url(images/button.png); background-repeat:no-repeat; background-position:top; display:inline-block; text-decoration:none; margin:20px 10px 10px 0px; overflow:hidden; white-space:nowrap;  }
a.more-link-self span{padding:10px 50px 10px 25px; display:block; font-size:12px; color:#FFF;  text-transform:uppercase; line-height:30px;}
a.more-link-self:hover{background-position:bottom;}
/* buttons */

.border1{border:10px solid #e6e6e6;}

	/* main photo - short desc */
	.main_photo .in .short_desc>div{color:#000; padding-top:30px;overflow:hidden; vertical-align:middle}
	.main_photo .in .short_desc h2{font-weight:100; font-size:32px; text-transform:uppercase; margin:10px 30px 10px 0px; padding:15px 30px 0px 82px; background-image:url(images/blue_arrow_2.png); background-repeat:no-repeat;  overflow:hidden; height:72px; border-right:1px dotted #000; float:left; }
	/* main photo - short desc */


	/* aside  */
	#aside {width:220px; margin:0px 30px 0px 0px; float:left; display:block; overflow:hidden;}
	#aside .aside_services ul{margin:0px; padding:0px; list-style:none;}
	#aside .aside_services ul li{font-size:14px; margin:5px 0px; padding:5px 0px; border-bottom:1px dotted #ccc; text-transform:uppercase  }
	#aside .aside_services ul li a{text-decoration:none; display:block}
	#aside .aside_services ul li a:hover{background-image:url(images/arrow_menu.png); background-repeat:no-repeat; background-position:center right; }
	#aside .aside_services ul li.active a{color:#000; background-image:url(images/arrow_menu.png); background-repeat:no-repeat; background-position:center right; font-weight:bold; }
	#aside .aside_services ul li.active {border-bottom:1px solid #000;}
	#aside .aside_services h3 {font-size:32px; text-transform:uppercase; font-weight:400; margin:0px 0px 20px 0px;}
	/* aside  */
	
	
	/* quickform */
	.quickform{display:block; padding:0px; clear:both; background-color:#fff; overflow:hidden; margin:60px 0px 20px 0px;  }
	.quickform h3{font-size:32px;margin:0px 0px 0px 0px; font-weight:100; color:#a9211d}
	.quickform .desc{width:400px; float:left}
	
	.quickform .wpcf7{margin:0px; padding:0px}
	.quickform input[type="text"], .quickform input[type="tel"], .quickform input[type="email"], .quickform textarea{width:205px;  padding:5px; font-size:16px; margin:0px 0px 4px 0px; font-family:Arial, Helvetica, sans-serif; float:left} 
	.quickform textarea{height:100px; width:205px; resize:none;}
	.quickform .focus{color:#000; background-color:#FFF;border:1px solid #000 }
	.quickform .blur{color:#000; background-color:#fff;border:1px solid #ddd }
	.quickform .error{border:1px solid #ff0000;   }
	.quickform input[type="submit"]{background-color:#f16d69; border:none; padding:10px; font-size:12px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; display:block; clear:both; color:#fff;}
	.quickform input[type="submit"]:hover{background-color:#a9211d; color:#fff; }
	

/* Main */






/* addthis */
.addthis_toolbox{ float:right; width:185px;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}




/*Testimonial box and font style and colours*/
.testimonial{clear:both; overflow:hidden; margin:0px 0px 20px 0px}
.testimonial .content {
clear:both;
padding: 20px 25px;
background-color: #f2f2f2; /*Change colour here and in .arrow-down*/
float: left;
font: italic 17px/22px Georgia, "Times New Roman", Times, serif;
font-size:13px;
color: #53646d;
text-shadow: 1px 1px 0 #fff;
/*Uncomment to add round corners*/
/* -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; */
}

.testimonial .content img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
border:10px solid #fff;
}
/*Author section wrapper*/
.testimonial .author-wrapper {
width: 100%;
margin-bottom: 20px;
float: left;
}
/*This creates the arrow with no need for an image, thanks to css-tricks.com*/
.testimonial .arrow {
float: left;
margin-left: 25px;
width: 0;
height: 0;
border-top: 30px solid #f2f2f2; /*Change colour here to match .testimonial*/
border-left: 30px solid transparent;
border-right: 0px solid transparent; /*Make this 30px to create a triangle*/
}

/*Author Name*/
.testimonial .testimonial-name {
float: left;
color: #333;
padding-top: 5px;
font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin:0px 10px 10px 10px;
}
/*Author Job Title*/
.testimonial .testimonial-name span {
color: #53646d;
font-weight: normal;
}

/*Testimonial box and font style and colours*/




/* =WordPress Core
-------------------------------------------------------------- */
#main  ul{overflow:hidden;}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}