/***RESET***/

html, body, div, span, object, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, 
small, sup, sub,dl, dt, dd, ol, ul, li, fieldset, form, article
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/**********FOR TABLES**********
table, thead, tfoot, tbody, th, tr, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}
******************************/
/****END RESET***/

html
{
width:100%;
background-image:url('multimedia/graphics/background.png');
}

body
{
font-size:100%;
/*font-family:'lucida grande',tahoma,verdana,arial,sans-serif;*/
}

a:visited
{
color:#01ad9f;
}

/*****BEGIN HEADER STYLES**************************************************************************/
.header
{
margin:15px auto;
left:0;right:0;
width:892px;
height:333px;
position:relative;
background-image:url('multimedia/graphics/socialNetworksBG.png');
}

.logoWrap
{
width:250px;
height:227px;
float:left;
display:inline;
position:relative;
}

.logo
{
width:100%;
height:100%;
}

.slideshow
{
float:left;
width:392px;
height:227px;
display:inline;
position:relative;
background-image:url('multimedia/graphics/middleWrapBG.png');
left:-1px;
}

.slideshow img
{
width:370px;
height:223px;
-webkit-box-shadow: inset 0 0 35px 14px #cbe9fd;
-moz-box-shadow: inset 0 0 35px 14px #cbe9fd;
box-shadow: inset 0 0 35px 14px #cbe9fd;
-webkit-border-radius: 105px;
-moz-border-radius: 105px;
border-radius: 105px;
border:2px solid #006d6e;
float:left;
position:relative;
margin-left:11px;
}

.socialNetworks
{
width:250px;
height:227px;
display:inline;
float:left;
text-align:center;
position:relative;
}

.socialNetworks a
{
margin-top:8px;
display:inline-block;
text-decoration:none;
}

.socialNetworks p
{
display:block;
float:right;
clear:both;
color:#01ad9f;
position:relative;
text-align:center;
right:7px;
font-style:italic;
font-size:0.88em;
}

.creditCardLogos
{
position:absolute;
bottom:6px;
right:6px;
}

.navWrap
{
width:inherit;
height:106px;
background-image:url('multimedia/graphics/navBG.png');
float:left;
text-align:center;
position:relative;
}

.navWrap h1
{
width:500px;
height:42px;
line-height:42px;
display:inline-block;
padding:0 15px;
position:relative;
margin:5px 0;
background-color:#ecebe9;
text-align:center;
font-size:20px;
font-weight:bold;
font-family:"Franklin Gothic Book", sans-serif;
color:#dc6e00;
border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
 overflow:hidden;
}

.navWrap ul
{
width:715px;
height:48px;
display:inline-block;
position:absolute;
right:0;bottom:3px;
}

.navWrap ul li
{
float:left;
width:111px;
height:42px;
margin-right:2px;
background-color:#3b3b3b;
border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border:3px solid #777777;
 position:relative;
 display:inline-block;
 opacity:.7;
}

.navWrap ul li:hover
{
 opacity:1;
transform:scale(1.1);
transition-duration:1.5s;
}

.navWrap ul li img
{
float:left;
opacity:.99;
position:relative;
left:10px;
top:3px;
}

.navWrap ul li a:link
{
float:right;
position:absolute;
right:5px;
color:#ecebea;
font-size:1.25em;
top:12px;
text-decoration:none;
font-family:"Franklin Gothic Book", sans-serif;
font-weight:bold;
}

.navWrap ul li a:hover
{
text-decoration:underline;
color:orange;
transition-duration:1.5s;
}
/**************************************************************************************************/

/*****BEGIN CONTENT STYLES*************************************************************************/
.content
{
margin:24px auto;
left:0;right:0;
width:892px;
position:relative;
font-family:"Franklin Gothic Book", sans-serif;
}

.content form
{
width:inherit;
display:inline-block;
color:#333333;
}

