/* General Settings */
body {
  font: .8em "Century Gothic", Tahoma, Arial;
  background: #efefef url(../images/back.gif) repeat-x top;
  text-align:center; 
  margin: 0; 
  }
#container{
width: 850px;
background: #fff;
margin: auto;
}

/* Header */

#header{
text-align: left;
background: #fff url(../images/headtop.gif) no-repeat top left;
border-left: 2px dotted #b4d7d7;
border-right: 2px dotted #b4d7d7;
}
#headlogo{
border: 0;
margin: 20px 0 0 30px;
}

#navigation {
text-align: left;
margin: 20px 0 0 20px;
padding: 8px;
}
#navigation a{
border-bottom: 1px solid #add4d4;
border-right: 1px solid #add4d4;
padding: 2px 4px 2px 4px;
background: #deeded;
color: #2d2f2f;
text-decoration: none;
}

#navigation a:hover, #navigation .selected{
border-bottom: 1px dotted #4d0a04;
border-right: 1px dotted #4d0a04;
padding: 2px 4px 2px 4px;
background: #b8d8d8;
color: #000;
text-decoration: none;
}

/* Domain Search */

.domsearch{
border-bottom: 1px solid #add4d4;
border-right: 1px solid #add4d4;
padding: 2px 4px 2px 4px;
background: #b10b07;
color: #fff;
text-decoration: none;
cursor: help;
}
.domsearch:hover{
border-bottom: 1px dotted #4d0a04;
border-right: 1px dotted #4d0a04;
padding: 2px 4px 2px 4px;
background: #e0a1a0;
font-weight: bold;
color: #b10b07;
text-decoration: none;
}

#domainsearch{
background: #00589c;
border-top: 1px solid #fce0df;
border-bottom: 1px dotted #989595;
color: #fff;
text-align: right;
height: 19px;
padding: 0px 4px 7px 4px;
border-bottom: 1px solid #c8d3e0;
}

div.domtext{
float: left;
margin: 3px 0 0 0;
width: 580px;
text-align: right;
}

input.dominput{
background: #efefef url(../images/domsearchback.gif) repeat-x top;
float: left;
font: .9em "Century Gothic", Tahoma, Arial;
padding: 1px 1px 1px 4px;
border: 1px solid #c8d3e0;
margin: 0px 0 3px 3px;
}

input.formbutton{
background: #f8f2f2;
border: 1px solid #c3c9d5;
margin: 0px 0 0 3px;
height: 21px;
padding: 0 1px 4px 0px;
font: .9em "Century Gothic", Tahoma, Arial;
}
/* Main Banner */

#mainbanner{
background: #fff url(../images/mainbanner.gif) no-repeat bottom right;
border-top: 1px solid #dfeded;
border-bottom: 1px solid #dfeded;
margin-top: 10px;
height: 210px;
}

#mainbanner_landing{
background: #fff url(http://www.bizlandcrafters.com/images/mainbanner.gif) no-repeat bottom right;
border-top: 1px solid #dfeded;
border-bottom: 1px solid #dfeded;
margin-top: 10px;
height: 55px;
}

#mainbanner_landing h1{
text-align: center;
font-weight: normal;
color: #2e837e;
font-size: 2.1em;
margin: 2px 0; 
}

#mainbanner h2{
text-align: center;
font-weight: normal;
color: #2e837e;
font-size: 2.1em;
margin: 2px 0; 
}

#mainbanner ul{
margin:auto;
margin: 25px 0 0 60px;
padding: 0;
text-align: center;
padding-bottom: 100px;
}


#mainbanner li{
float: left;
display: inline;
margin: 0px 50px 0 50px;
padding: 0 15px 0 15px;
}

#mainbanner li p{
margin: 0;
padding: 0;
color: #2e837e;
font-size: 1.8em;
}

#welcome_landing{

height: 220px;

}

.content{
float: left;
width: 600px;
padding: 6px;
}

.content h3{
border-bottom: 1px dotted #000;
font-size: 1.3em;
font-weight: normal;
color: #a51c6d;
margin: 5px 5px 10px 5px;
text-align: left;
}

.content p{
font-size: 15px;
}

/* Contact Info (Phone Numbers ahd Chat) */
#phonechat{
margin: -85px 90px 0 0;
float: right;
width: 240px;
height: 50px;
}

.numbers p{
float: left;
margin: 0;
padding: 0;
}

.chatballoon{
background: #fff url(../images/chatcloud.gif) no-repeat top right;
width: 58px;
height: 48px;
float: left;
text-align: center;
padding: 9px 2px 0 0;
margin: -20px 0 0 18px;
}
.chatballoon a{
font-size: .8em;
text-decoration: none;
color: #000;
border-bottom: 1px dotted #b10b07;
}
.chatballoon a:hover{
font-size: .8em;
text-decoration: none;
color: #000;
border-bottom: 0;
}


/* Body */

#body {
background: #fff url(../images/bodygrad.gif) repeat-x bottom left;
clear: both;
margin-left: -px;
float: left;
width: 845px;
text-align: left;
padding-bottom: 50px;

