﻿/* DEFAULTS
----------------------------------------------------------*/
img
{
    border:1px solid transparent ;
}
b
{
    padding:5px;
    font-family:Ebrima;
    color:#00afef; 
}
#clothing a:hover
{
    background-image:url(../../images/logosClothing.png);  
}
#gifts a:hover
{
    background-image:url(../../images/logosGift.png);  
}
#toTop
{
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
    
}
#toTop 
{    
    background-color: rgba(135, 135, 135, 0.50);
}
p
{
    font-family:Ebrima;
    font-size:15px;  
}
#services td
{
    
    padding:10px;
}
.team
{
    background-repeat:no-repeat;
}
.team a
{

}
.team li
{   
   
    list-style:none;
    height:212px;
    width:977px;
}
.team ul{list-style:none;}
#teamtable
{
    margin-left:25px;
      
}
#contactus
{
    width:432%; 
    vertical-align:top; 
    height: 197px;
    color:#f6f6f6; 
    background-repeat:no-repeat;
}



pageTable
{
    position:absolute;
}
navOntop
{
    position:fixed;
    top:0px;
    
}
#image1:hover
{
    background-image: url(../../images/WhatWeDoH2.png);
}
#image2:hover
{
    background-image: url(../../images/WhoWeAreH.png);
}
#image3:hover
{
    background-image: url(../../images/contact2H.png);
}
#nav 
{
    font: 12px/30px Helvetica, sans-serif;
    text-align: center;
}
 
#nav a 
{
    margin-right:2px;
    float: left;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
}
 
#nav a:hover {

}


.mainMenu
{
    
    margin-top:120px;
    margin-left:200px;
    width: 947px;
}

#MainForm
{
    position: absolute;
    
    top:0px;
    width:auto;
    
}
#Navbar
{
    height: 50px;
    position : fixed;
    z-index:0;
    top:500px;
}

#Panel2
{
    width:900px;
    
}
.page1
{
    left:0px;
    width:103%;
}
#Logo{}
#Scroll{margin-top : 100px;}

.fixedheader
{
    top:600px;
    left:280px;
}
#maincontent
{
    width:100%;
    position: absolute;
    z-index: 100;
}
.homepage
{

    padding-bottom:100px;
}
body   
{
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    background-color:#f6f6f6;
    top:0px;
    left:0px;
    margin:0px auto 0px auto;
    padding: 0px;
    color: black;
    height:auto;
    width: 1254px;
}
.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
    width: 685px;
}





/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family: "Ebrima";
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    color:#00afef;
    font-size: 70px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 689px;
}

h2
{
    color:#00afef;
    font-size: 20px;
    font-weight: 600;
}

h3
{
    color:Black;
    background-repeat:repeat-y;
    font-size: 15px;
    width: 170px;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    width:306px;
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 955px;
    background-color: transparent;
    
}

.header
{
    position: relative;
    background-color : transparent;
    width: 100%;
    height : 200px;
}
.header2
{
    position: relative;
    margin-left:275px;
    background-color : transparent;
    width: 100%;
    height : 200px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{   
    background-repeat : repeat-y;
    width:950px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 20
}

.footer
{
    z-index:9999;
    
    vertical-align:middle;
    color :White;
    padding: 8px 0px 0px 0px;
    text-align: center;
    line-height: normal;
    height: 135px;
    width: 1250px;
}






/* TAB MENU   
----------------------------------------------------------*/
.navbarlogo
{
    padding-top:50px;
    padding-left:50px;
    position:fixed;
    top:0px;
    z-index:99999999;
}
.navbar
{
    position:fixed;
    top:0px;
    background-image : url('../../images/navigationbarfinal.png');
    width:966px;
    height: 125px;
}
.navbar a
{  
    font-family : "Ebrima";
    font-size : 15px;
    color: gray;
    display: inline-block;
    text-align:center;
    text-decoration: none;
    width:110px;
    height :70px;  
    padding-top:50px;
}
.navbar ul
{

    list-style:none;
    width:900px;
    height :119px;  
}
.navbar li
{
    list-style:none;
    margin-left:450px;
    width:515px;
    height :60px;  
}

.navbar a:hover
{
    color:White;
    background-image : url(../../images/navitem.png);
    background-repeat:no-repeat;
}


.navbar a:active
{
    background-image : url(../../images/navitem.png);
    color: #282829;
    text-decoration: none;
}


