/*

Original Author: Tomas Lach (www.tomaslach.cz)
Heavily Modified by OS Templates (http://www.os-templates.com)

Changing colours is now simple, now uses @import to import the individual CSS colour scheme instead of having to use multiple templates
The template now gracefully degrades for older browsers - IE 7 + 8 are now also partially supported

Template re-named to: Picky AIO (All In One)

*/

/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css); 
/* 
Choose the colour you wish to use => colour-black.css is default
@import url(colour-black.css);
@import url(colour-blue.css);
@import url(colour-green.css);
@import url(colour-orange.css);
@import url(colour-purple.css);
@import url(colour-red.css);
*/
@import url(colour-black.css);

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html{background:#fff;}
body{color:#71777d; font:normal 12px "Helvetica Neue",Arial,Tahoma,Verdana;}
p{line-height:1.7em; margin-bottom:15px;}
address{font-style:normal; padding-bottom:15px;}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, a:link, a:focus{outline:0; text-decoration:underline;}
a:hover{text-decoration:none;}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4{line-height:1.5em; margin-bottom:15px; font-weight:700;}
h1{font-size:2.5em; color:#fff;}
h2{font-size:2.1em; color:#666; font-weight:200;}
h3{font-size:0.9em; color:#000; text-shadow:1px 1px 1px #fff; margin-bottom:8px;}
h4{font-size:1.0em;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
#header{height:125px; position:relative;}

#header a#logo{font-size:1.8em; text-decoration:none; padding-left:40px; font-weight:300; display:block; line-height:125px; position:absolute; top:0; left:0; color:#2b3031;}
#header a#logo:hover{text-decoration:none; color:#000;}
#header nav ul{position:absolute; top:45px; right:0;}
#header nav li{float:left; margin-left:5px;}
#header nav li a{float:left; border:1px solid #fff; color:#818181; display:block; height:33px; line-height:33px; padding:0 0; text-decoration:none; cursor:pointer;}
#header nav li a span{display:block; border-top:1px solid #fff; height:33px; float:left; padding:0 15px;}

/*******************************************************************************************************************
*  INTRO                                                                                                          
*******************************************************************************************************************/
#intro{padding-top:20px; text-align:center;}
#intro h1{margin-bottom:0; font-weight:100;}
#intro h1 strong{font-weight:500;}
#intro p{font-size:1.3em; font-weight:200; color:#fff; margin-bottom:30px; opacity:0.8;}
#intro p a{color:#fff; text-decoration:underline;}
#intro p a:hover{color:#fff; text-decoration:none;}
#intro img{float:left;}

/*******************************************************************************************************************
*  TWITTER                                                                                                          
*******************************************************************************************************************/
#twitterBar{background:#fff; padding:20px 0; font-family:Georgia,Arial,Verdana,Tahoma; font-style:Italic; position:relative;}
#twitterBar .remove{position:absolute; top:50%; right:0; display:block; border:1px solid #fff; width:20px; height:20px; margin-top:-10px; background:url("img/remove.png") no-repeat 50%; text-indent:-9999px;}
#twitterBar .remove:hover{background-color:#f7f7f7; border-color:#ccc;}
#twitterBar p{margin:0; font-size:1.4em; text-align:center;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#container{background:#ededed; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:40px 0 50px;}
#content .withIcon h2{padding-left:60px; font-size:1.6em;}
#content .withIcon p{padding-left:60px;}
#content .icon1{background:url("img/icon-fast.png") no-repeat 0 5px;}
#content .icon2{background:url("img/icon-lovely.png") no-repeat 0 5px;}
#content .icon3{background:url("img/icon-tasty.png") no-repeat 0 5px;}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
#footer{padding:40px 0; color:#8b8b8b; font-size:0.9em;}
#footer a.facebook{color:#286bb5;}
#footer a.twitter{color:#33bae6;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap{margin:0 auto; position:relative; width:980px;}
.buttonWrapper{margin-bottom:30px; text-align:center; background:url("img/double-border.png") repeat-x 0 50%;}
.buttonWrap{background:#ededed; padding:0 20px; display:inline-block;}

a.button{display:inline-block; height:45px; line-height:45px; text-decoration:none; cursor:pointer;}
a.button span{display:inline-block; padding:0 40px; font-size:1.2em; font-weight:400; height:45px;}
a.button:hover{background:#666; border-color:#666;}
a.button:hover span{border-color:#999;}

.gallery .photo{margin-left:20px;}
.gallery .photo:first-child{margin-left:0;}

a.photo{display:block; float:left;}
a.photo img, img.photo{display:block; float:left; border:1px solid #d3d3d3; background:#fff;}
a.photo:hover img{border-color:#999;}

.col1-3{width:308px; margin-left:26px; float:left;}
.col1-3 p:last-child, 
.col2-3 p:last-child{margin-bottom:0;}
.col1-3:first-child{margin-left:0;}
.col1-2{width:470px; margin-left:40px; float:left;}
.col1-2:first-child{margin:0;}

.marginBottom30{margin-bottom:30px;}

/*******************************************************************************************************************
*  CSS3                                                                                                    
*******************************************************************************************************************/
#header nav li a, #header nav li a span, #twitterBar .remove:hover{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

a.button{
	-webkit-box-shadow:0 8px 6px -6px #000;
	-moz-box-shadow:0 8px 6px -6px #000;
	-ms-box-shadow:0 8px 6px -6px #000;
	-o-box-shadow:0 8px 6px -6px #000;
	box-shadow:0 4px 4px -4px #000;
	}

a.button, a.button span{
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	}

a.button:hover{
	background:#666;
	border-color:#666;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
    background-image:-webkit-linear-gradient(top, #333333, #000000);
    background-image:-moz-linear-gradient(top, #333333, #000000);
    background-image:-ms-linear-gradient(top, #333333, #000000);
    background-image:-o-linear-gradient(top, #333333, #000000);
    background-image:linear-gradient(top, #333333, #000000);
	}
	       .userInfo {
           width: 990px;
           border-collapse: collapse;
       }
 
           .userInfo td {
               border: 1px solid black;
           }
 
       .header {
           text-align: center;
           font-weight: bolder;
       }
}
.contact-w3{
    margin: 4em auto 0;
    width: 30%;
    -webkit-appearance: none;
    background-color: rgba(7, 6, 11, 0.63);
    padding: 2em;
	border-radius:3px;
}
.contact-w3 input[type="text"], .contact-w3 textarea {
    width: 96%;
    padding: 0.7em;
    background: #fff;
    color: #000;
    border: none;
    outline: none;
    font-size: 0.95em;
    border-top: 3px solid #0c6da2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
}
.row {
    margin: 0.8em 0;
}
.row1 {
    margin-top: 0.8em;
}
.contact-left-w3 {
    float: left;
	width: 45%;
    margin-right: 5%;
}
.contact-right-w3l {
    float: left;
	width: 48%;
}
.contact-w3 textarea {
    resize: none;
    height: 150px;
}
.contact-w3 label {
    font-size: 0.95em !important;
    color: #000 !important;
	margin-bottom: 8px;
	display: block;
	font-weight: 600;
}
.contact-w3 input[type="submit"] {
    font-size: 1em;
    padding: 0.8em;
    display: block;
    margin-top: 1em;
    outline: none;
   background: #0c6da2;
    color: #fff;
    border: none;
    width: 100%;
	cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
	 font-family: 'Open Sans', sans-serif;
}
.contact-w3 input[type="submit"]:hover{
	   background: #fff;
	   color:#000;
}



.button {

	display:inline-block;

	margin-top:10px;

	padding:14px 20px;

	text-decoration:none;

	text-transform:uppercase;

	font-size:12px;

	font-weight:bold;

	color:#fff;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

}

.button:hover {

	color:#fff;

	text-decoration:none;

}