@charset "utf-8";


*
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

body
{
	background-color:#666666;
	margin:0px;
	padding:0px;
	background-image:url(../images/grid.jpg);
}

.mobileBook
{
	display: none;
}

#wrap
{
	width:890px;
	margin:auto;
	margin-top:35px;
	margin-bottom:35px;
	padding:10px;
	background-color:#FFF;
	box-shadow: 0 0 35px rgba(51, 51, 51, 1);
    -webkit-box-shadow: 0 0 35px rgba(51, 51, 51, 1); 
    -moz-box-shadow: 0 0 35px rgba(51, 51, 51, 1);
	height:900px;
}

#header
{
	width:888px;
	height:186px;
	background-color:#06182F;
	background-image:url(../images/layout/header-bg.png);
}

#header h1
{
	color:#25AADF;
	padding:75px;
	padding-top:120px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
}

#nav
{
	clear:both;
	margin-top:1px;
	width:888px;
	height:33px;
	background-color:#D2D2D2;
	background-image:url(../images/layout/nav.png);
	background-repeat:repeat-x;
}

#navShadow
{
	clear:both;
	height:33px;
	width:888px;
	margin-top:1px;
	background-image:url(../images/layout/navShadow.jpg);
	margin-bottom:10px;
}

#mainBox
{
	width:476px;
	height:240px;
	background-color:#EEEEEE;
	border-color:#E5E5E5;
	border-width:1px;
	border-style:solid;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	padding:20px;
	
}

.altWidth
{
	width:800px !important;
	height:70px !important;

}

#mainBox p, .contentArea p
{
	color:#25AADF;
	font-size:14px;
	font-weight:bold;
	margin:0px;
}

#mainBox h1, .content H1, .contentArea H1
{
	color: #06182E;
	font-size:29px;
	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding-bottom:5px;
}

.contentArea{
	color:#25AADF;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:40px;
	padding-top:20px;
	clear:both;
}

.heroClean
{
	width:315px;
	height:280px;
	float:left;
	margin-right:5px;
	border-radius:9px;
	background-image:url(../images/layout/hero.jpg);
}

.heroHolder
{
	clear:both;
	margin-top:20px;
	float:left;
	margin-left:20px;
}

.serviceBox
{
	width:212;
	height:130px;
	float:left;
	margin-left:1px;
}

.serviceBox .content
{
	background-image:url(../images/layout/phonefixed_r3_c2.png);
	background-position:top;
	background-repeat:repeat-y;
	width:210px;
	min-height:127px;
	background-color:#DFDFDF;
	border-color:#E5E5E5;
	border-width:1px;
	border-style:solid;
}

.serviceBox .content p
{
	font-weight:normal;
	padding:5px;
	margin:0px;
}

.serviceBox h2
{
	color:#FFF;
	margin:0px;
	font-size:13px;
	padding-top:9px;
	padding-left:6px;	
}

#heroScreen
{
	width:212px;
	height:130px;
	background-image:url(../images/layout/hero_screen.jpg);
}

#heroBack
{
	width:212px;
	height:130px;
	background-image:url(../images/layout/hero_back.jpg);
}

#heroBattery
{
	width:212px;
	height:130px;
	background-image:url(../images/layout/hero_battery.jpg);
}

#heroWater
{
	width:212px;
	height:130px;
	background-image:url(../images/layout/hero_water.jpg);
}

.adWarranty
{
	background-image:url(../images/layout/warranty.png);
	width:223px;
	height:71px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float:left;
	top:40px;
	position:relative;
}

.adStaff
{
	background-image:url(../images/layout/staff.png);
	width:238px;
	height:71px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float:right;
	top:40px;
	position:relative;
}

.book
{
	padding-left:45px;
	padding-top:15px;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	padding-top:8px;
	padding-left:7px;
}

#nav li {
    display: inline;
	margin:5px;
	margin-left:10px;
	margin-right:10px;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	border-radius:4px;
}

#nav a {

	font-size:15px;
	text-decoration:none;
	color:#016A9C;
	font-weight:bold;
}

#nav a:HOVER{
	color:#25AADF;
}

.boxLeft
{
	float:left;
	width:600px;
}

.boxRight
{
	float:right;
	width:250px;
	padding-top:25px;
}

.heroText{
color:white;
font-size:19px;
padding:20px;
padding-top:30px;
font-weight:bold;
}

/* @media Rule */
@media all and (max-width: 780px) {

body
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	background-image:none;
}

	#wrap{
		width: 100%;
	    margin: auto;
	    margin-top: 0px;
	    margin-bottom:0px;
	    padding: 0px;
	    background-color: #FFF;
		height: auto;
		box-shadow: none;

	}

	#header, #nav, #navShadow
	{
		width: 100%;
	}

	#nav {
		display: none;
	}


	#header {
		height: 195px;
	}

	#navShadow
	{
		background-position: center;
	}

	.heroHolder
	{
		display: none;
	}

	#mainBox
	{
		height:200px!important;
		padding: 10px;
		margin: 0px;
		width:90%;
		margin-left:5%;
		background-color: #ffffff;
		border-width: 0px;
	}

	.heroClean
	{
		float: left;
		clear: both;
		margin-top:10px;
		margin-left:20px;
		display: none;
	}

	.adHolderMobile {
		
		text-align: center;
		max-width:500px;
		margin: 0 auto; 
	}

	.adWarranty, .adStaff{
		float: left;
	    
	    margin-top:5px;
	    margin-left:0px;
	    margin-right:10px;
	    margin-bottom: 10px;
    }

    .book {
    	display: none;
    }

    .mobileBook {
    	display: block;
    }

    .mobileBook {
    	font-size: 14pt;
    	color:#CE1110;
    	text-align: center;
    	padding-top:20px;
    }

    .mobileBook a {
    	font-size: 14pt;
    	color:#CE1110;
    	text-align: center;
    	font-weight: bold;
    }

    .altWidth {
    	width:85% !important;
    }

    .contentArea {
    	padding: 0px;
    }

    .boxRight {
	display: none;
    }

    input {
    	width: 80%!important;
    }

    .inputBox, #Contact_Options, #NumberOfWindows
    {
    	width:80% !important;
    }

    #inputBox
    {
    	width:80% !important;
    }

    #form_container
    {
    	width:100%;
    }

    .appnitro
    {
    	width: 90%;
    }

    .boxLeft {
    	width: 90%;
    }
}