body
{
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size:13px;
}

div.clouds
{
 height:50px;
 background-size:100% 100%;
 background-repeat:no-repeat;
 box-shadow: 9px 13px 5px #888888;
 -webkit-box-shadow: 9px 13px 5px #888888; /* Safari */
 margin:0 1px 0 0;
}

div.companyname
{
 font-size:22px;
 float:left; 
 margin:10px 0px 0px 24px;
 line-height:100%;
}

table.hawktable
{
margin-left: auto;
margin-right: auto;
border-style:ridge;
padding: 12px 12px 12px 12px;
}

td
{
padding: 1px 1px 1px 1px;
white-space: nowrap;
} 

div.paper
{
 font-family:Tahoma, Verdana, Arial, sans-serif;
 background-image:url('/styles/blackwhite.png');
 background-size:100% 100%;
 background-repeat:no-repeat;
 border:1px solid #585858;
 box-shadow:8px 13px 5px #888888;
 -webkit-box-shadow: 8px 13px 5px #888888; /* Safari */
 padding:12px 24px 12px 24px;
 margin:12px 3px 12px 3px;
}

div.pageheader
{
 height:65px;
 background:transparent url(/styles/blue3.jpg) no-repeat;
 background-size:100% 100%;
 border:2px solid #585858;
 font-family:Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 color:#ffffff;
 font-size:18px;
 padding:5px 0 10px 0;
 line-height:28px;
 text-align:center;
 box-shadow:8px 16px 5px #888888;
 -webkit-box-shadow:8px 10px 5px #888888; /* Safari */
}

h1
{
 background:transparent url(/styles/blue3.jpg) no-repeat;
 background-size:100% 100%;
 border:2px solid #585858;
 padding:3px 0 8px 0;
 font-family:Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 color:#ffffff;
 font-size:18px;
 margin:0 0 20px 0;
 text-align:center;
 box-shadow:8px 10px 5px #888888;
 -webkit-box-shadow: 8px 10px 5px #888888; /* Safari */
}

.shadow
{
 box-shadow:10px 10px 5px #888888;
 -webkit-box-shadow:10px 10px 5px #888888; /* Safari */
} 

div.copyright
{
 font-size:10px;
 font-family:Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 color:#ffffff;
 background:transparent url(/styles/blue3.jpg) no-repeat;
 background-size:100% 100%;
 border:2px solid #585858;
 padding:5px 0 8px 0;
 margin:30px 0 20px 0;
 text-align:center;
 box-shadow:8px 10px 5px #888888;
 -webkit-box-shadow: 8px 10px 5px #888888; /* Safari */
}

div.smsstatus
{
 font-size:12px;
 font-family:Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 padding:24px 0px 0px 0px;
}

div.contactus
{
 font-size:14px;
}

body.control
{
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size:11px;
 background-image:url('');
 background-repeat:repeat-x;
 padding:24px 24px 24px 24px;
 margin:12px 24px 12px 24px;
}

p
{
 margin:12px 0px 12px 0px;
 text-align:justify;
}

p.centered
{
 margin:12px 0px 12px 0px;
 text-align:center;
}

b
{
 color:#0B3861;
}

h2
{
 background: transparent url(/styles/blue3.jpg) no-repeat;
 background-size:100% 100%;
 border:2px solid #585858;
 padding:5px 0px 8px 0px;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 text-shadow:0 0 2px #000;
 color:#ffffff;
 font-size:12px;
 margin:20px 0px 20px 0px;
 text-align:center;
 box-shadow:8px 10px 5px #888888;
 -webkit-box-shadow:8px 10px 5px #888888; /* Safari */
}

h3
{
 font-size:60px;
 text-align:center;
}

img.centered
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 box-shadow:10px 10px 5px #888888;
 -webkit-box-shadow:10px 10px 5px #888888; /* Safari */
 margin-bottom:24px;
}

