/*
    Main layout by by Keith Donegan of Code-Sucks.com
    E-Mail: Keithdonegan@gmail.com
    http://www.code-sucks.com  
*/

* { padding: 0; margin: 0; border: 0; }

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
 background-color: #000000;
}

#wrapper { 
 margin: 0 auto;
 width: 1000px;
 height: 560px;
}

#header {
 width: 1000px;
 height: 100px;
 padding: 0px;
 margin-bottom: 5px;
}

#content {
 margin-bottom: 10px;
 padding-bottom: 25px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background: url(../images/background_image.gif);
}

#leftcolumn {
 /* margin: top, right, bottom, left */  
 margin: 0px 5px 10px 0px; 
 padding: 0px;
 width: 273px;
 height: 460px;
 float: left;
}

#leftmiddle { 
 /* margin: top, right, bottom, left */  
 margin: 0px 5px 10px 0px; 
 padding: 0px;
 width: 35px;
 height: 460px;
 float: left;
 display: inline;
 position: relative;
}

#rightmiddle { 
 display: inline;
 position: relative;
 /* margin: top, right, bottom, left */  
 margin: 32px 10px 10px 20px; 
 padding: 0px;
 width: 485px;
 height: 400px;
 float: left;
}

#rightcolumn { 
 /* margin: top, right, bottom, left */  
 margin: 0px 0px 10px 10px; 
 padding: 0px;
 /* border: top, right, bottom, left */  
 border-style: solid none solid solid;
 border-width: thin;
 border-color: #433e39;
 height: 460px;
 width: 150px;
 float: left;
 display: inline;
 position: relative;
}

/*  End of the main site layout (4 columns)*/

/*
    Switch Menu script- by Martial B of http://getElementById.com/
    Modified by Dynamic Drive for format & NS4/IE4 compatibility
    Visit http://www.dynamicdrive.com/ for full source code 
*/

/*For expandable menus*/
#masterdiv{
 margin-top: 40px;
}

.menutitle{
/* margin: top, right, bottom, left */  
 margin: 5px 0px 5px -10px; 
 padding:2px;   
 height: 17px;
 width:120px;
 text-align:left;
 font-weight:bold;
 font-size: 16px;
 cursor:pointer;
 color:#000000;
}

.menutitle a{
 background: white url(../images/plus_red.gif) no-repeat 2px center;
 color: #000000;
 display: block;
 width: auto;
/* padding: top, right, bottom, left */  
 padding: 5px 0px 5px 20px; 
 text-decoration: none;
}

.menutitle a:link{
 color: #000000;
 background-color: #ffffff;
 background: white url(../images/plus_red.gif) no-repeat 2px center;
}

.menutitle a:hover, .menutitle a:active{
 color: #B82129;
 background-color: #ffffff;
 background-image:url(../images/plus_black.gif); /*onMouseover image change. Remove if none*/
}

.submenu{
 font-weight:bold;
 font-size: 14px;
 margin-bottom: 0.5em;
 text-align:left;
 font-weight:bold;
 font-size: 14px;
 padding-left: 10px;
 /* margin: top, right, bottom, left */  
 margin: 10px 0px 5px 0px; 
 padding-top: 5px;
}

.submenu a{
 color: #000000;
 text-decoration: none;
}

.submenu a:hover, .submenu a:active{
 color: #B82129;
}

/*  End of the switch menu*/

/*
    fleXcroll by Emrah BASKAYA ( a.k.a. Hesido, a.k.a EmDo )
    of http://www.hesido.com/web.php?page=customscrollbar
*/

#mycustomscroll {
 /* Typical fixed height and fixed width example */
 width: 485px;
 height: 420px;
 overflow: auto;
 /* IE overflow fix, position must be relative or absolute*/
 position: relative;
 /*margin top & bottom, right & left*/
 margin: 0.3em auto;
 padding: 0px;
}

/*  End of the fleXcroll*/

/*  Text formatting*/

p{
 color: #433E39;
 font-size: 12px;
 font-size: 12px;
 font-family: Verdana, Geneva, sans-serif;
}

#rightmiddle p{
 color: #433E39;
 padding: 5px;
 padding-left: 0px;
}

.text_b {
 font-weight: bold;
 color: #000000;
}

.text_red {
 font-weight: bold;
 color: #b82129;
}

.text_red_skinny {
 font-weight: bold;
 color: #b82129;
 padding-bottom: 1px;
}

.headings {
 clear: left;
 font-size: 12px;
 font-family: Verdana, Geneva, sans-serif;
 text-transform: uppercase;
 text-align: left;
 font-weight:bold;
 color: #B82129;
 /* padding: top, right, bottom, left */  
 padding: 5px 0px 5px 0px; 
}

/*  End of ext formatting*/


/*PROJECTS List w/ squares*/

.projects {
 font-size: 12px;
 font-family: Verdana, Geneva, sans-serif;
 list-style-type: none;
}

.projects ul {
 clear: left;
 margin: 0;
 list-style-type: none;
}
		
.projects li {
 margin: 0;
 /* padding: top, right, bottom, left */  
 padding: 3px 0px 3px 0px; 
 float: left;
}

.projectthumbs {
 font-size: 14px;
}

.projectthumbs ul {
 height: 10px;
 /* padding: top, right, bottom, left */  
 padding: 0 0 1px 15px
}

.projectthumbs li {
 float: left;
 list-style-type: none;
 height: 12px;
 width: 12px;
 /* margin: top, right, bottom, left */  
 margin: -2px 3px 2px 0;
 display: inline-table;
 /* padding: top, right, bottom, left */  
 padding: 2px 0 2px 0px
}

.projectthumbs li a{
 color: #FFFFFF;
 background-color: #999999;
 width: 8px;
 height: 12px;
 /* margin: top & bottom, right & left */  
 padding: 0 2px;
 display: block;
}

.projectthumbs li a:link {
 background-color: #999999;
}
.projectthumbs li a:visited {
 background-color: #433e39; 
}

.projectthumbs li a:hover, .projectthumbs li a:active {
 background-color: #b82129;
}

.projectthumbs ul li.project_info a{
 font-size: 12px;
 font-weight: bold;
 color: #b82129;
 text-decoration: none;
 background-color: transparent;
}

.projectthumbs ul li.project_info a:link {
 color: #b82129;
 background-color: transparent;
}

.projectthumbs ul li.project_info a:hover, .projectthumbs ul li.project_info a:active {
 background-color: #433e39;
 background-color: transparent;
}

/*PROJECTS List w/ squares*/

div.copyright{
  /* margin: top, right, bottom, left */ 
  margin : 10px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF
}

.clear { clear: both; background: none; }