/***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;
}
/****END RESET***/

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

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

a:visited
{
color:#01ad9f;
}

h3
{
color:white;
font-size:17px;
padding:10px;
width:85%;
margin:10px auto;
text-align:center;
box-shadow:4px 4px 4px black;
background-color:#666666;
}

/*****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;
display:block;
font-family:"Franklin Gothic Book", sans-serif;
}

.container
{
width:426px;
margin:auto;
position:relative;
display:inline-block;
}

.gl-left
{
float:left;
}

.gl-right
{
float:right;
}

.gl-packet-wrap
{
width:401px;
list-style-type:none;
text-align:center;
display:inline-block;
transition:2s;
margin:10px 0;
box-shadow:4px 4px 4px black;
background-color:#cccccc;
border:2px solid black;
}

.gl-packet-wrap:hover
{
border:2px solid rgb(0,187,194);
}

.content .gl-packet-wrap h3
{
cursor:pointer;
}

.gl-project-wrap
{
width:360px;
transition:0.5s;
margin:8px auto;
height:auto;
display:inline-block;
bordeR:2px solid black;
}

.gl-project-wrap:hover
{
border:2px solid rgb(204,51,0);
}

.gl-project-wrap .projectTitle
{
text-align:center;
cursor:pointer;
padding:10px 0;
font-size:1em;
}

.gl-project-wrap:hover .projectTitle
{
color:rgb(204,51,0);
}

.gl-image-wrap
{
width:360px;
margin:auto;
display:inline-block;
}

.gl-image, .vimg-wrap
{
float:left;
margin:10px;
display:block;
transition:1s;
cursor:pointer;
overflow:hidden;
box-shadow:4px 4px 4px black;
border:2px solid #e09b07;
}

.vimg-wrap
{
position:relative;
}

.vimg-wrap:hover, .gl-image:hover
{
transform:scale(1.2);
-webkit-transform:scale(1.2);
border:2px solid #000;
box-shadow:1px 3px 15px rgb(0,0,0);
z-index:10000;
}

.vimg-wrap .videoCover
{
position:absolute;
cursor:pointer;
left:0;top:0;
color:white;
display:table;
text-align:center;
}

.videoCover p
{
font-size:50px;
opacity:0;
transition:0.7s;
transform:scale(0.2);
-webkit-transform:scale(0.2);
display:table-cell;
vertical-align:middle;
text-shadow:-1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000;
}

.vimg-wrap:hover .videoCover p
{
transform:scale(1.4);
-webkit-transform:scale(1.4);
opacity:1;
}
/**************************************************************************************************/

/*****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;
}
/**************************************************************************************************/