/*
  CSS For www.Alpha-Delivery.com
  Jerome PJ Williams
  JWorks Studios - www.jworksstudios.com
  6-16-2010
  
  This comment for you if he plans on stealing it lol.
*/

body, html{
height: 100%;
width: 1000px;
margin-left: auto;
margin-right: auto;
font-family: Arial;
font-size: 0.9em;
background-color: white; /*#000022;*/
color: #222222; /*#444444;*/
background-image: url('../images/bg3.jpg');
background-repeat: repeat-x;
}

#body-container{
margin-left: auto; 
margin-right: auto; 
margin-top: -10px;
text-align: center; 
width: 100%;
}

#body{
position: relative;
/*top: -10px;*/
width: 850px;
/*height: 100%;*/
margin-left: auto;
margin-right: auto;
text-align: left;
/*background-image: url('../images/blue.jpg');*/
background-repeat: repeat-x;
background-color: white;
}

h1{font-size: 30px;}
h2{font-size: 20px;}
h3{font-size: 15px;}
h1, h2, h3{color: #222222; /*#555555;*/ margin: -10px 0 10px 0;}

/*Links*/
a{text-decoration: none; color: #005555;}
a:hover{text-decoration: underline;}
a:visited{color: #005555;}
a.white{color: white;}
a img{border: 0px;}

/*Lists my friend.*/
.no-bullets{list-style: none; position: relative; left: -40px; padding-bottom: 10px;}

hr{height: 1px; color: #444444; background-color: #444444;}
hr .dark{color: #000000; background-color: #000000;}

#clear{clear: both;}
.clear{clear: both;}
.center {margin-left: auto; margin-right: auto;}
.right {float: right;}
.left {float: left;}

/*This will pad the text so it will show better bitch!*/
.pad10{padding: 10px;}
.pad20{padding: 20px;}

/*The left hand navigation + logo area.*/
#left-panel{float: left; width: 210px; /*height: 100%;*/}

/*The "wave" image in the top left corner*/
#corner{margin-bottom: -10px;}
#site-logo{position: absolute; top: 5px; left: 10px;}

#navigation{padding: 10px; background-image: url('../images/nav_bg.png'); background-repeat: repeat-y;}
#navigation, #navigation a:link, #navigation a:visited{color: white;}
#navigation a:hover{color: yellow;}
#navigation hr{width: 170px; text-align: left; margin: 0;}
#navigation li{list-style: none; position: relative; left: -40px; padding-bottom: 10px;}

/*The area where all of the rest of the info will be going.*/
#content-panel{float: left;}
#content{width: 600px;}
 
/*The header bar + buttons.*/
#header{}
#header-buttons{height: 10px; position: relative; top: -25px;}

/*Long (wide) content section.*/
#content-long{width: 600; background-image: url('../images/content-long-bg.png'); background-repeat: repeat-y; padding: 10px;}

/*Short (snippet) content section*/
#short-content-container{float: left; margin-top: 0px; margin: 0px;}
#content-short{width: 300; background-image: url('../images/content-300px-bg.png'); background-repeat: repeat-y; padding: 0px;}

/**/
#sitemap-links{width: 100%; text-align: center; margin-top: 10px;}

/*short or long (width) text descritptions*/
.long{width: 570px;}
.short{width: 280px;}