.intro
{
text-align:center;
padding:15px 5px;
border-bottom:1px solid black;
}

.content div
{
float:left;
}

.topRow
{
height:276px;
position:relative;
margin-top:5px;
}

.topRow span
{
height:inherit;
display:block;
float:left;
position:relative;
}

#left
{
width:50%;
}

#right
{
width:443px;
}

#left ul
{
width:49%;
float:left;
}

.shortUL
{
height:inherit;
}

.shortUL li
{
position:relative;
width:100%;
height:46px;
}

#left ul li span
{
position:relative;
top:7px;
left:4px;
font-size:14px;
width:80px;
height:auto;
float:left;
}

#left ul li span p
{
position:relative;
width:100%;
height:auto;
display:inline-block;
overflow:visible;
float:left;
font-size:14px;
top:0;
}

#left ul li input
{
position:relative;
top:5px;
float:right;
width:125px;
background-color:#cccccc;
border-color:#cccccc;
}

#left p
{
display:block;
float:right;
width:49%;
text-align:center;
height:46px;
font-size:14px;
position:relative;
top:5px;
}

.longerUL
{
height:230px;
}

.longerUL li
{
position:relative;
height:25px;
}

.longerUL li span
{
float:left;
}

.longerUL li input
{
float:right;
width:150px;
}

.c2
{
font-weight:normal;
font-style:italic;
font-size:11px;
text-align:right;
float:left;
width:100%;
position:relative;
top:7px;
}

#left
{
border-right:1px solid black;
padding-right:2px;
}

#right p
{
display:block;
float:left;
width:99%;
padding:0 0.5%;
text-align:center;
height:46px;
font-size:14px;
position:relative;
top:5px;
}

#right textarea
{
height:222px;
width:95%;
resize:none;
margin:auto;
display:inherit;
background-color:#cccccc;
border-color:#cccccc;
}

.bottomRow
{
margin-top:5px;
border-top:1px solid black;
height:53px;
width:862px;
padding:15px;
position:relative;
}

.bottomRow p
{
font-size:14px;
padding:2px;
}

.bottomRow span
{
font-size:12px;
position:absolute;
left:15px;bottom:5px;
}

.bottomRow input
{
position:absolute;
right:10px;
bottom:5px;
}
/**************************************************************************************************/

/*****BEGIN FOOTER STYLES**************************************************************************/
.footer
{
width:100%;
display:inline-block;
text-align:center;
background-image:url('multimedia/graphics/footerBG.png');
position:relative;
background-size:100% 100%;
}

.footerWrap
{
width:559px;
margin:0 auto;
position:relative;
display:inline-block;
margin:18px 0;
}

.footerWrap ul
{
width:10%;
font-size:.875em;
line-height:1.75em;
display:inline-block;
float:left;
border-right: 2px solid rgba(0,204,204,0.3);
}

.suppliers
{
width:90%;
float:left;
font-size:.875em;
line-height:1.75em;
display:inline-block;
}

.footerWrap h3
{
width:100%;
padding:5px;
display:inline-block;
font-size:1.25em;
text-align:center;
text-shadow: 4px 4px 14px black;
}

.footerWrap ol
{

float:left;
font-size:.875em;
line-height:1.75em;
}

.footerWrap li
{
color:grey;
}

.footerWrap a
{
color:#1a5748;
}

.footerOL1
{
margin-left:15px;
width:151px;
}

.footerOL2
{
width:151px;
}

.footerOL3
{
width:183px;
}

.supp
{
position:relative;
bottom:1px;
margin:0 auto;
left:0;right:0;
width:100%;
text-align:center;
display:inline-block;
background-image:url('multimedia/graphics/footerBG.png');
padding:15px 0;
}

.supp a
{
text-decoration:none;
}

.supp h6
{
font-size:.625em;
font-family:'Arial', sans-serif;
text-align:center;
color:white;
}
/**************************************************************************************************/