@charset "UTF-8";
/* CSS Document */

html { overflow-y:scroll; }

body {
   width:100%; /* Needed to avoid a redrawing bug in Firefox when resizing windows */
   height:100%;
}

ul {font-family: 'Carrois Gothic SC', sans-serif; font-style: italic;}
.boxfont {font-family: 'BenchNine', sans-serif; color:white;}

a:link {text-decoration:none; color:#FFFFFF;}		/* unvisited link */
a:visited {text-decoration:none; color:#FFFFFF;}  	/* visited link */
a:hover {text-decoration:none; color:#C4EAFF;}  	/* mouse over link */
a:active {text-decoration:none; color:#0000FF;}  	/* selected link */

/* fonts */


#lower2font {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 26pt;
	color:#C4EAFF;
}
#lower2font-1 {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	color:#C4EAFF;
}
#poshetimes {
	text-align: justify;
	padding: 10px 10px 10px 20px;
	-moz-column-count: 2;
	-moz-column-gap: 35px; 
	-moz-column-rule: 1px solid #c4c8cc; 
	-webkit-column-count: 2;
	-webkit-column-gap: 35px; 
	-webkit-column-rule: 1px solid #c4c8cc; 
	column-count: 2;
	column-gap: 40px; 
	column-rule: 1px solid #c4c8cc;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 11pt;
	color:#fff;
}

#textarea {padding: 25px;}
#imagealign {align: center;}
#wrap {
  position:relative;
  z-index:999;
  max-width:860px;
  margin: 0 auto;
  position:relative;
  text-align: left;
}

#backdrop {
	text-align: center;
	background-image:url('images/background.jpg');
	background-color:#cccccc;
}

#container {
	text-align:left; /* reset text alignment */ 
	width:100%; /* or a percentage, or whatever */ 
	margin:0 auto; /* for the rest */ 
}
 
#imglogo { position:absolute;top:25px;left:25px;z-index:10;}

#navbar {
	position:absolute;
	top:65px;
	left:5px;
	width:860px;
	height:15px;
	padding:5px;
	background-image:url('images/25.png');
	text-align: right;
}
 
#mainbody {
	position:absolute;
	top:95px;
	left:5px;
	width:860px;
	height:379px;
	padding:5px;
	background-image:url('images/15.png');
	text-align: middle;
	vertical-align:top;
}
#products {
	position:absolute;
	top:95px;
	left:5px;
	width:850px;
	height:494px;
	padding:5px 5px 5px 15px;
	background-image:url('images/15.png');
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14pt;
	color:#FFF;
	text-align: center;
}
#producttitle {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 18pt;
	color:#BDF7FF;
}
#textsmall {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 10pt;
	color:#000;
}
#floatright { float:right;
margin-left:25px;
border-style:groove;
border-width:3px;
}
#services {
	position:absolute;
	top:95px;
	left:5px;
	width:850px;
	height:494px;
	padding:5px 15px 5px 5px;
	background-image:url('images/15.png');
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14pt;
	color:#FFF;
	text-align: center;
}
#special1 {
	width:400px;
	height:150px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#FFF;
	border:1px dashed #000;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14pt;
	color:#000;
	text-align: center;
}
#special2 {
	width:400px;
	height:150px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#FFF;
	border:1px dashed #000;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14pt;
	color:#000;
	text-align: center;
}
#services #bquote {
	float:left;
	width: 485px;
	background-image:url('images/15.png');
	border : 1px solid #222; 
	padding: 0 5px 5px 5px;
	font-size: 11pt;
}
#services #bquote #bleft {
	float:left;
	width:230px;
}
#services #bquote #bright {
	float:right;
	width:230px;
}

#floatleft { float:left;
margin-right:25px;
border-style:groove;
border-width:3px;
}
#Stafftextright {
	position:absolute;
	top:85px;
	left:300px;
	width:500px;
	padding:5px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	color:#000;
	text-align: left;
}
#Stafftextleft {
	position:absolute;
	top:85px;
	left:25px;
	width:500px;
	padding:5px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	color:#000;
	text-align: left;
}
#mainbox {
	position:absolute;
	top:15px;
	left: 665px;
	width: 200px;
	height: 379px:
	padding: 5px;
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size: 16pt;
	color:#fff;
	text-align: left;
}

#mainbox #phours {
	margin:5px 5px 5px 5px;
	font-family: 'Carrois Gothic SC', sans-serif;
	float:left;
	width:182x;
	color:#fff;
	text-align: justify;
	font-size: 11pt;}

