/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	background: #FFF;
	margin: 0;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
	
html>body #container {
    height: auto;
	}

#header {
 color: #333;
 width: 902px;
 float: left;
 padding: 10px 10px 0px 10px;
 border: 0 px;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #fff;
}
#header h2 {
font: normal 16px/18px Verdana, Arial, Helvetica, sans-serif;
color: brown; 
letter-spacing: .3em;
float: right;
}

#navcontainer {
 float: left;
 width: 922px;
 color: #ddd;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 background: #A53C3C;
 border-bottom: 3px solid #EE7E36;
 border-top: 3px solid #EE7E36;
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px;
 padding-bottom: 25px;
 height: 370px;
 width: 490px;
 display: inline;
 background: #fff;
}

#leftcolumn h2 { 
padding:12px 0px 4px 0px;
 color: #696969;
 	font-size: 14px;
}
#leftcolumn p { 
 color: #696969;
 padding: 0px 18px 9px 0px;
}
#leftcolumn h3 {
 color: brown;
 margin: 0px;
 padding: 13px 0px;
 font-size: 12px;
}
#leftcolumn ul {
 color: #696969;
 margin: 0px;
 padding: 0px 20px 0px 15px;
}
#leftcolumn dl { 
 color: #696969;
}
#leftcolumn dt { 
padding: 8px 0px 0px 0px;
}


#leftcolumnnav { 
 float: left;
 color: #333;
 margin: 0px 0px 15px 0px;
 padding: 0px;
 width: 490px;
 display: inline;
 background: #ccc;
}

#projectsnav { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 8px 0px;
 width: 432px;
 display: inline;
 background: #fff;
 font-weight:bold;
 
}

#rightcolumn { 
 float: right;
 margin: 0px;
 padding-bottom: 25px;
 height: 350px;
 width: 432px;
 display: inline;
 background: #fff;
}

#rightcolumn ul {
 color: #333;
 background: #fff;
 margin: 0px;
 padding: 0px 25px 15px 25px;
 font-size: 95%;
}
#rightcolumn h2 { 
 color: #696969;
 	font-size: 14px;
 padding-bottom: 4px;
}
#rightcolumn h3 {
 color: brown;
 margin: 0px 0px 0px 0px;
 padding: 13px 0px;
	font-size: 12px;
}
#rightcolumn_text { 
 padding: 18px 20px 10px 20px;
}
#rightcolumn_text p { 
 color: #696969;
 padding-bottom: 9px;
 margin-right:-3px;
}

#rightcolumn_home { 
 float: left;
 color: #fff;
 margin: 0px 0px 0px 0px;
 width: 432px;
 display: inline;
 background: #666;
}
#rightcolumn_home p { 
color: #fff;
padding: 244px 30px 28px 30px;
font: bold 14px/26px  Verdana, Arial, Helvetica, sans-serif;
}

#rightcolumn_home_bollocksed  {
font: bold 14px/20px  Verdana, Arial, Helvetica, sans-serif;
color: #000000;
height:310px;
padding: 40px 15px 0px 15px;
}

#rightcolumn_home_bollocksed p{
padding: 2px 5px;
}

#rightcolumn_home_bollocksed ul {
padding: 0px 0px 25px 25px;
}


#rightcolumn_bottom_photo {
 float: right;
 width: 432px;
 height:136px;
 display: inline;
 background-color: #fff;
 }
 
 #rightcolumn_bottom_photo img {
 padding: 15px 0px 10px 18px;
 }


#footer { 
 width: 922px;
 clear: both;
 color: #333;
 background: #fff;
 margin: 0 auto;
 padding: 10px;
	color: #7d7d7d;
	font-size: 95%;
	line-height: 130%;
	text-align: center;
	position: absolute;
    bottom: 0;
	left:0; 
	right:0;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #A53C3C;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a
{
padding: 0.4em 1.4em;
background-color: #A53C3C;
color: White;
text-decoration: none;
font-weight:bold;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #EE7E36;
color: #fff;
}

/*
LEFT COLUMN NAV
*/

#leftcolumnnav ul
{
background-color: #ccc;
font-family: arial, helvetica, sans-serif;
text-align:center;
margin-top:7px;
height:21px;
}

#leftcolumnnav ul li { 
display: inline; 
}

#leftcolumnnav ul li a
{
margin-top:auto;
padding: 0.4em 1.3em;
background-color: #ccc;
color: #696969;
text-decoration: none;
font-weight: bold;
}

#leftcolumnnav ul li a:hover
{
color: #EE7E36;
}

/*
PROJECTS  NAV
*/

#projectsnav ul
{
padding: 3px 0px 3px 0px;
margin-left: 0;
background-color: #fff;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#projectsnav ul li { 
display: inline; 
}

#projectsnav ul li a
{
padding: 0.2em 1em;
background-color: #ccc;
color: #fff;
text-decoration: none;
float: left;
font-weight: bold;
border-right: 6px solid #fff;
}

#projectsnav ul li a:hover
{
background-color: #EE7E36;
color: #fff;
}
#projectsnav p
{
 color: brown;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 8px 0px;
	font-size: 95%;
	line-height: 130%;
}
#irksome {
border:solid;
border-width:28px 0px 0px 0px;
border-color:#cccccc;
padding-top:35px;
height:309px;
width:432px;
}
#irksome p {
color:#ff0000;
font-weight:bold;
}