img.rightside
{
 float:right;
 margin: 0px 0px 15px 15px;
}

img.frame
{
 box-shadow:10px 10px 5px #888888;
 -webkit-box-shadow:8px 10px 5px #888888; /* Safari */
}

img.captimage
{
 vertical-align:top;
}

img.hawklogo
{
 box-shadow:10px 10px 5px #888888;
 -webkit-box-shadow:10px 10px 5px #888888; /* Safari */
 float:left;
 margin:0px 18px 12px 0px;
}

img.sitelogo
{
 float:left;
 padding:0px 0px 0px 5px;
}

li.features
{
 font-size:11px;
 margin-bottom:5px;
}

i
{
 color:black;
}

div.camera
{
 margin: 0px 12px 0px 12px;
 font-size:5px;
}

input.bigbutton
{
font-size:48px;
}

input.mediumbutton
{
font-size:18px;
width:140px; 
box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888; /* Safari */
margin:0px 10px 20px 0px;
}

button.mediumbutton
{
font-size:18px;
width:140px; 
box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888; /* Safari */
margin:0px 10px 20px 0px;
}

input.longbutton
{
font-size:18px;
width:190px; 
box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888; /* Safari */
margin:0px 10px 20px 0px;
}


input.logbutton
{
font-size:15px;
width:110px; 
box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888; /* Safari */
margin:0px 10px 10px 0px;
}

input.filebutton
{
font-size:24px;
width:500px;
margin:0px 10px 20px 0px;
}

input.officebutton
{
font-size:28px;
width:320px;
margin:12px 20px 20px 0px;
}

input.airconbutton
{
font-size:18px;
width:140px; 
box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888; /* Safari */
margin:0px 10px 20px 0px;
}

input.topback
{
width:55px; 
margin:5px 0px 5px 0px;
}


div.centered
{
text-align:center;
}

img.iphone
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 padding-top:12px;
 padding-bottom:12px;
 padding-right:36px;
}

fieldset
{
border:none;
}

div.uploads
{
  background-image:url('/styles/hawkback.jpg');
  background-repeat:repeat-x;
  font-size:12px;
  position:absolute;
  top:12px;
  width:89%;
  height:18em;
  padding-top:24px;
  border:2px solid darkblue;
 }


/*----------- Main Menu -------------*/

div.menu
{
 float:right; 
 margin:0px 15px 0px 0px;
}

ul.menu 
{
  font-family:Tahoma, Verdana, Arial, sans-serif;
  font-size:13px;
  list-style:none;
  text-align:left;
}

ul.menu li.menu
{
  display:block;
  position:relative;
  float:left;
}

