/*****************************************/
/***  CSS style sheet by David Beitler ***/
/*****************************************/

/*****************************************
NOTES: 

200 side

270 top


Purple color
R 41
G 16
B 55

HEX = 291037

Light Purple
BE87DC

******************************************/

/* This applies to everything in the page */
body
{
  margin: 0;
	/*
	background-color: #000000;
	*/
}

/* Holds all the content on the page */ 
.container
{
  width: 1024px; 
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	/*
	border: 1px solid;
	border-color: gray;
	
	/*
	background-image: url(http://www.mikebeitler.com/images/background1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	*/
	
	background-color: white;
	
	font-family: arial, helvetica, sans-serif; 
	color: black;
	font-weight: normal; 
}

/* Top banner used for logos and testimonials */
.top 
{ 
	background: url('./images/DESIGN.jpg'); 
	background-repeat: no-repeat;  
	
	height: 240px;
	
	font-weight: bold;
	
	/*
	margin: 0px; 
	padding: 10px;
	padding-left: 200px; /*keep menu links within side-bar *
	
	*/

} 


/* Left column - Used for menu */
.left
{
  background-color: #291037;
	
	float: left;
	width: 200;

	margin: 0;
	padding: 10px;
	
	font-size: 120%;
	color: white;
}


/* Style for main content of the page */
.content
{ 	
	margin-left: 250px; /* move content over to account for menu == "size + padding + margins" */
	padding: 10px;
}


/* Right column - can be used for menu, news, newsletter sign-up */
.right
{
  float: right;
	width: 150px;
	
	margin-left: 5px;
	padding: 10px;
}

/* Footer style */
.footer
{
  clear: both; /* makes footer drop below anything above */
	
	margin: 0px; 
	
	border-top: double;
	border-top-color: #000000;
	
  font-size: 75%;
	font-weight: bold;
	text-align: center;
}

/*********************************/

h1 
{
	font-size: 160%;
	color: #000000;
	
	padding: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h2 
{
	font-size: 140%;
	color: #000000;
}

h3 
{
	font-size: 110%;
	color: #000000;
}



/*
.titlelink
{  /* placeholder used for making custom link colors *
}

.menulink
{  /* placeholder used for making custom link colors *
}

a.titlelink:link {color: #000066}
a.titlelink:visited {color: #000044}
a.titlelink:hover {color: #000099}
a.titlelink:active {color: #000099}

a.menulink:link {color: #000066}
a.menulink:visited {color: #000044}
a.menulink:hover {color: #000099}
a.menulink:active {color: #000099}
*/


a:link {color: #000066}
a:visited {color: #000044}
a:hover {color: #000099}
a:active {color: #000099}


a.left:link {	color: #FFFFFF	}
a.left:visited { color: #BE87DC	}
a.left:hover { color: #BE87DC; text-decoration: none;	}
a.left:active { color: #FFFFFF	}



/*****************************************/

/* Following code is modified from original code by Joshua Kaufman
   Original taken from stylesheet at http://www.unraveled.com/projects/css_tabs/css_tabs.html */ 

ul#tabnav {
font: bold 12px arial, helvetica, sans-serif; 
letter-spacing: 2px;
list-style-type: none;
padding-bottom: 26px;
/*border-bottom: 1px solid black; */
margin: 0;
}

ul#tabnav li {
float: left;
height: 20px;
background-color: #8897c0; /* color taken from title image */
margin: 2px 2px 0 2px;
border: 1px solid black;
}

/* I needed 11 tabs to get all my content */
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4,
body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8,
body#tab9 li.tab9, body#tab10 li.tab10, body#tab11 li.tab11, body#tab12 li.tab12 {
border-bottom: 1px solid #fff;
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a,
body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a,
body#tab9 li.tab9 a, body#tab10 li.tab10 a, body#tab11 li.tab11 a, 
body#tab12 li.tab12 a {
color: #000;
}

#tabnav a {
float: left;
display: block;
color: black;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #fff;
}