border-left: 2px dotted #b4d7d7;
border-right: 2px dotted #b4d7d7;
}

/* Left */
#left{
width: 225px;
float: left;
margin: 5px 0px 5px 0px;
}
#left p{
padding-bottom: 25px;
font-size: .9em;
}

#left h4{
border-bottom: 1px dotted #000;
font-size: 1em;
font-weight: normal;
color: #05653d;
margin: 5px 5px 10px 5px;
text-align: left;
}

#left a{
font-size: .9em;
color: #2284a5;

}

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


/* Right */
#right{
float: right;
width: 489px;
margin: 0;
}

.abouthosting{
background: #fff url(../images/hostback.gif) no-repeat top left;
margin: 3px 5px 0 -6px;
padding: 7px;
float: left;
width: 482px;
height: 224px;
}

div.head{
color: #511e1f;
padding: 0 0 3px 4px;
font-size: 1.1em;
font-weight: normal;
border-bottom: 1px dotted #add4d4;
}

.abouthosting a, .abouthosting a:active{
color: #125074;
padding: 0 3px 2px 3px;
text-decoration: none;
border-bottom: 1px dotted #e6bfbe;
}

.abouthosting a:hover{
color: #dd382a;
border-bottom: 2px dotted #f78625;
}

.abouthosting ul{
margin: 10px 0 3px 25px;
padding: 0;
width: 480px;
float: left;
}

.abouthosting li{
font-size: .9em;
padding: 1px 3px 1px 2px;
color: #511e1f;
margin: 3px 0;
list-style: none;
}
p.hostlinks {
text-align: right;
margin-right: 20px;
}
p.hostlinks a{
text-align: right;
margin-right: 20px;
}

.article{
margin-right: 6px;
font-size: .9em;
}

.article p{
margin: 10px 7px 10px 7px;
}

.article a, .abouthosting a:active{
color: #125074;
background: #e7efef;
padding: 0 3px 2px 3px;
text-decoration: none;
border-bottom: 1px dotted #e6bfbe;
margin-left: 30px;
padding: 0 3px 0 3px;
}
.article a:hover{
background: #d3e3e3;
padding: 0 3px 2px 3px;
text-decoration: none;
border-bottom: 1px dotted #e6bfbe;
margin-left: 30px;
padding: 0 3px 0 3px;
}

.lbox{
padding: 2px;
}

.lbox p{
height: 30px;
float: left;
padding: 0;
margin: 0 5px 0 5px;
}

.lbox form{
float: left;
margin: 20px 0 25px 0;

}

/* Footer */
#footer {
width: 845px;;
text-align: left;
margin: auto;
margin-left: 0px;
float: left;
background: #e0e0c7 url(../images/footerback.gif) no-repeat top left;
font: .9em "Century Gothic", Tahoma, Arial;
border-left: 2px dotted #b4d7d7;
border-right: 2px dotted #b4d7d7;
}

#footer p{
margin: 10px 0 10px 20px;
}
#footer a{
color: #628888;
text-decoration: none;
border-bottom: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
background: #f5f5ed;
padding: 0 4px 0 4px;
}
#footer a:hover{
color: #628888;
background: #dcefef;
padding: 0 4px 0 4px;
}

#footer li{
font-size: 10px;
float: right;
display: inline;
}

#quicklinks{
margin: 0;
padding: 5px 5px 0 5px;
}
#quicklinks li{
display: inline;
}
#quicklinks ul,#quicklinks li{
margin: 0;
padding: 0;
}
#quicklinks ul{
font-size: .8em;
text-align: right;
}

/* Middle Column Styles */
#middle{
background: #fff url(../images/midback.gif) no-repeat top left;
float: left;
margin: 0 0 50px 0;
width: 119px;
height: 400px;
}
#middle h5{
color: #499494;
margin: 0 4px 0 0;
text-align: right;
}
#middle li{
margin: 0;
list-style: none;
text-align: right;
padding: 0;
}
#middle ul{
float: none;
text-align: right;
margin: 10px 3px 15px 0;
padding: 0;
}

.accordion_toggle {
padding: 0 2px 0 0px;
color: #ffffff;
outline: none;
font-size: 12px;
color: #000000;
cursor: pointer;
margin: 0 0 0 0;
}
		
.accordion_toggle_active {
background: #b5dddd;
}
		
.accordion_content {
text-align: right;
overflow: hidden;
margin: 0 2px 0 0;
}
			
h5.accordion_toggle:hover {
background: #b5dddd;
}

.accordion_content li a{
font-size: .9em;
color: #944949;
text-decoration: none;
border-bottom: 1px dotted #c9caca;
}

.accordion_content li a:hover{
border-bottom: 0;
}

#tagline{

background-color: #eaf0f3;
border-top: 0;
width: 250px;
font-size: 10px;
margin: 0 0 0 20px;
padding: 3px;;
display: inline;
position: absolute;
}

.content a, .content a:active{
color: #125074;
padding: 0 3px 2px 3px;
text-decoration: none;
border-bottom: 1px dotted #e6bfbe;
}

.content a:hover{
color: #dd382a;
border-bottom: 2px dotted #f78625;
}