li.menu ul.menu
{ 
 display:none;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

ul.menu li.menu a 
{
  font-size:13px; 
  display:block;
  text-decoration:none;
  color:#fff;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  padding:3px 15px 3px 15px;
  background:transparent url(/styles/blue4.jpg) no-repeat;
  white-space:nowrap;
}

ul.menu li.menu a:hover 
{ 
 background:transparent url(/styles/blue4.jpg) no-repeat;
}

li.menu:hover ul.menu
{
 display:block;
 position:absolute;
}

li.menu:hover li.menu
{
 float:none;
}

/* ----------- Sub Menu --------------*/

ul.sub
{
 display:none;
}

ul li:hover > ul
{
 display:block;
}

ul.sub
{
display:none;
list-style:none;
position:absolute;
left:74%;
top:0;
}

table 
{
 margin-left:auto; 
 margin-right:auto;
 width:75%; 
 margin-left:5%; 
 margin-right:5%;
 border-collapse:collapse;
} 

table.centered 
{
 margin-left:auto; 
 margin-right:auto;
 width:90%; 
 margin-left:5%; 
 margin-right:5%;
 border-collapse:collapse;
} 

#grid
{
 font-family: Helvetica, Arial, sans-serif;
 width:100%; 
 margin-left:0%; 
 margin-right:0%;
 border-collapse:collapse;
 border:1px solid #006666;
}


#grid td, #grid th 
{
 font-size:0.9em;
 border:1px solid #006666;
 padding:2px 10px 2px 10px;
}

#grid th 
{
 background: transparent url(/styles/barbluesmall.png) no-repeat;
 background-size:100% 100%;
 font-size:0.9em;
 text-align:center;
 padding-top:5px;
 padding-bottom:5px;
 color:#ffffff;
}

#grid tr.alt td 
{
 color:#000000;
 background-color:#006666;
}

#tidy form { display: table; }
#tidy p { display: table-row; }
#tidy label { display: table-cell; padding-right: 10px; }
#tidy input { display: table-cell; }
#tidy select { display: table-cell; }


/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){

body
{
 font-family:Arial, sans-serif;
 font-size:16px;
}

table 
{
 margin-left:auto; 
 margin-right:auto;
 width:100%; 
 margin-left:0%; 
 margin-right:0%;
 border-collapse:collapse;
} 

p
{
 margin:24px 10px 24px 10px;
 text-align:justify;
}

p.centered
{
 margin:24px 0px 24px 0px;
 text-align:center;
}

div.companyname
{
 font-size:40px;
 float:left; 
 margin:10px 0px 0px 24px;
 line-height:100%;
}

img.hawklogo
{
 float:left;
 margin:5px 30px 5px 10px;
}

div.smsstatus
{
 font-size:15px;
 font-weight:normal;
}

input.mediumbutton
{
width:220px; 
margin:20px 0px 20px 0px;
}

input.airconbutton
{
width:400px; 
margin:30px 0px 30px 0px;
font-size:50px;
}

input.topback
{
font-size:30px;
width:125px; 
margin:5px 0px 5px 0px;
}

div.paper
{
 margin:2px 2px 2px 2px;
 padding:10px 20px 10px 20px;
}

div.clouds
{
 height:82px;
}

div.copyright
{
 font-size:20px;
 padding:5px 0 6px 0;
 margin:60px 0 20px 0;
}

div.smsstatus
{
 font-size:18px;
 font-family:Tahoma, Verdana, Arial, sans-serif;
 padding:24px 0px 0px 10px;
}

h1.mainheader
{
 height:80px;
 font-size:50px;
 padding:17px 0 0 0;
}

h1
{
 font-size:30px;
 margin:0px 0px 30px 0px;
 padding:8px 0px 18px 0px; 
}

h2
{
 font-size:30px;
 margin:20px 0px 20px 0px;
 padding:6px 0px 12px 0px; 
}

h3
{
 font-size:60px;
 text-align:center;
}

div.contactus
{
 font-size:28px;
}

li.features
{
 font-size:22px;
 margin-bottom:5px;
}

input.bigbutton
{
font-size:48px;
}

input.mediumbutton
{
font-size:25px;
width:210px; 
margin:0px 10px 20px 0px;
}

button.mediumbutton
{
font-size:25px;
width:210px; 
margin:0px 10px 20px 0px;
}

input.filebutton
{
font-size:35px;
width:700px;
margin:0px 10px 20px 0px;
}

input.airconbutton
{
font-size:50px;
width:390px; 
margin:0px 30px 50px 0px;
}

input.topback
{
font-size:25px;
width:180px; 
margin:10px 10px 20px 10px;
}


ul.menu 
{
 font-size:27px;
}

ul.menu li.menu a:hover 
{ 
 background:transparent url(/styles/blue3.jpg) no-repeat;
}

ul.menu li.menu a 
{
  background:transparent url(/styles/blue3.jpg) no-repeat;
  font-size:20px;
  font-weight:600;
  display:block;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
  padding:15px 27px 15px 27px;
  white-space:nowrap;
}

li.menu:hover li.menu
{
 float:none;
 font-size:27px;
}


}