/* Universal Elements */

* {
	font-family: 'Century Gothic', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif ;
}

body {
	margin: 0px;
}

.reqMark {
	color: #FF0004;
}

#wrapper {
	width: 100%;
}

#navLogoArea {
	margin: 0px;
	height: 470px;
	width: 100%;
	-webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75); 
	background-image: url(../_images/diamond-143.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: local;
	z-index: 1;
	padding-top: 0px;
	position: relative;
}

nav {
	background-color: rgba(255,255,255,1.0);
	text-align: center;
	border-bottom: 3px solid #000;
	width: 100%;
	position: fixed;
	z-index: 9990 !important;
}

nav a {
	color: #000;
	text-decoration: none;
	height: 62px;
}

nav a:hover {
	color: #41A0CF;
}

nav ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	height: 62px;
	max-width: 1000px;
}

nav ul li {
	display: inline;
	font-size: 18px;
	font-weight: bold;
}

nav ul li#getStartedButton {
	margin-right: 0px;
	background-color: #41A0CF;
	border-radius: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
}

nav ul li#getStartedButton a {
	color: #fff;
}

nav ul li#getStartedButton:hover {
	color: #000;
	text-decoration: none;
	background-color: #D9A14E;
	border-color: #D9A14E
}

nav ul li#getStartedButton:hover a {
	color: #000;
}




/*  SUB MENU   */



	/*  Navigation Drop Down Menus  */
	
	nav ul li div#subMenu {
	  position: absolute;
	  z-index: 1000;
	  top: 40px;
	  width: 200px;
	  height: auto;
	  text-align: center;
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  padding: 0px;
	  color: #000;
	  margin: 0px auto;
	  margin-left: 275px;
	}
	
	nav ul li:hover div#subMenu {
		display: block;
		opacity: 1;
		visibility: visible;
	  	background-color: #fff; 
		box-shadow: rgba(0,0,0,0.8) 0px 6px 8px;
		font-size: 16px !important;
	  	height: 55px;
	}
	
	nav ul li:hover div#subMenu ul {
		font-size: 16px !important;
		list-style: none;
		padding: 0px;
		margin: 0px;
		margin-bottom: 8px;
		width: 200px !important;
	}
	
	nav ul li:hover div#subMenu ul li {
		padding: 0px;
		padding-left: 0px;
		line-height: 16px;
		cursor: pointer;
		padding-left: 35px;
	}

/*   END SUB MENU  */

header {
	max-width: 1000px;
	margin: 0px auto;
	height: 153px;
	text-align: left;
	z-index: 1005;
}

div#logo {
	max-width: 240px;
	margin: 0px auto;
	padding-top: 109px;
	text-align: center;
}

div#sloganArea {
	margin: 0 auto;
	height: 100px;
	max-width: 1000px;
	text-align: center;
	font-size: 55px;
	color: #fff;
	line-height: 140px;
	text-shadow: rgba(0,0,0,0.9) 0px 2px 4px;
	font-weight: bold;
	z-index: 10;
	display: block;
}

div#phoneBar {
	margin: 0 auto;
	background-color: #3f5e84;
	height: 70px;
	text-align: center;
	width: 100%;	
}

div#phoneBar div#phoneBarContent {
	margin: 0 auto;
	text-align: center;
	max-width: 1000px;
	height: 70px;
	background-image: url(../_images/arrow.png);
	background-position: 520px 10px;
	background-repeat: no-repeat;
}

div#phoneBar div#estimateTag {
	line-height: 70px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.95) 0px 2px 2px;
	font-size: 26px;
	float: left;
	width: 550px;
}

div#phoneBar div#phoneBlock {
	line-height: 70px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.95) 0px 2px 2px;
	font-size: 36px;
	float: right;
	width: 275px;
}

#portfolioBar {
	background-color: #090708;
	min-height: 345px; /*245*/
}

#portfolioContentWrapper {
	max-width: 1000px;
	margin: 0 auto;
}

#portfolioContentWrapper #portfolioLeft {
	max-width: 440px;
	float: left;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 50px;
}

