/*  GLOBAL STYLES */


body { 
	margin: auto; 
	padding: 0px; 
	background-color : #D9C282;					
	font-family: "Sans-serif",Helvetica;
	color: #3C2415;
	font-size : 75%;
} 

h1 {font-size : 100%
}

p {
	text-align: justify;
	margin-top: 0px;
	}
	
img {
	margin-bottom: 10px;
	border: 0px;
	}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    padding:0px;
    }

table {
	font-family: "Helvetica";
	color: #6D3522; 
	}

A:link {
	text-decoration: none; 
	color: #C11B17;
	}

A:visited {
	text-decoration: none; 
	color: #C11B17;
	}

A:active {
	text-decoration: 
	none; color: #C11B17;
	}

A:hover {
	text-decoration: 
	none; color: #9BC1B4;
	}

div { 
	border: #FFFFFF 0px solid; 
	}
	
div.float {
	float: left; 
	position: relative;
	width: 925px;
	}	
	
div.float img{
	border: #FAFAD2 0px solid; 
	margin-right: 10px;
	}	
  
div.float p 
	{
	text-align: justify;
	}	
	
#container { 
	width: 950px; 
	height: 625px;
	margin: 25px auto;
}

#header-top {
	width: 900px;
	height: 85px;
	}
	
#header-link { 
		width: 500px;
		height: 60px;
		float: left;
		margin-top: 20px;
		margin-left: 225px;
		background-color: transparent; 
		border: 0px solid yellow; }	
	
#header-front { 
	width: 950px; 
	height: 105px;
	float: left; 
	text-transform: uppercase;
	}	
	
#header { 
	background-image:url('images/header.jpg');
	width: 950px; 
	height: 105px;
	float: left; 
	text-transform: uppercase;
	}	
	
#main-holder { 
	width: 950px; 
	height:525px;
	float: left; 
	margin-top: 15px;
	}
	
#main { 
	width: 540px; 
	height: 525px;
	float: left; 
	margin-right: 10px; 
	overflow: auto;
	position: relative;
	}
	
#sub-left { 
	width: 295px; 
	height: 525px;
	float: left; 
	margin-right: 10px;
	overflow: auto;
	position: relative;
	}	

div.float-sub-left {
	float: left; 
	position: relative;
	width: 280px;
	}	
	
div.float-about-right {
	float: left; 
	position: relative;
	width: 400px;
	}	

#sub-right { 
	width: 95px;
	height: 525px;
	float: right; 
	margin-left: 0px; 
	background-color: #EBD692;
	}
	
#footer { 
	width: 100%; 
	height: 25px;
	float: left; 
	color: #EBD692;
	}

			/* FRONT PAGE STYLES, INDEX.PHP */
			

#container-front { 
	background-image:url('images/frontpage.jpg');
	width: 950px; 
	height: 635px;
	margin: 25px auto; 
	margin-bottom: 20px;
	}
		
	

			/* PROJECTS PAGE STYLE, PROJECTS.PHP, ELEPHANT.PHP, MONKEY.PHP, ETC*/


#container-projects { 
	background-image:url('images/background_projects.jpg');
	width: 950px; 
	height: 635px;
	margin: 25px auto; 
		margin-bottom: 15px;

}
	
div.projects {
	float: left; 
	position: relative;
	width: 500px;
	}	

			/* ABOUT PAGES, ABOUT.PHP, ABOUT1.PHP, ABOUT2.PHP */

#about-main {
	width: 950px;
	height: 500px;
	float: left;
	overflow: auto;
	position: relative;
	}	
	
div.float-about-left {
	float: left; 
	position: relative;
	width: 525px;
	}
	
div.float-about-right {
	float: left; 
	position: relative;
	width: 400px;
	}	

			/* CONTACT PAGES, CONTACT.PHP */
			
#contact-left {
	width: 425px;
	height: 500px;
	float: left;
	}
	
#contact-right {
	width: 500px;
	height: 500px;
	float: right;
	}
	
			/* VIDEO PAGE, VIDEO.PHP */
	
#video-main {
	width: 950px;
	height: 500px;
	float: left;
	overflow: auto;
	position: relative;
	}
	
	div.float-about-left {
	float: left; 
	position: relative;
	width: 525px;
	}
	
div.float-about-right {
	float: left; 
	position: relative;
	width: 400px;
	}	

	
			/* BLOG PAGE, BLOG.PHP */

#blog-main {
	width: 950px;
	height: 500px;
	float: left;
	overflow: auto;
	position: relative;
	}	
	
div.float-blog-left {
	float: left; 
	position: relative;
	width: 525px;
	}
	
div.float-blog-right {
	float: left; 
	position: relative;
	width: 400px;
	}		
	
			/* TEAM PAGE, TEAM.PHP */

#collaborators-left {
	width: 700px;
	height: 500px;
	float: left;
	margin: 5px;
	overflow: auto;
	position: relative;
	}
	
#collaborators-right {
	width: 225px;
	height: 500px;
	float: right;
	margin: 5px;
	}
	
div.float-collaborators {
	float: left; 
	position: relative;
	width: 675px;
	}	
	
	

	
		/* Scroll Bar Master Styling Starts Here */
	/*  FLEXCROLL*/

.scrollgeneric {

line-height: 1px;
font-size: 1px;
position: absolute;

top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #EBD692;
	}

.vscrollerbar {
	width: 10px;
	background-color: #B18759;

	}

.hscrollerbase {
	height: 10px;
	background-color: gray;
	}

.hscrollerbar {
	height: 10px;
	background-color: black;
	}

.scrollerjogbox {
	width: 10px;
	height: 10px;

	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
	}

.clearfloat {
	clear:both; height:0px;
	line-height:0px; visibility: hidden;
	}
	
input.btn{
   color:#3C2415;
   font-family:'helvetica',helvetica,sans-serif;
   font-size:90%;
   font-weight:none;
   background-color:#fff;
 /*  border:1px solid;
   border-top-color:#3C2415;
   border-left-color:#3C2415;
   border-right-color:#3C2415;
   border-bottom-color:#3C2415; */
   }