/*   
Theme Name: CONTACT
Theme URI: http://nursecommunity.ca/
Description: CONTACT contemporary custom theme
Author: christopher willes
Author URI:http://nursecommunity.ca/
Version: 1.0

General comments (optional).
*/

@charset "utf-8";
/* CSS Document */
table, img
{
   border:0;
}
body { 
position: relative;
width: 980px; 
height: 100%;
margin: 0 auto 0 auto; 
background-color:#FFFFFF;
}

/*MAIN CONTAINER*/

#contact{
	position:absolute;
	min-height: 100%;
	width: 100%;
	padding: 0px 25px 0px 25px;
	z-index: 5;
}

/*DIV ON THE LEFT UNDER IMAGE*/

#bio{
position:relative ;
width: 45%;
margin: 10px auto 0px auto; 
z-index: 200;
padding: 10px 5% 10px auto;
float: left;
text-align:justify;
}


/*DIV ON THE RIGHT UNDER IMAGE*/

#press{
position:relative ;
width: 45%;
width: 400px;
min-height: 80%;
margin: 10px auto 0px 10px; 
z-index: 200;
padding: 10px 10px 10px 10px;
float: right;
}


/*CONTACT LOGO (TOP OF SCREEN LEFT)*/

#title{
position: relative;
width: 90%;
float: left;
height: 115px;
margin: 5px auto 10px auto; 
z-index: 0;
}

#slide{
	display: none;
}

/*FOOTER*/


#footer { 
padding-top: 40px;
text-align:right;
right: 0px;
width: 100%;
float: right;
z-index: 0;
opacity: .4;

}

#footersplash { 
padding-top: 10px;
text-align:right;
right: 0px;
width: 100%;
float: right;
z-index: 0;
opacity: .4;
}

#social { 
font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
position: absolute;
text-align:left;
right: 20px;
top: 90px;
width: 30%;
z-index: 0;
opacity: .5;
display: none;

}



#bread {
	position: relative;
	float:left;
	width:100%;
	margin-top: 5px;
	
}


/*NAV MENU*/

#menu{
position: absolute; 
width: 100%;
height: 40px;
padding-left: 80px;
margin: 460px auto 0px auto; 
z-index: 200;
opacity: .8;
background-color:#ffffff;
}


/*NAV MENU TOP*/


#menutop{
position: absolute; 
width: 100%;
height: 40px;
padding-left: 80px;
margin: 220px 0px 0px 0px; 
z-index: 200;
opacity: .85;
background-color:#fcfcfc;
}

/*NAV MENU BOTTOM*/

#menubottom{
position: absolute; 
width: 100%;
height: 40px;
padding-left: 80px;
margin: 460px auto 0px auto; 
z-index: 200;
opacity: .75;
background-color:#ffffff;
}


/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

.navigation { font-size: 14px; background: #101010; padding: 0; border-bottom: 0px solid #000000; }
.nav, .nav ul {z-index: 100; margin: 0; list-style: none; line-height: 1;}
.nav li {float: left; width: auto; font-size: 13px; }

/* Drop-Down Menus */
.nav li ul {position: absolute; top: 29px; left: -999em; width: 160px; }
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 0px 1px; margin: 0px 0 0 -40px!important;}
.nav li ul li a {width: 168px; line-height: 25px!important; font-size: 12px; color: #000!important; padding: 10px 0 0 10px; }
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

/* Top Page Navigation */
.nav {left: -31px;} 
.large_nav {padding-top: 0em; }
.nav a:link, .nav a:visited { display: block; z-index: 100; padding: 17px 20px 0 0; line-height: 10px; font-family: Optima; text-decoration: none; color: #000000;}
.nav a:hover {text-decoration: underline;}
.nav li ul {margin-top: 0px; border-top: 0px solid #d8d8d8; }
.nav li ul a:link, .nav li ul a:visited {padding: 0 0 0 10px;}
.nav li ul a:hover {color: #000!important; background: #d8d8d8;}



 /* LINKS STYLE */
a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #000000;
  } 
  
#title a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #000000;
  }   
  
#title a:hover    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #000000;
  }  
     
  
a:visited {
  /* Applies to all visited links */
 text-decoration:  none;
  color:            #000000;
  } 

a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  color:            #ccc;
  } 
a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  color:#CCC
  } 
  
/* BREADRUMB LINKs */


#bread a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #ccc;
  }   
  
#bread a:hover    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  color:            #666;
  }  
     
  
#bread a:visited {
  /* Applies to all visited links */
 text-decoration:  none;
  color:            #ccc;
  } 

#bread a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  color:#000
  }   
  
  
  /* EMSEMBLE IMAGES */
  .img1{
	  opactiy: 1;
  }

  .img2{
	  opactiy: 1;
  }
  .img3{
	  opactiy: 1;
  }
  .img4{
	  opactiy: 1;
  }
  .img5{
	  opactiy: 1;
  }
  .img6{
	  opactiy: 1;
  }
  .img7{
	  opactiy: 1;
  }
  
  
/* TEXT STYLES */


.style2 {
	font-size: 34px;
    color: #000000;
	font-family: 'lato', sans-serif;
	}
	
.style3 {font-size: 14px;
		color: #000000;
		font-family: "Optima";
	}
.style4 {font-size: 18px;
		color: #000000;
		font-family: "Optima";
	}	
.style5 {font-size: 14px;
		color: #000000;
		font-family: "Optima";
	}	

.style6 {font-size: 12px;
		color: #ccc;
		font-family: "Optima";
	}