#portfolioContentWrapper #portfolioRight {
	max-width: 525px;
	float: right;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	color: #e2b154;
	text-align: center;
}

#portfolioContentWrapper #portfolioRight #portfolioQuote {
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

#portfolioContentWrapper #portfolioRight #portfolioButton {
	margin: 0 auto;
	height: 46px;
	line-height: 46px;
	background-color: #3f5e84;
	color: #fff;
	text-shadow: rgba(0,0,0,0.8) 1px 1px 1px;
	border-radius: 15px;
	width: 85%;
	cursor: pointer;
}

#employLocBar {
	height: 265px;
	margin: 0 auto;
	background-color: #3f5e84;
	text-align: center;
	width: 100%;	
}

#employLocContentWrapper {
	max-width: 1000px;
	margin: 0 auto;
}

#employLocContentWrapper #employLocRight {
	width: 375px;
	float: right;
	margin: 0 auto;
	height: 205px;
	padding-top: 30px; 
	padding-bottom: 30px;
	background-image: url(../_images/employ_pic.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}

#employLocContentWrapper #employLocLeft {
	max-width: 405px;
	float: left;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	height: 205px;
	line-height: 31px;
	padding-top: 30px; 
	padding-bottom: 30px;
	padding-left: 195px;
	font-size: 21px;
	background-image: url(../_images/badgeJoinTeam.png);
	background-repeat: no-repeat;
	background-position: center left;
}

#employLocContentWrapper #employLocLeft #employButton {
	margin: 0 auto;
	height: 46px;
	line-height: 46px;
	background-color: #d9a14e;
	color: #000;
	text-shadow: rgba(255,255,255,0.8) 1px 1px 1px;
	border-radius: 15px;
	max-width: 200px;
	margin-top: 25px;
	cursor: pointer;
}

#EmploymentApplication {
	margin-bottom: 25px;
}

#EmploymentApplication h2 {
	margin: 0px;
	color: #600;
}

#EmploymentApplication fieldset {
	background-color: #ffc;
	border: 0px;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 10px;
	font-size: 12px;
}

#EmploymentApplication fieldset legend {
	background-color: #3F5E84;
	padding: 10px;
	margin: 0 auto;
	width: 90%;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 10px;
	text-align: center;
	border: 2px solid #fff;
}

#EmploymentApplication input[type="text"] {
	width: 300px;
	padding: 2px;
	text-align: left;
}

#EmploymentApplication input #ValidDriverLicenseState {
	width: 50px;
}

#EmploymentApplication textarea {
	min-width: 300px;
	padding: 2px;
	text-align: left;
}

#EmploymentApplication table {
	width: 100%;
	margin: 10px;
	border-top: 1px dashed #ccc;
}

#EmploymentApplication table tr th {
	text-align: left;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	padding-bottom: 4px;
}

#EmploymentApplication table tr td {
	text-align: left;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
	padding-bottom: 4px;
}

#mainContent {
	max-width: 1000px;
	margin: 0px auto;
	min-height: 400px;
}

#mainContent #contentLeft {
	max-width: 600px;
	float: left;
}

#mainContent #contentRight {
	width: 340px;
	float: right;
	padding-top: 30px;
	font-size: 20px;
	text-align: center;
	color: #900;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../_images/cust_list.jpg);
	background-repeat: no-repeat;
	background-position: center 75px;
	background-size: contain;
	min-height: 400px;
}

#mainContent #contentRight #linksResourcesDiv {
	margin: 10px;
	margin-top: 335px;
}

#mainContent #contentRight #linksResourcesDiv ul {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding-left: 0px;
	list-style: none;
}

#mainContent #contentRight #linksResourcesDiv ul li {
	padding: 5px;
	margin: 5px;
	color: #FFFFFF;
	background-color: #4D719E;
	border: 1px solid #41A0CF;
}

#mainContent #contentRight #linksResourcesDiv ul li a {
	color: #fff;
}

#mainContent #contentRight #linksResourcesDiv ul li a:hover {
	color: #41A0CF;
}

