/*
      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-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;

}
#header {
 color: #333;
 width: 770px;
 float: left;
 height: 85px;
 margin: 5px 0px 0px 0px;
 background: #FFFFFF;
}
#leftcolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 420px;
 width: 160px;
 float: left;
}

.menu {
	margin: 0;
	padding: 0;
	width: 160px;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 32px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 32px;
	background-repeat: no-repeat;
}
.home {background-image: url(images/home_yellow.gif);}
.home a {background-image: url(images/home.gif);}
.about {background-image: url(images/babout2.gif);}
.about a {background-image: url(images/babout1gif.gif);}
.services {background-image: url(images/bdesigns2.gif);}
.services a {background-image: url(images/bdesigns1.gif);}
.fashion {background-image: url(images/bstudio2.gif);}
.fashion a {background-image: url(images/bstudio1.gif);}
.process{background-image: url(images/bprocess2.gif);}
.process a{background-image: url(images/bprocess1.gif);}
.uses {background-image: url(images/bcustomers2.gif);}
.uses a{background-image: url(images/bcustomers.gif);}
.case {background-image: url(images/bcase2.gif);}
.case a{background-image: url(images/bcase1.gif);}
.faq {background-image: url(images/bfaq2.gif);}
.faq a{background-image: url(images/bfaq1.gif);}
.contact {background-image: url(images/bcontact2.gif);}
.contact a {background-image: url(images/bcontact1.gif);}

ul.menu li a:hover {background: none;}

#rightcolumn { 
 float: left;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 height: auto;
 width: 525px;
 display: inline;
}

#rightcolumn ul{
list-style-position:outside;}

#rightcolumn li{
	padding-left:5px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer { 
 width: 770px;
 clear: both;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-size:10px;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#8D1952;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#8D1952;
}
