body 
{
	background-image:url('./background.gif'); 
	background-repeat:repeat-x;
	color:#444;	
}

#menu_container
{
  position:relative;
  float:right;
	margin-top:52px;
}

#menu_container ul 
{
 width:240px;
}

#menu_container ul li
{
	display: block;
	width:80px;
	float:left;
}

#menu_container ul li a
{
  display:block;
	height:21px;
	width:71px;
	text-indent:-2000px;
	background-image:url('./menu.gif');
}

#menu_container ul li.about a:hover
{
  background-position:-71px 0;
}


#menu_container ul li.contact a
{
  background-position:0px -21px;
}

#menu_container ul li.contact a:hover
{
  background-position:-71px -21px;
}

#menu_container ul li.portfolio a
{

  background-position:0px -42px;
}

#menu_container ul li.portfolio a:hover
{
  background-position:-71px -42px;
}

#header
{
	background-image:url('./dandysi.gif');
	background-repeat:no-repeat;
	background-position:0px 39px;
	height:88px;
}

#main_container
{
  margin:auto;
  width:750px;
}

a {text-decoration:none;}
a img {border:0;}

#middle_container {margin-top:50px;	background-position:top right;}

#content
{
  width:385px;
  margin-left:17px;
}

#content p,
#content ol,
#content ul
{
  margin-bottom:14px;
}

#content p, 
#content li
{
	font-size:80%;
	line-height:130%;
}

#content h1 
{
	position:relative;
	margin-left:-17px;
	width:320px;
	height:55px;
	text-indent:-2000px;
	margin-bottom:20px;
}

body.welcome #content h1 
{
  position:relative;
	top:115px;
	background-image:url('./heading_welcome.png');
}

body.portfolio #content h1 
{
	background-image:url('./heading_portfolio.png');
}

body.about #content h1 
{
	background-image:url('./heading_about.png');
}

body.contact #content h1 
{
	background-image:url('./heading_contact.png');
}

body.contact #middle_container
{
  background-image:url('images/contact_bg.gif');
  min-height:550px;
}

body.about #middle_container
{
  background-image:url('images/about_bg.gif');
	height:630px;
}

body.welcome #middle_container
{
  background-image:url('images/welcome_bg.gif');
  margin-left:auto;
	margin-right:auto;
  position:relative;	
  height:300px;
	width:550px;
	margin-top:80px;
}

body.welcome #content p
{
  text-indent:-2000px;
}

body.contact #content form label
{
  display:block;
}

body.contact #content form label span
{
  color:#660000;
	font-size:80%;
	font-style:italic;
}

body.contact #content form ol li
{
  margin-bottom:10px;
  position:relative;
}

body.contact #content form ol li input,
body.contact #content form ol li textarea
{
  width:365px;
	border:1px solid #ddd;
	padding:5px;
	color:#000;
}

body.contact #content form ol li #verification_code
{
  width:150px;
}

body.contact #content form ol li #verification_image
{
  position:absolute;
  top:10px;
  left:180px;
}


body.portfolio #middle_container
{
  width:800px;
  background-position:top right;	
}

body.portfolio #content 
{
  width:100%;
}

body.portfolio #portfolio div.website
{
  width:780px;
  height:550px;
	position:relative;
}

body.portfolio #content div.website p a 
{
	color:#a1a96f;
}

body.portfolio #content div.website p a:hover 
{
	color:#225ee7;
}

body.portfolio #content div.website p a:active 
{
	color:#3366FF;
}

body.portfolio #content div.website div.left 
{
  width:335px;
}

body.portfolio #content #portfolio div.website div.right 
{
  position:absolute;
  top:0px;
  right:-20px;
}

body.portfolio #content div.website div.left h2 
{
	color:#000;
	padding:10px 0px;
	font-size:90%;
	font-weight:400;
	font-style:italic;
}

body.portfolio #content div.website div.left p 
{
	color:#5f5b5b;
	padding:5px 0px;
}

body.portfolio #content div.website p.quote 
{
  background-image:url("images/quote_open.gif");
  padding:0;
}

body.portfolio #content div.website p.quote span 
{
	background-image:url("images/quote_close.gif");
	display:block;
	background-position:bottom right;
	padding:5px 40px;
}

body.portfolio #content div.website div.left p.quote span 
{
	color:#1f1d1d;
} 

body.portfolio #content div.website div.left p.quote_from 
{
	margin-top:0;
	padding-left:40px;
	color:#1f1d1d;
}

body.portfolio #portfolio
{
  position:relative;
}

body.portfolio #portfolio.active
{
  height:550px;
  width:780px;
  overflow:hidden;
}



body.about #content h2 
{ 
  color:#0066CC;
	font-size:80%;
	font-weight:100;
	margin-bottom:10px;
}

body.about #content #slides
{
  position:relative;
}

body.about #content #slides.active div.slide
{
  width: 383px;					
  height: 248px;					
  background-color:#f9f9f9;
  border:1px solid #eee;
}

body.about #content #slides.active div.slide
{
  position: absolute;				
  float: left;
  cursor:pointer;
}

body.about #content #slides.active div.slide h3,
body.about #content #slides.active div.slide p
{
  margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}

body.about #content #slides div.slide h2
{
  color:#4887A2;
	font-weight:400;
  font-size:100%;
}

body.about #content #slides div.slide h3
{
  color:#4887A2;
	font-weight:400;
}

body.about #content #slides.active div.slide
{
  background-image:url('next.jpg');
}

body.about #content #slides.active div.intro
{
  background-image:url('intro.jpg');
	text-indent:-1000px;
}

#content #field_errors,
#content #bad_messages
{
  background-color:#FFE9E8;
  border:1px solid #F39494;
}

#content #good_messages
{
  background-color:#ebfeea;
  border:1px solid #5cb054;
}

#content #field_errors p,
#content #field_errors li,
#content #bad_messages p,
#content #bad_messages li
{
  color:#c00;
}

#content #good_messages p,
#content #good_messages li
{
  color:#167e11;
}

#content #bad_messages p,
#content #good_messages p
{
  margin-bottom:10px;
}

#content #field_errors,
#content #good_messages,
#content #bad_messages
{
  padding:10px 10px 0px 10px;
  margin-bottom:10px;
}

#content #field_errors li,
#content #good_messages li,
#content #bad_messages li
{
  list-style-type:disc;
  margin-left:20px;
}


p#next_website 
{
  background-image:url("images/next_website.gif");
  text-indent:-2000px;
  height:21px;
  cursor:pointer;
  width:122px;
}