#mainContent #contentRight #linksResourcesDiv ul li:hover {
	color: #41A0CF;
	background-color: #fff;
	border: 1px solid #4D719E;
	cursor: pointer;
}

#mainContent #contentRight #linksResourcesDiv ul li:hover a {
	color: #41A0CF;
}

#facebook {
	width: 340px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;	
	float: right;
}

#mainContent h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #3f5e84;
	font-size: 35px; 
}

#mainContent #form1 {
	max-width: 90%;
	margin: 0 auto;
}

#mainContent #form1 .formLabelDiv {
	font-weight: bold;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: left;
}

#mainContent #form1 .formFieldDiv {
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}

#mainContent #form1  .submitDiv {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}

#mainContent #form1 .formFieldDiv input[type="text"], #mainContent #form1 .formFieldDiv input[type="tel"], #mainContent #form1 .formFieldDiv input[type="email"], #mainContent #form1 .formFieldDiv textarea {
	width: 90%;
	border-radius: 10px;
	padding: 10px;
	border: 2px solid #666;
	margin: 0 auto;
}


#mainContent #form1 .submitDiv input[type="submit"] {
	margin: 20px auto;
	font-size: 15px;
	width: 90%;
}

footer {
	background-color: #231f20;
	min-height: 160px;
	box-shadow: inset rgba(0,0,0,0.5) 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

footer div#footWrapper {
	max-width: 1000px;
	margin: 0 auto;
}


footer div#footWrapper #footLeft {
	max-width: 400px;
	float: left;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

footer div#footWrapper #footRight {
	max-width: 560px;
	float: right;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#locMap {
	height: 350px;
	max-width: 100%;
}

@media only screen 

and (min-width : 900px) { /* typically 1200 */

/* Desktops and laptops ----------- */

* {
	
}

body {
	
}

#wrapper {
	
}

nav {
	color: #fff;
}

nav ul {
	
}

nav ul li {
	margin-right: 40px;
	line-height: 62px;
}

header {
	
}

#mainContent {
	
}

footer {
	
}

footer div#footWrapper {
}


footer div#footWrapper #footLeft {
	border-right: 1px dashed #333;
	line-height: 60px;
	padding-top: 20px;
}

footer div#footWrapper #footRight {
	line-height: 20px;
}

#portfolioContentWrapper {
}

#portfolioContentWrapper #portfolioLeft {
}

#portfolioContentWrapper #portfolioRight {
	font-size: 22px;
}

#portfolioContentWrapper #portfolioRight #portfolioButton {
}


}



@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */

div#logo {
	max-width: 240px;
	margin: 0px auto;
	padding-top: 109px;
	text-align: center;
}



div#phoneBar {
	margin: 0 auto;
	background-color: #3f5e84;
	height: 175px;
	text-align: center;
	width: 100%;	
	line-height: auto;
}

div#phoneBar div#phoneBarContent {
	margin: 0 auto;
	text-align: center;
	background: none;
	width: 100%;
	line-height: auto;
}

div#phoneBar div#estimateTag {
	color: #fff;
	text-shadow: rgba(0,0,0,0.95) 0px 2px 2px;
	font-size: 20px;
	float: none;
	width: 100%;
	line-height: auto;
}

div#phoneBar div#phoneBlock {
	color: #fff;
	text-shadow: rgba(0,0,0,0.95) 0px 2px 2px;
	font-size: 52px;
	float: none;
	width: 100%;
	line-height: auto;
/*	background-image: url(../_images/arrow.png);
	background-position: 20px;
	background-repeat: no-repeat;
	background-size: 30%;*/
}

div#phoneBar div#phoneBlock a {
	color: #D9A14E;
	text-decoration: none;
}

/*div#logo img {
	max-width: 195px;
	height: auto;
}*/

#navLogoArea {
	margin: 0px;
	height: 470px;
	width: 100%;
	-webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75); 
	background-image: url(../_images/diamond-143.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: local;
	padding-top: 0px;
}

