@import "reset.css";

@import "1224.css";

/*////////////////////////////////////////////////////////////////////*/
/*
  Master CSS ~ Client Name
  Developed by Lyle Hebel @ Massive
*/

p{
	font-size: 14pt;
	font-family: sans-serif;
	text-align: left;
	font-style: !important;
	font-weight: 100;
	line-height: 1.5;
	padding: 50px 20px 0px 20px;
	color: #666666;
}

h1{
	font-size: 60pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: left;
	padding-top: 180px;
	color: #000;
}

h2{
	font-size: 30pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 1.25;
	padding-top: 50px;
	color: #666666;
}

h3{
	font-size: 18pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 1.25;
	padding: 30px 20px 0px 20px;
	color: #666666;
}

h4{
	font-size: 60pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
	color: #ff0000;
}

h5{
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #666666;
}

h6{
	font-size: 40pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 1.25;
	padding: 50px 20px 0px 20px;
	color: #cccccc;
}

h6 a{
	font-size: 40pt;
	font-family: sans-serif;
	font-weight: 100;
	text-align: left;
	line-height: 1.25;
	color: #cccccc;
}

a{
	text-decoration: none;
	color: #666666;
}

a:hover{
	color: #ff0000;
}

.header{
	min-height: 800px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#spacer{
	height: 20px;
	background:url(../img/spacer.png) repeat-x;
}

#nav{
    list-style:none;
    margin-top: 30px;
    float:right;
    position:relative;
    z-index: 999;
}

#nav li{
    float:left;
    position:relative;
}

#nav a{
    display:block;
    padding:15px;
    color:#000;
    font-family: sans-serif;
	font-style: normal;
	font-weight: 100;
    text-decoration:none;
}
#nav a:hover{
    color: #ff0000;
}

#logo{
	padding-top: 11px;
}

#serv{
	padding-top: 20px;
}

#tips, #tips li{
	margin:0;
	padding:0;
	list-style:none;
	}
#tips{
	}
#tips li{
	
	display:none; /* hide the items at first only */
	}





/*////////////////////////////////////////////////////////////////////*/
/* End of Master Elements 
////////////////////////////////////////////////////////////////////*/
/*
Responsive Site Specific Layout ELementes ~ You Can Fuck With These Brian
*/
/* Break 1 (iPhone Portrait +)----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
	
p{
	font-size: 12pt;

}

h1{
	font-size: 40pt;
	padding-top: 20px;
	padding-bottom: 30px;
}

h2{
	font-size: 18pt;
	text-align: left;
	line-height: 1.25;
	padding: 30px 20px 0px 20px;
}

h4{
	font-size: 30pt;
}

h6{
	font-size: 16pt;
	padding: 0px 20px 20px 20px;
}

h6 a{
	font-size: 16pt;
}

.header{
	min-height: 200px;
}


#nav{
    list-style:none;
    margin-top: 10px;
    padding-right: 10px;
    float:right;
    position:relative;
    z-index: 999;
}

#quotes{
	height: 250px;
}
	
}

/* Break 2  (iPhone 4 & 4s Lanscape)----------- */
@media only screen and (min-width : 321px)
and (max-width : 480px) {
	/* Styles */
	
p{
	font-size: 12pt;

}

h1{
	font-size: 40pt;
	padding-top: 20px;
	padding-bottom: 30px;
}

h2{
	font-size: 20pt;
	text-align: left;
	line-height: 1.25;
	padding-top: 30px;
}

.header{
	min-height: 200px;

}

#nav{
    list-style:none;
    margin-top: 10px;
    padding-right: 25px;
    float:right;
    position:relative;
    z-index: 999;
}

	
}

/* Break 3 (Non Apple Smart Phones/Tablets + iphone 5 Landscape)----------- */
@media only screen and (min-width : 481px)
and (max-width : 767px) {
	/* Styles */
	
p{
	font-size: 10pt;
	text-align: left;
	line-height: 1.25;
	padding: 20px 20px 0px 20px;
}

h1{
	font-size: 40pt;
	padding-top: 20px;
	padding-bottom: 30px;
}

h2{
	font-size: 20pt;
	text-align: left;
	line-height: 1.25;
	padding: 20px 20px 30px 20px;
}

h4{
	font-size: 30pt;
}

h6{
	font-size: 26pt;
	padding: 0px 20px 20px 20px;
}

h6 a{
	font-size: 26pt;
}

.header{
	min-height: 200px;

}

#nav{
	padding-right: 105px;
    margin-top: 0px;
}

#quotes{
	height: 200px;
}

img.logo{
	padding-left: 80px;
}

	
}

/* Break 4 (iPad Portrait +) ----------- */
@media only screen and (min-width : 768px)
and (max-width : 1023px) {
	/* Styles */
	
p{
	font-size: 12pt;
	text-align: left;
	line-height: 1.5;
	padding: 30px 20px 0px 20px;
}

h1{
	font-size: 60pt;
	padding-top: 20px;
	padding-bottom: 30px;
}

h2{
	font-size: 20pt;
	text-align: left;
	line-height: 1.25;
	padding: 30px 20px 0px 20px;
}

h4{
	font-size: 38pt;
	padding-top: 30px;
}

h6{
	font-size: 16pt;
	padding: 0px 20px 20px 20px;
}

h6 a{
	font-size: 16pt;
}

.header{
	min-height: 200px;

}

#nav{
    list-style:none;
    margin-top: 19px;
    padding-right: 10px;
    float:right;
    position:relative;
    z-index: 999;
}

#quotes{
	height: 250px;
}
	
}

/* Break 5 (iPad Landscape +) ----------- */
@media only screen
and (min-width : 1024px) {
	/* Styles */
	
h2{
	font-size: 24pt;
	text-align: left;
	line-height: 1.25;
	padding: 50px 20px 0px 20px;
}

h4{
	font-size: 48pt;
	
}

h6{
	font-size: 24pt;
	padding: 0px 20px 20px 20px;
}

h6 a{
	font-size: 24pt;
}
	
}

/* Break 6 (Desktop) ----------- */
@media only screen
and (min-width : 1224px) {
	/* Styles */
	
}

/* iPhone 4 & 4s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
	
}

/* Retnia Devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2.0),only screen and (min-device-pixel-ratio : 2.0) {
	/* Styles */
	
}