#mainbox #phours #phoursleft {
	float:left;
	width: 90px;
	padding: 0px 0px 2px 5px;
}
#mainbox #phours #phoursright {
	float:left;
	width: 90px;
	padding: 0px 0px 0px 5px;
}
 
#lower1 {
	position:absolute;
	top:490px;
	left:5px;
	width:275px;
	height:100px;
	padding:5px;
	background-image:url('images/15.png');
	text-align: middle;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	color:#FFF;

	/* flexbox, por favor */
 	display: -webkit-box;
  	-webkit-box-orient: horizontal;
  	-webkit-box-pack: center;
  	-webkit-box-align: center;
 
  	display: -moz-box;
  	-moz-box-orient: horizontal;
  	-moz-box-pack: center;
  	-moz-box-align: center;
  
  	display: box;
  	box-orient: horizontal;
  	box-pack: center;
  	box-align: center;
}

#lower1image {
	position:relative;
	float:left;
	margin: 7px;
}

#lower2 {
	position:absolute;
	top:490px;
	left:298px;
	width:275px;
	height:100px;
	padding:5px;
	background-image:url('images/15.png');
	text-align: center;

	/* flexbox, por favor */
 	display: -webkit-box;
  	-webkit-box-orient: horizontal;
  	-webkit-box-pack: center;
  	-webkit-box-align: center;
 
  	display: -moz-box;
  	-moz-box-orient: horizontal;
  	-moz-box-pack: center;
  	-moz-box-align: center;
  
  	display: box;
  	box-orient: horizontal;
  	box-pack: center;
  	box-align: center;
} 

#lower3 {
	position:absolute;
	top:490px;
	left:590px;
	width:275px;
	height:100px;
	padding:5px;
	background-image:url('images/15.png');
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	font-style:italic;
	color:#FFF;

	/* flexbox, por favor */
 	display: -webkit-box;
  	-webkit-box-orient: horizontal;
  	-webkit-box-pack: center;
  	-webkit-box-align: center;
 
  	display: -moz-box;
  	-moz-box-orient: horizontal;
  	-moz-box-pack: center;
  	-moz-box-align: center;
  
  	display: box;
  	box-orient: horizontal;
  	box-pack: center;
  	box-align: center;
}

#footer {
	position:absolute;
	top:605px;
	left:5px;
	width:860px;
	height:20px;
	padding:5px;
	background-image:url('images/15.png');
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12pt;
	font-style:italic;
	color:#b3b3b3;
} 

div#navigation{ 
    background: #FFF; /* Old browsers */
    border-radius: 4px;
}
#navigation ul, #navigation li{ list-style:none; padding:0px; margin:0; display:inline; }
#navigation ul li{ float:right; position:relative; }
#navigation ul li a{ 
    display:block; 
    padding:0px 10px; 
    margin:1px; 
    font-size:14px; 
    white-space:nowrap; 
    border-radius:5px;
}
#navigation ul li a:hover{ background:#222;}
#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background:#333; 
    padding: 5px; 
    border:1px solid #444; 
    border-top:none; 
    box-shadow:#111 0 3px 4px; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
}
#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:100%; 
    opacity: 0; 
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
    border:1px solid #444;
}
#navigation ul li:hover>ul{ opacity: 2; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#333; }

#posheshow1 {
    position:absolute;
    width:644px;
    height:365px;
    margin:5px 5px auto;
    box-shadow: 0 0 5px #C4EAFF;
    z-index:1; 
}
#posheshow2 {
	float:right;
    position:absolute;
    width:275px;
    height:430px;
    margin:5px 5px auto;
    box-shadow: 0 0 5px #C4EAFF;
    z-index:1; 
}
#Alicia {
	background-color: #FFF;
	background-image: url("images/Alicia.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Heidi {
	background-color: #FFF;
	background-image: url("images/Heidi.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#KarenT {
	background-color: #FFF;
	background-image: url("images/KarenT.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Katie {
	background-color: #FFF;
	background-image: url("images/Katie.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Teresa {
	background-color: #FFF;
	background-image: url("images/Teresa.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Cyndi {
	background-color: #FFF;
	background-image: url("images/Cyndi.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Judy {
	background-color: #FFF;
	background-image: url("images/Judy.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Julie {
	background-color: #FFF;
	background-image: url("images/Julie.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#KarenA {
	background-color: #FFF;
	background-image: url("images/KarenA.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Michelle {
	background-color: #FFF;
	background-image: url("images/Michelle.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}
#Hilary {
	background-color: #FFF;
	background-image: url("images/Hilary.jpg");
	position:absolute;
	top:8px;
	left:8px;
	width:850px;
	height:369px;
	text-align: middle;
	vertical-align:top;
}