/* --------------------------------------------------------
   THE DEAD GOODS Case Study - Simon Collison (Colly Logic)
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#ffcc00;
font:normal 62.5% 'Lucida Grande',Verdana,sans-serif;
text-align:center;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
border:0px solid #F00;
}

/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
height:263px;
background:url(masthead.gif) no-repeat;
}

/* Main Dead Goods logo */
#masthead img {
margin:0 0 0 300px;
}

/* Container - needed only for faux background */

#container {
width:800px;
margin:20px auto 5px auto;
border: 5px ridge #002347;
background:#ffcc00;
}

#content {
float:right;
width:800px;
height:955px;
font-size:1.1em;
line-height:150%;
color:#000000;
background:#211E0E url('../images/shop_front_large_fade.jpg') no-repeat;
text-align:left;
padding:10px 0px 0px 0px;


}


#navbar{

display:block;
						margin:0px;
						padding:0px 210px;
						list-style:none;
						text-align:left;





} 


#navbar ul {	display:block;
						margin:0px;
						padding:0px 0px;
						list-style:none;
						text-align:left;
											}


#navbar a {				display:block;
text-align:left;
height:34px;
						width:auto;}



#navbar li 			{	

 				float:left;
 										width:auto;
 										height:35px;
 										text-align:left;
 										vertical-align: middle;

 										
						}

#navbar li ul 		{	display:none

	


}


#navbar li:hover ul{position:absolute;display:block;

					padding: 0px 0px 0px 0px;

					width:auto;}
					
#navbar li ul li {	float:none;

					width:auto;
					text-align:center;
					padding: 0px 0px 0px 0px;
					height:20px;
					}

#navbar img
{
	valign:top;
}


#mainpagetoptext
{ 
	border: 1px solid #002347; 
	background-color: transparent;
	font-size:1.4em;
	line-height:150%;
	color:#000000;
	margin: 10px 10px 0px 10px;
	padding:10px 10px 10px 10px;
}

#mainpagetoptext p {

text-align: center;
text-indent:15px;
font-size:14px;
line-height:130%;


}

#mainpagetextleft
{
	width: 350px;
	height: 650px;
	border: 1px solid #002347; 
	font-size:1.2em;
	line-height:130%;
	background-color: transparent;
	color:#000000;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px; 
	margin-left: 10px; 
	margin-right: 0px; 
	padding:10px 20px 10px 20px;
	
	float: left;
	
}

#mainpagetextleft p {

text-align: left;
text-indent:15px;
}

#mainpagetextright
{
	width: 350px;
	height: 650px; 
	border: 1px solid #002347; 
	font-size:1.2em;
	line-height:130%;

	background-color: transparent;
	color:#000000;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px; 
	margin-left: 0px; 
	margin-right: 10px;	
	padding:10px 10px 10px 10px;
	float: right;
}

#mainpagetextright p {

text-align: left;
text-indent:15px;





}

#shopimage1
{	
	text-align: center;
	border: none;
	
}

#shopimage2
{	
	text-align: center;	
	border: none;
	}

#shopimage3
{	
	text-align: center;
	border: none;
	}

#formscenter {

text-align:center;
line-height:150%;
font-size:1.2em;


}


#formscenterlarge {

text-align:center;
line-height:150%;
font-size:1.6em;
font-weight:bold;

}

#visitors {

text-align:center;
line-height:150%;
font-size:1.6em;
font-weight:bold;
color:#002347;

}

/* The main column and descendants */

#mainCol {
float:right;
width:450px;
font-size:1.1em;
line-height:150%;
color:#CCC;
background:#211E0E url(back_rightcol.gif) no-repeat;
text-align:left;
}

#mainCol ul {
list-style:none;
margin:10px 0 10px 0;
padding:0;
}
#mainCol li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:200%;
}
#mainCol li a:link, #mainCol li a:visited {
text-decoration:none;
font-size:1.3em;
font-weight:bold;
color:#FFE86C;
}
#mainCol li a:hover {
color:#FFF;
}
/* Highlighting the current page */
#home #mainCol a.home { 
border-bottom:3px solid #FFE86C;
}

#mainCol p {
width:400px;
}

/* The left column and descendants */

#sidebar {
float:right;
width:310px;
height:757px;
background:#211E0E url(back_leftcol.gif) no-repeat;
text-align:left;
}

/* The footer and descendants */

#footer {
clear:both;
width:800px;
height:10em;
min-height:110px;
font-size:0.9em;
line-height:150%;
color:#000000;
background:#ffcc00;
text-align:center;
margin:0px auto 0px auto;
}

#footer img {
float:left;
margin:10px 112px 60px 56px;
}

#footer ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}
#footer a:link, #footer a:visited {
text-decoration:none;
font-weight:bold;
color:#000000;
font-size:1em;
}
#footer a:hover {
color:#ffffff
}

#footer p {
margin:0 0 3px 0;
}

/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1 {
text-align:center;
font-size:1.4em;
}


h2, h3 {
color:#FFF;
}
h2 {
margin-top:40px;
font-size:1.6em;
}
h3 {
margin-top:30px;
font-size:1.5em;	
}
h4 {
margin:550px 0 10px 56px;
font-size:1.3em;
color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#FFF;
}

/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */
img {
border:0;
}

/* Link states */

a:link {
	
}
a:visited {
	
}
a:hover {
	
}
a:active {
	
}

/* ------------
   Unique Items 
   ------------*/

.date {
	
}

/* -------------
   Form elements 
   -------------*/

form {
margin:0;
padding:0;
}

fieldset {
border:0;
margin:10px 0 10px 56px;
padding:0;	
}

label {
font-weight:bold;
color:#FFE86C;
}

input.submit {
margin:0 0 30px 56px;
}