﻿/*body { margin:0px;padding:0px; overflow:hidden;
}

#banner{height:120px; border:1px solid whitesmoke; display:block; position:fixed; }
#wrapper{display:block; top:120px; position:absolute; text-align:center;}
#wrapper div{display:inline-block;margin:0px; clear:left;}

.div377x251{width:377px; height:251px; background-color:hotpink;  border:1px solid whitesmoke;}*/

/* all */

/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Kreon:300,400);
@import url(http://fonts.googleapis.com/css?family=Special+Elite);*/

html{height:100%; margin:0px; padding:0px;}
body{height:100%; margin:0px; padding:0px; font-family: "futura-pt",sans-serif; background-color:#999999; color: #CECCCC; /*rgb(102, 102, 102)*/; font-size:18px}
form{height:100%; margin:0px; padding:0px;}
#wrapper{height:100%; margin:0px Auto 0px Auto; padding:0px; width:1100px; background: #333333;  }

.CarouselPopUp{ width:100%; display:none;}

.ImageTbl{width:740px;}
.ImageTbl td{padding:40px}
.ImageTbl img{padding:40px}
.ImageTbl span{clear:both; bottom:0px; display:block;}

#mainNav, #content, #footer{ clear:both; width:100%; margin:0px Auto 0px Auto; padding:0px; text-align:center;  background: #333333;  }

#mainNav{min-height:9%; }
#content{min-height:79%;}
#footer{min-height:9%; padding-bottom:12px;}

#logo img {width:43%;}

#mainNav, #logo{display:block;}
#logo{margin-top:1.2em;}

#content{margin:Auto;}

#mainNav ul, #footerNav ul{ display:inline-block; margin:0px; padding:0px;}

#mainNav a, #footerNav a{display:inline-block; margin:0px;  color: #CECCCC; /*rgb(102, 102, 102)*/; text-decoration:none;  }
#mainNav a{/*padding: 0.3em 0.65em 0.4em 0.65em; font-size:1.3em;*/padding: 0.3em 0.45em 0.4em 0.45em; font-size: 1.8em; }
#footerNav a{padding: 0.4em 0.65em 0.4em 0em; font-size:1em;}
#mainNav a:hover, #footerNav a:hover{text-decoration:underline; color: #CECCCC; /*rgb(102, 102, 102)*/}


#mainNav li, #footerNav li{list-style-type:none; display:inline-block; margin:0px; padding:0px;}
#banner, #mainNav, #footerNav {margin:Auto}

a.bignav{ font-weight:300; color:#231F20; text-decoration:none;}
a{color: #CECCCC; /*rgb(102, 102, 102)*/
  }
  a:hover{color:#FFFFFF}

h1{font-weight:300; font-size:1.6em }


/*p{margin: 0px 0px 1em 0px;}*/
#footer p, #footerNav{position:relative; margin:Auto Auto Auto Auto;  }
#footerNav{padding-bottom:1.1em; }


.valError .error{border:2px none #FF0000; display:block; color:#FF0000}

td.label{width:25%}


input:not([type="button"]), textarea{border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:1px solid #CACEC2;
font-size:1.1em;
padding:0.28em 0.25em 0.25em 0.25em;
width:100%;

}


input.error{border:2px solid #FF0000;}


input[type="button"]{border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:1px solid #CACEC2;
font-size:1.3em;
padding:0.28em 0.25em 0.25em 0.25em;
width:4.1em;
 
}

.tblForm{width:80%}
.frmTitle{display:none;}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */

#footer p{font-size:1em;}





}

  /* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */


}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}



/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:landscape),
only screen and (min-device-pixel-ratio : 1.5) and (orientation:landscape)
 {
/* Styles */


}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 1.5) and (orientation:portrait)
 {
/* Styles */
#content, #footer p, #footerNav{width:90%;}

/*#logo{ width:80%;}
#copy p{font-size:4em;}
#copy{margin-left:10%}
#hello{ width:50%;}*/

}







/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}