/* williamzone 07 CSS Document */



body {
margin: 0;
padding: 0;
background-color: #222;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #eee;
height: 100%;
}

/* containers */

#siteContainer{
position: relative;
background: #333;
width: 782px;
border: 1px solid #666;
margin: 5px auto;
padding: 5px;
height: 100%;
}

.fullWidthContainer {
padding: 5px 15px;
}

.topBar {
width: 750px;
margin: 0 auto;
padding: 0 10px;
}

/* site header */

#topNavbar {
width: 760px;
padding: 5px 10px;
border-top: 1px dashed #666;
border-bottom: 1px dashed #666;
margin: 0 auto;
}

#topNavbar ul {
margin: 0;
padding: 0;
}

#topNavbar ul li {
display: block;
float: left;
list-style: none;
margin: 0 10px 0 0;
padding: 6px 0;
}

#topNavbar ul li a:link, #topNavbar ul li a:active, #topNavbar ul li a:visited {
background: #222;
border: 1px solid #666;
text-decoration: none;
color: #CCCCCC;
padding: 4px;
}

#topNavbar ul li a:hover {
background: #ff3300;
border: 1px solid #eee;
}

body#home a#homenav,
body#services a#servicesnav,
body#portfolio a#portfolionav,
body#profile a#profilenav,
body#contact a#contactnav {
background: #ff3300;
border: 1px solid #eee;
text-decoration: none;
color: #eee;
padding: 4px;
}

#navDate {
float: left;
text-align: left;
width: 500px;
padding: 5px;
color: #bbb;
}

#headerBar {
background:#333333 /*url('../images/header/random.php')*/ none no-repeat scroll 5px 5px;
border:1px solid #666666;
color:#555555;
margin:0 auto 10px;
padding:5px;
}

.textLeft {
left: 10px;
top: 0;
height: 18px;
float: left;
margin: 0px;
}
.textRight {
right: 10px;
top: 0;
height: 18px;
float: right;
margin: 0px;
padding: 5px;
}

.icons {
float: right;
margin: 3px 5px 0 0;
}

/* content area */

#leftNavBar {
float: right;
width: 185px;
}

.buttDiv {
padding: 5px;
}

#contentZone {
float: left;
width: 540px;
border-right: 1px solid #666;
padding: 0 10px 5px 0;
}

.contentContainer {
width: 500px;
padding: 10px;
margin: 0;
border-top: 1px dashed #666;
}

.fullWidthBordered {
width: 668px;
border: 1px solid #666;
padding: 25px;
margin: 5px 0 5px 0;
text-align: left;
}

.imageHolder {
float: left;
width: 200px;
}

.thumbImg {
border: 0;
}

.textHolder {
float: right;
width: 280px;
text-align: left;
}

.clearer {
clear: both;
}

/* footerZone */

#footerZone {
width: 760px;
margin: 10px auto ;
padding: 10px 0;
border-top: 1px dashed #666;
}

#footerLeft {
float: left;
width: 45%;
padding: 5px;
text-align: left;
color: #969696;
}

#footerRight {
float: right;
width: 45%;
padding: 5px;
text-align: right;
color: #969696;
}

.formElements {
width: 730px;
border: 1px solid #666;
padding: 5px;
margin: 10px 0;
text-align: left;
}

.formRow {
margin: 10px 0;
padding: 5px;
border: 1px solid #666;
width: 680px;
}

/* form styles */
.errorTxt {
color: #FF9900;
}

.formLabels {
width: 220px;
float: left;
text-align: right;
padding: 8px 5px 0 0; 
}

.fields {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
width: 350px;
float: left;
margin: 4px 0;
}

input {
background: #eee;
width: 300px;
height: 16px;
border: 1px solid #666;
padding: 2px;
color: #333;
}

textarea {
background: #eee;
width: 300px;
height: 50px;
border: 1px solid #666;
padding: 2px;
color: #333;
}

.formButts {
float: left;
width: 340px;
margin: 0;
padding: 0 0 0 225px;
}

input.buttons {
float: left;
display: block;
background-color: #222;
color: #e7e7e7;
border: 1px solid #666;
cursor: pointer;
margin: 2px;
padding: 4px;
height: 28px;
width: 80px;
}
input.buttons:hover {
display: block;
background-color: #FF3300;
color: #eeeeee;
border: 1px solid #eee;
cursor: pointer;
margin: 2px;
}


/* Button Styles */

a:link, a:active, a:visited {
color: #FF3300;
}

a:hover {
color: #ddd;
}

#leftNavBar a:link, #leftNavBar a:active, #leftNavBar a:visited {
border: 1px solid #666;
background: #222;
color: #CCC;
display: block;
width: 185px;
padding: 2px;
margin: 0 0 5px 0;
text-decoration: none;
text-align: left;
}

#leftNavBar a:hover {
border: 1px solid #eee;
background: #000;
color: #e7e7e7;
}

a img {
border: 0;
}