@charset "UTF-8";
/* CSS Document */

html, body {
	height: 99%;
	
	margin-left:auto;
	margin-right:auto;
	
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -41px; /* the bottom margin is the negative value of the footer's height */
	width:60%;
	/* FOR ABOUT PAGE */
	/*min-width:800px ;*/
	min-width:999px ;
	
}

#indexwrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -41px; /* the bottom margin is the negative value of the footer's height */
	width:60%;
	min-width:600px;
	/* FOR ABOUT PAGE */
	/*min-width:800px ;*/
	
	
}

.footer, .push {
	height: 41px; /* .push must be the same height as .footer */
	clear:both;

	
}

.footer {
	
	width:60%;
	margin-left:auto;
	margin-right:auto;
	min-width:999px;
	
	
}

/* EMPTY CONTENT PUSHER DOWNER */
.blankspace { 
	height:41px;
	width:100%;
	opacity:.5;
}

.blankspace2 { 
	height:10px;
	width:100%;
	opacity:.5;
}

.pagehead {
	width:20%;
	
	
}



p 	{font-family:"Courier New"; font-size:12px; color:#4c230b;}
p.head {font-family:"Courier New"; font-size:13px; color:#4c230b;}
t	{font-family:"Courier New"; font-size:12px; color:#4c230b;}

/*test for indextest.html */
#indextest { position:relative; /*width:290px;*/ height:50px;}
#glavioindex { position: absolute; top:10; right:165px; height:50px;}
#treehubindex {position: absolute; top:10; right:87px; height:50px;}
#specsindex   {position: absolute; top:10; right:-1px; height:50px;}

#treehubsitelink {float:none; position:fixed;}
#textbox	{padding-left:3px; width:20%; float:left; height:293px }
#midsection {  /*padding-top:150px;*/}

#charlesduffy { /*width:313px; text-align:center; margin-left:auto; margin-right:auto; padding-left:192px;*/ float:left;}
#charlesduffyabout { width:20%; float:left;}
#table1	{float:right; /*padding-right:390px;*/}
#textext {float:left; width:200px;}	
#gallery {float:right;}
#textbox2 {float:left; width:200px;}
#index { float:left; padding-top:62px; padding-left:3px; font-weight:lighter; font-size:12px; position:fixed;}
#aboutme {display:block; padding-top:11px; width:350px; padding-left:2px;}
#me {float:right; padding-top:10px;}

#indexmain {
	
	/*Under my name*/
	
	float:left; margin-top:-194px;	
	
	/*Under Images*//*
	float:right; display:block; padding-top:3px;*/
	}



#indextreehub { float:left; padding-left:3px; font-weight:lighter; font-size:12px; width:20%; }
#indexabout { float:left; padding-top:153px; padding-left:3px; font-weight:lighter; font-size:12px;}
#indexglavio { float:left; padding-top:20px; padding-left:3px; font-weight:lighter; font-size:12px;}
#hovertoscroll {float:left; width:320px; padding-top:3px; padding-left:510px; position:fixed; z-index:-1;}
#hovertoscrolleyewear {float:left; width:320px; padding-top:115px; padding-left:510px; position:fixed; z-index:-1; }
#allrights { float:right; padding-top:40px; padding-right:420px; font-weight:lighter; font-size:12px; color:#CCC;}
#headimages {float:right; margin-top: -8px; width:450px;}


#eybirtop	{float:right; text-align:center;  padding-right:10px;}
#eybirhd	{float:right; margin-top:-5px;}

#glaviotop	{float:right; text-align:center;  padding-right:10px;}
#glaviohd	{float:right; margin-top:-5px;}	 

#treehubtop	{float:right; text-align:center;  padding-right:10px;}
#treehubhd	{float:right; margin-top:-5px;}

#eyeweartop {float:right; text-align:center;  padding-right:10px;}
#eyewearhd	{float:right; margin-top:-5px;}

#metop		{float:right; text-align:center;}
#mehd		{float:right; margin-top:-5px;}

#contentwrap {width:313px; float:right; /*margin-left:auto; margin-right:auto;*/}


/*#menushit {float:right; distplay:block; height:0px; width:auto;}*/

#allrightsindex {
/* Rotate*//*
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 
-webkit-transform:rotate(-90deg); */
/*float:right; margin-right:-120px; margin-top:-113px;*/

/*Under images without about/contact section*/
float:right; padding-top:25px;

/*Under images WITH about/contact section*/
/*
float:right; display:block; margin-top:20px; margin-right:-97px;*/
}




table.lanks {font-family:"Courier"; font-size:12px; color:#C96;}
table {font-family:"Courier New"; font-size:15px; color:#4c230b;}
table.links {font-family:"Courier"; font-size:12px; color:#4c230b;}

table.lonks {font-family:"Courier New"; font-size:10px; color:#4c230b;}
table.loonks {font-family:"Courier New"; font-size:10px; color:#4c230b;}
table.head {font-family:"Courier New"; font-size:15px;}


	
a:link {text-decoration:none;}	
a:link {color:#4c230b;}
a:visited {text-decoration:none; color:#4c230b;} 
a:hover	{color:#C96;}
a:active {color:#4c230b;}

a.abc {color:#965530;}
a.abc:hover	{color:#C96;}


/* Content Scroll for Glavio */
.contentHolder1 { position:relative; margin:0px auto;  margin-top:-20px; padding:0px; width: 794px; height: 330px; overflow: hidden; float:right; }

.contentHolder1 .content-x {  width: 4210px; height: 330px; }
          
          .spacer { text-align:center; }
		  
/* Content Scroll for TREE|HUB */		  
.contentHoldar { position:relative; margin:0px auto; margin-top:-20px; padding:0px; width: 794px; height: 330px; overflow: hidden; float:right; }

.contentHoldar .content-y {  width: 3790px; height: 330px; }
          
          .spacer { text-align:center; }		  
		  
/* Content Scroll for eyewear */		  
.contentHolder2 { position:relative; margin:0px auto; padding:0px;  margin-top:-20px; width: 794px; height: 330px; overflow: hidden; float:right; }

.contentHolder2 .content-z {  width: 3218px; height: 330px; }
          
          .spacer { text-align:center; }
		  
		  
/* Content Scroll for rubbish */		  
.contentHolder3 { position:relative; margin:0px auto; padding:0px;  margin-top:-20px; width: 794px; height: 330px; overflow: hidden; float:right; }

.contentHolder3 .content-z {  width: 7600px; height: 330px; }
          
          .spacer { text-align:center; }		  		
		  
		  
		  
/*ALL THE CV STYLES*/

p.subhead {
	background-color:#FF9;
	opacity:1;
}

#contactdetails {
	float:right;
	margin-top:-78px;
}

#skillwraps {
	margin-left:20px;
	float:left;
	height:100%;
}

.skillbar {
	width:100px;
	height:8px;
	background-color:#4c230b;
	margin-top:6px;
	border-radius:4px;
	opacity:.5;
}

.dropback {
	 background-color:#FF9;
	 width:100%;
	 height:20px;
	 margin-top:-33px;
	 
}

.dropdownwrap{
	height:auto;
	width:100%;
	float:left;
	margin:50px 0px 0px 0px;
	background-color:;
	display:none;
	padding:0px;
}


.dropdownwrap1{
	height:auto;
	width:100%;
	float:left;
	margin:-20px 0px 20px 0px;
	background-color:;
	display:none;
	padding:0px;
}


.dropdownwrap2{
	height:auto;
	width:100%;
	float:left;
	margin:-20px 0px 20px 0px;
	background-color:;
	display:none;
	padding:0px;
}

.dropdownwrap3{
	height:auto;
	width:100%;
	float:left;
	margin:-20px 0px 20px 0px;
	background-color:;
	display:none;
	padding:0px;
}

.dropdownwrap4{
	height:auto;
	width:100%;
	
	float:left;
	margin:-20px 0px 20px 0px;
	background-color:;
	display:none;
	padding:0px;
}
.container{
	width:100%;
	float:left;
}