/* --------------------------------------------------------
    Navigation menu stylesheet
    Site: GERR.COM
    Created by: Martin Gauthier - martin@codemountain.ca
	Filename: css/main_gerr1.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    MAIN STYLING
	

   -------------------------------------------------------- */
body	{
	background-color:#fff;
	background-image:url(../../img/backcheck-1.gif);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#919090;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	padding:0px;
	margin:0px;
}
a:link, a:visited, a:active	{
	color:#919090;
	text-decoration:none;
	}
a:hover	{text-decoration:none; color:#333333;}

h2{ color:#595959;font-weight:normal;}
/* --------------------------------------------------------
   COMMON STYLING
	

   -------------------------------------------------------- */
#main_container	{position:absolute;top:0px;left:0px; margin:0; width:100%;background-color:transparent; background-image:url(../../img/backcheck-2.gif); background-repeat:repeat-x; height:900px;}


#mid_container2, #mid_container3, #mid_container4{height:755px; width:960px; padding:0; background-color: #fff; background-image:url(../../img/page-1.gif); background-position:top left; background-repeat:no-repeat; margin-top:30px;}
#mid_container3{background-image:url(../../img/page-2.gif);}
#mid_container4{background-image:url(../../img/page-3.gif);}

#top_container{ position:relative;width:100%; height:30px; border:0px solid #ff0000;}
	/*MAIN MENU IS in here */
	#logo{position:absolute; top:0px; left:0px; background-image:url(../../img/blank.gif); background-repeat:repeat; width:320px; height:30px; cursor:pointer;}
	
	
#content1{position:relative;width:100%; height:726px; background-color:transparent; border:0px solid #333333}

#contact1{ position:absolute; top:1px; right:1px; background-image:url(../../img/backcheck-4.gif); background-repeat:repeat; width:311px; height:277px; border:1px solid #e8e8e8; border-top-width:0; border-right-width:0; z-index:5}
#contact1 p{position:absolute; left:24px; top:30px; background-color:#FFFFFF;color:#919090; font-size:11px; padding:14px; width:210px; padding-top:43px;}


/* --------------------------------------------------------
    SELECTOR STYLING - INDEX.HTML
	

   -------------------------------------------------------- */
#home1,#home2{position:absolute; left:160px; top:125px;}
#home2{top:442px;}

#quotes{position:absolute; top:124px; left:320px;  background:transparent; width:550px; height:205px;}

/* --------------------------------------------------------
    SELECTOR STYLING - PROFILE.HTML
	

   -------------------------------------------------------- */
#profile{position:absolute; bottom:1px; right:0px; padding:30px; width:739px; height:545px; border:1px solid #e8e8e8; background-color:#FFFFFF;}   
#profile p, #profile h2 {margin:0; padding:0; margin-bottom:15px; font-size:11px; width:440px; text-align:justify;}
#profile img{left:503px; top:64px; position:absolute;}
 #profile h2 {padding-left:5px; width:230px; margin-left:-5px;}
 
 /* --------------------------------------------------------
    SELECTOR STYLING - ACHIEVEMENTS.HTML
	

   -------------------------------------------------------- */
#achmenu h2 {margin:0; padding:0; margin-bottom:26px; font-size:11px; width:440px; text-align:justify;}
#achmenu h2 {padding-left:5px; width:230px; margin-left:-5px;}

.panels{position:absolute; top:128px; left:30px; font-size:11px;width:600px; height:566px; background-color:#FFFFFF; text-align:justify}
.panels p {}
.panels h4{display:inline; margin:0;padding:0; font-size:11px; color:#333333; font-weight:normal}

.panels ul{margin:0; padding:0; margin-top:15px; margin-left:12px;}
.panels ul li{margin:0}


 /* --------------------------------------------------------
    APP STYLING - FOLIO
	

   -------------------------------------------------------- */
#folio_app{font-size:11px; text-transform:uppercase; line-height:20px; border:0px solid #e8e8e8; width:800px; height:394px; position:absolute; bottom:4px; right:0px; color:#333333;}
#folio_app #img_container{position:absolute;top:0px; left:30px; width:668px; height:321px; border:0px solid #e8e8e8;}
#folio_app #name_container{position:absolute; top:45px; left:55px; }
#folio_app #bio_menu{position:absolute; top:532px; left:55px; }
#folio_app #web_container{position:absolute; top:552px; left:55px; }
#folio_app #menubar_folio2{position:absolute; top:149px; left:55px;}
#folio_app #menubar_folio2 ul{ margin: 0; padding: 0; }
#folio_app #menubar_folio2 ul li { list-style:none;}
#folio_app #imgnav_container{ position:absolute; top:350px; left:30px; background-color:#ffea00; padding-right:20px;padding-left:5px;}
#folio_app #imgnav_container #imgnumbers #imgcount{margin-left:50px;}
 /* --------------------------------------------------------
    END- FOLIO
   -------------------------------------------------------- */



/*STYLES*/
.center_container {margin-left:auto; margin-right:auto; text-align:left;position:relative;}

.highlight1{ padding:5px;  background-color:#ffea00; margin-left:-5px; }

a.imglink1 img{opacity:0.8}
a.imglink1:hover img{opacity:0.99}


.clearall{clear:both}
/* --------------------------------------------------------
    MAIN MENU
	

   -------------------------------------------------------- */
#globaltop	{position:absolute; right:0px; bottom:-3px; height:15px; font-size:11px;font-weight:normal;  width:340px;  border:0px solid red;}
#globaltop #topnav{ margin: 0; padding: 0; }
#globaltop #topnav li {list-style:none; display:inline; margin-right:23px;}

#globaltop #topnav li a { outline:none; text-decoration:none; color:#919090; }
#globaltop #topnav li a:hover { outline:none; text-decoration:none; color:#333333; }

#globaltop.nav-profile #topnav li#nav-profile a{ color:#333333;}
#globaltop.nav-achieve #topnav li#nav-achieve a{ color:#333333;}
#globaltop.nav-folio #topnav li#nav-folio a{ color:#333333;}
#globaltop.nav-contact #topnav li#nav-contact a{ color:#333333;}

/* --------------------------------------------------------
    ACHIEVEMENT MENU
	

   -------------------------------------------------------- */
#achmenu	{position:absolute; left:30px; top:30px; height:15px; font-size:11px;font-weight:normal;  width:600px;  border:0px solid red;}
#achmenu #nav2{ margin: 0; padding: 0; }
#achmenu #nav2 li {list-style:none; display:inline; margin-right:25px;}

#achmenu #nav2 li a { outline:none; text-decoration:none; color:#919090; }
#achmenu #nav2 li a:hover { outline:none; text-decoration:none; color:#333333; }

#achmenu.nav-1 #nav2 li#nav-1 a{ color:#333333;}
#achmenu.nav-2 #nav2 li#nav-2 a{ color:#333333;}
#achmenu.nav-3 #nav2 li#nav-3 a{ color:#333333;}
#achmenu.nav-4 #nav2 li#nav-4 a{ color:#333333;}
#achmenu.nav-5 #nav2 li#nav-5 a{ color:#333333;}


/*#globaltop.nav-home #topnav li#nav-home a{background-position:0 -32px;}*/