/********************

***  Style reset  ***

********************/

*

{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}







/**********************

***  Global Styles  ***

**********************/

html {

	background-color: #252525;

	background-image: url(http://www.joshcaldwellmusic.com/images/bg.gif);

	background-repeat: repeat;

}

html, body

{
	color: #000;
	margin: auto;
	font-family: "Trebuchet MS", arial, verdana, sans-serif;
	font-size: 13px;
	line-height: normal;
	position: normal;

}

body

{

   width: 1000px;

   background: #252525 url('images/logo.png') no-repeat 0 40px;

   padding: 40px 0;

}

h1

{
	font: 40px "Trebuchet MS", sans-serif;
	background-color: transparent;
	color: #fff;
	padding-left: 0px;
	font-size: 36px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;

}

h2

{

	font: 16px "Trebuchet MS", sans-serif;

	background-color: transparent;

	color: #979797;

	padding-left: 0px;

}

p

{

   padding: 6px 5px;

}

a:link, a:active

{

	background-color: inherit;

	color: #000000;

}

a:visited

{

	background-color: inherit;

	color: #000000;

}

a:hover

{

	text-decoration: none;

}

ul

{

   list-style-type: none;

}







/***********************

***  Top Navigation  ***

***********************/

ul#navigation

{

   height: 20px;

   width: auto;

   float: right;

   padding: 35px 0 0 0;

   margin: 0;

}

ul#navigation li a

{

   display: block;

   float: left;

   margin: 0 0 0 4px;

   height: 24px;

   background: transparent;

   color: #fff;

   font-size: 10px;

   font-weight: bold;

   text-decoration: none;

   text-align: center;

}

ul#navigation li

{

   display: inline;

}

ul#navigation li a span

{

   padding: 6px 5px 0 5px;

   height: 18px;

   display: block;

   float: left;

}

ul#navigation li a:hover

{

   background: #fff url('images/navigation-bg-right.png') no-repeat right;

   color: #000;

}

ul#navigation li a:hover span

{

   background: transparent url('images/navigation-bg-left.png') no-repeat left;

   color: #000;

}







/*********************

***  Main Content  ***

*********************/

div#main-content

{
	background-color: #fff;
	background-image: url(images/bg.png);
	background-repeat: repeat-y;
	background-position: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 235px;
	text-align: center;

}

div#main-content h3

{
	font: 18px Georgia, "Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;

}

div#main-content h4

{

   background-color: transparent;

   color: #979797;

   font-size: 10px;

   padding: 0 0 5px 15px;

   font-weight: normal;

}

div#side-col

{
	font-size: 9px;
	float: left;
	display: inline;
	width: 225px;
	background: #fff url('images/bg.png') repeat-y left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;

}

div#side-col h3

{

	font-size: 10px;

	padding: 30px 15px 5px 15px;

	font-weight: bold;

}

div#side-col p

{

	padding: 0 15px 5px 15px;

}

div#side-col p#quote-link a

{

   margin: 20px 0 0 0;

   float: right;

   display: block;

   background: #e2e0c3;

   padding: 7px;

   width: 100px;

   text-align: center;

   color: #ef067c;

}







/*****************

***  Services  ***

*****************/

ul#services

{

   border-top: 1px solid #fff;

   background: #fbf9ed url('images/bg-light.png') repeat-y right;

}

ul#services li

{

   background: transparent url('images/logo-design.png') no-repeat 10px 17px;

   border-bottom: 1px solid #fff;

   padding: 12px 5px 12px 35px;

}

ul#services li#web-design { background-image: url('images/web-design.png'); }

ul#services li#valid-markup { background-image: url('images/valid-markup.png'); }

ul#services li#free-quote { background-image: url('images/free-quote.png'); }

ul#services li a:link, ul#services li a:active, ul#services li a:visited

{

   background-color: inherit;

   color: #000;

   font-weight: bold;

   text-decoration: none;

}

ul#services li a:hover

{
	text-decoration: underline;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}







/********************

***  Welcome Box  ***

********************/

div#welcome

{
	background: #fbf9ed url('images/welcome-bg.png') no-repeat top right;
	border: 3px solid #f0eed9;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;

}

div#welcome p

{
	color: #b1ae94;
	font-size: 14px;
	margin-top: 10px;
	margin-right: 170px;
	margin-bottom: 10px;
	margin-left: 10px;

}







/********************

***  Page Footer  ***

********************/

p#footer

{

   background-color: transparent;

   color: #979797;

   font-size: 10px;

   padding: 40px 0 0 0;

   text-align: center;

}

#side-col p {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}