div#sloganArea {
	margin: 0 auto;
	height: auto;
	max-width: 100%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 25px;
	line-height: 40px;
	z-index: 10;
	display: block;
	color: #fff;
	text-shadow: rgba(0,0,0,1.0) 0px 0px 5px;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#facebook {
	float: none;
}

#mainContent {
	padding: 10px;
}

#mainContent #contentLeft {
	max-width: 600px;
	float: none;
}

#mainContent #contentRight {
	margin: 0 auto;
	width: 340px;
	float: none;
	padding-top: 30px;
	font-size: 20px;
	text-align: center;
	color: #900;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../_images/cust_list.jpg);
	background-repeat: no-repeat;
	background-position: center 75px;
	background-size: contain;
	min-height: 400px;
}

#mainContent h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #3f5e84;
	font-size: 25px; 
	margin: 10px auto;
	text-align: center;
}
	
	#phoneNumber {
		display: none;
	}
	
	
	

footer a {
	color: #D9A14E;
	text-decoration: none;
}

footer div#footWrapper {
}

footer div#footWrapper #footLeft {
	float: none; 
	display: block;
	width: 100%;
	padding: 0px;
	padding-pottom: 50px;
}

footer div#footWrapper #footLeft img {
}

footer div#footWrapper #footRight {
	margin-top: 20px;
	padding: 0px;
	padding-top: 20px;
	border-top: 1px dashed #333;
	float: none; 
	display: block;
	width: 100%;
	line-height: 20px;
}

#portfolioBar {
	margin: 0 auto;
}

#portfolioContentWrapper {
	margin: 0 auto;
}

#portfolioContentWrapper #portfolioLeft {
	margin: 0 auto;
	float: none; 
	display: block;
	width: 100%;
	padding: 0px;
	padding-pottom: 0px;
	text-align: center;
}

#portfolioContentWrapper #portfolioLeft img {
	max-width: 350px;
	height: auto;	
	margin-top: 25px;
}

#portfolioContentWrapper #portfolioRight {
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px;
	float: none; 
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
}

#portfolioContentWrapper #portfolioRight #portfolioQuote {
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
}


#employLocBar {
	min-height: 525px;
	margin: 0 auto;
	background-color: #3f5e84;
	text-align: center;
	width: 100%;	
}

#employLocContentWrapper {
}

#employLocContentWrapper #employLocRight {
	float: none;
 	max-width: 300px;
/*	margin: 0 auto;
	padding-top: 30px; 
	padding-bottom: 30px;
	background-image: url(../_images/employ_pic.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	height: 205px;*/
}

#employLocContentWrapper #employLocLeft {
	float: none;
	padding-left: 0px;
	padding-top: 160px; 
	background-position: center top;
	height: 105px;
/*	max-width: 405px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 31px;
	padding-bottom: 30px;
	font-size: 21px;
	background-image: url(../_images/badgeJoinTeam.png);
	background-repeat: no-repeat;*/
}

}



@media only screen 

and (min-width : 321px) {

/* Smartphones (landscape) ----------- *//*



#rotatorSloganArea {
	height: 143px;
	width: 100%;
	-webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.75); 
	background-image: url(../_images/flowers.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: local;
	z-index: 1;
	padding-top: 130px;
}

#rotatorSloganArea div#sloganArea {
	margin: 0 auto;
	height: 40px;
	max-width: 100%;
	background-color: rgba(0,0,0,0.4);
	text-align: center;
	font-size: 25px;
	line-height: 40px;
	z-index: 10;
	display: block;
	color: #fff;
	text-shadow: rgba(0,0,0,1.0) 0px 0px 5px;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#mainContent h1 {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #3f5e84;
	font-size: 25px; 
	margin: 10px auto;
	text-align: center;
}
*/
}





@media only screen 

and (max-width : 320px) {

/* Smartphones (portrait) ----------- */





}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

/* iPads (portrait and landscape) ----------- */



}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

/* iPads (landscape) ----------- */



}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

/* iPads (portrait) ----------- */





}



@media only screen 

and (min-width : 1700px) {

/* Large screens ----------- */



}



@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* iPhone 4 ----------- */



}