body{
margin: 0 auto;
padding: 0;
color: #000;
background: transparent url('images/.jpg') repeat-x top left;
}
#container{
font-family: arial, helvetica, sans-serif;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
width: 780px;
border: 0px solid #333;
}

#top{
margin: 0;
padding: 0;
color: #fff;
background: transparent url('images/background01.jpg') repeat-x top left;
height: 110px;
border-bottom: 3px solid #69b;
}

#top a{ text-decoration: none; color: #fff; background-color: transparent;}


#header{
margin: 0;
padding: 0 0 30px 0;
color: #fff;
background: #069 url('images/.jpg') repeat-x top left;
min-height: 290px;
border-bottom: 10px solid #9c3;
}


#content{
clear: both;
margin: 0;
padding: 10px 0 90px 3%;
color: #333;
background: #fff url('images/background04.jpg') repeat-x top left;
/* height: 480px;  */
border-bottom: 0px solid #9c3;
}

#content h2{
font-family: arial, helvetica, sans-serif;
text-transform: capitalize;
background: transparent;
}
#content p{
font-family: arial, helvetica, sans-serif;
font-size: 80%;
line-height: 132%;
margin: 0 0 10px 0;
padding: 0;
}



#content a:link{text-decoration: underline; color: #069; background-color: #fff;}
#content a:visited{text-decoration: underline; color: #069; background-color: #fff;}
#content a:hover{text-decoration: none; color: #9c3; background-color: #fff;}


#navcontainer{
font-family: arial,helvetica,sans-serif;
font-size: 112%;
margin: 0 0 0 21.5%;
padding: 0;
}


# a:link{ font-weight: bold; text-decoration: none; color: #333; background-color: #fff;}
# a:visited{ text-decoration: underline; color: #999; background-color: #fff;}
# a:hover{ text-decoration: underline; color: #005100; background-color: #fff;}


#bottom{
clear: both;
margin: 30px auto 0 auto;
padding: 0;
color: #333;
background: #fff url('images/background03.jpg') repeat-x top left;
height: 240px;
}

#footer{
margin: 0 auto 0 auto;
padding: 0;
color: #000;
background-color: #dff;
height: 420px;
}

#footer p{
margin: 0;
padding: 0;
}

#footer a:link{text-decoration: underline; color: #069; background-color: #dff;}
#footer a:visited{text-decoration: underline; color: #069; background-color: #dff;}
#footer a:hover{text-decoration: none; color: #063; background-color: #dff;}


/*                          H O R I Z O N T A L   N A V I G A T I O N  */

ul#navlist{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover{
color: #fff;
background-color: #369;
background-color: #9c3;
text-decoration: none;
}




/* ......................... H O L D */
/*
#navcontainer ul{
padding: 0;
margin: 0;
background-color: #036;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{
padding: 0.2em 1em;
background-color: #036;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover{
background-color: #369;
color: #fff;
}

*/

/*                          H O R I Z O N T A L   N A V I G A T I O N  */
/*                          V E R T I C A L   N A V I G A T I O N  */
/*                          D E F I N I T I O N   L I S T  */
/*                          F I E L D S E T   */
/*                          F O R M S   I N P U T   */
/*                          O B J E C T S   */

.allclear{clear: both;}

#btn{
margin: 210px 0 0 58%;
padding: 0;
}

#fboxbox{
margin: 0 auto 0 auto;
border: 1px solid #333;
}

.fbox{
float: left;
font-family: arial,helvetica,sans-serif;
margin: 0 3% 0 0;
padding: 0;
width: 20%;
height: 360px;
border-right: 2px solid #069;
}

#fbox1{ margin-left: 7%;}
#fbox2{ width: 40%;}
#fbox3{ border: none;}

.fbox h2{
font-size: 132%;
font-weight: bold;
margin: 0 0 20px 0;
padding: 0;
color: #036;
background-color: transparent;
}


.fbox h3{
font-size: 112%;
font-weight: bold;
margin: 10px;
padding: 0;
color: #036;
background-color: transparent;
}

.fbox p{
font-size: 100%;
margin: 0;
padding: 0;
}


img{border: none;}

input,textarea{border: 1px solid #069; margin: 0 0 5px 0;}

#logo{
color: #fff;
background: transparent url('images/a9webdesign.jpg') no-repeat center left;
width: 90px;
height: 90px;
}

#picturebox{
color: #fff;
background: transparent url('images/websites.jpg') no-repeat top left;
float: left; 
border: 3px solid #333; 
margin-right: 3%;
width: 300px;
height: 190px;
}

#sites{
float: left;
list-style-type: none;
margin: 50px 0;
padding: 0;
color: #fff;
background: transparent url('images/testsites.jpg') no-repeat top left;
width: 290px;
height: 180px;
border: 3px solid #9c3;
}


#sites a{
display: block;
padding: 0;
width: 99%;
}

#slogan{
float: left;
margin: 0 9% 0 0;
padding: 0;
color: #fff;
background: #069 url('images/webdesign.jpg') no-repeat center center;
width: 600px;
height: 290px;
}

.thelist{
float: left;
margin-top: 90px;
font-family: arial,helvetica,sans-serif;
font-size: 112%;
width: 42%;
}

.thelist li{
text-align: justify;
margin-bottom: 10px;
}


.thelist h2{
color: #069;
background-color: #fff;
}

#thelist1{
margin-left: 3%;
}

#thelist2{
margin-left: 6%;
}


/*                          T E X T   */
h1{
font-family: verdana,arial,helvetica,sans-serif;
font-size: 132%;
margin: 0;
padding: 40px 0 0 3%;
}

.contact{
float: left;
width: 120px;
}

/*                          B O D Y    I D   T A G S   */

body#index #navcontainer #navlist li#a1 a#c1{color: #fff; background-color: #9c3;}
body#design #navcontainer #navlist li#a2 a#c2{color: #fff; background-color: #9c3;} 
body#promote #navcontainer #navlist li#a3 a#c3{color: #fff; background-color: #9c3;} 
body#manage #navcontainer #navlist li#a4 a#c4{color: #fff; background-color: #9c3;}
body#about #navcontainer #navlist li#a5 a#c5{color: #fff; background-color: #9c3;}
body#portfolio #navcontainer #navlist li#a6 a#c6{color: #fff; background-color: #9c3;}