/* index stylesheet */

.wdd {
float: left;
width: 100px;
font-size: 0.7em;
border: 1px dotted silver;
}

body {
margin: 0;
padding: 0;
background-color: white;
}

#navblock {
position: absolute;
left: 0;
top: 0;
}

img#gwdlogo {
margin-top: 10px;
margin-left: 20px;
}

#contactbar {
position: relative;
margin-top: 10px;
width: 100%;
text-align: center;
background-color: #50A579;

}

h1 {
padding: 0;
margin: 3px;
font-size: 90%;
font-family: "Courier New";
color: white;
font-weight: bold;
letter-spacing: 0.2em;
}

#nav {
margin-top: -10px;
margin-left: 3px;
}

#nav a {
text-decoration:none;
font-family:verdana;
font-weight:bold;
font-size:8pt;
}

#nav a:link {
color: black;
padding-left:1.9em;
padding-top:0.3em;
padding-bottom:1em;
}

#nav a:visited {
color: black;
padding-left:1.9em;
padding-top:0.3em;
padding-bottom:1em;
}

#nav a:hover {
text-decoration: none;
color: gray;
background: url('imgs/bullet.jpg');
background-position:0 1px;
background-repeat:no-repeat;
padding-left:1.9em;
padding-top:0.3em;
padding-bottom:1em;
}

#nav a:active {
color: aqua;
padding-left:1.9em;
padding-top:0.3em;
padding-bottom:1em;
}

#nav .onload {
text-decoration: none;
color: gray !important;
background: url('imgs/bullet.jpg');
background-position:0 1px;
background-repeat:no-repeat;
padding-left:1.9em;
padding-top:0.3em;
padding-bottom:1em;
}

#footer {
text-align: center;
padding: 5px;
margin-top: 0px;
height: 100%;
overflow: hidden;
clear: both;
}

#footer p {
margin-top: 10px;
color: white;
}

#footer a:link, #footer a:visited {
color: white;
}

#footer a:hover {
color: silver;
}

#innerfoot {
background-color:#50A579;
margin-top: 20px;
text-align: center;
color: white;
padding: 3px;
}

#footer p.contactdetails {
font-size: 0.9em;
color: gray;
}

span.liststyle {
color: rgb(51,51,0);
font-weight: bold;
font-family: "Lucida Sans";
font-size: 1.05em;
}

/* Some Relevance */

h2 {
font-family:verdana;
margin-top: 10px;
font-size:110%;
color:#006600;
}


h3 {
font-family: Verdana;
color:#006600;
font-size: 90%;
margin-top: -5px;
}

ul {
margin-top: 0;
line-height: 1.5em;
font-family: Verdana;
font-size: 80%;
}

#maintxt p {
font-family: Verdana;
font-size: 90%;
}

.highlight {color:#333300}

#content {
border: 1px solid white;
margin-top: 15px;
margin-right: 10px;
padding-bottom: 20px;
position: relative;
/*display: inline-block;*/
}

#wrapper {
background: white;
border-bottom: 1px solid white;
}

/* Just Home Page */

a:link.faq, a:visited.faq {
color:#333300
}

#sidepic {
position: absolute;
top: 15px;
left: 0;
}

#maintxt {
margin-left: 250px;
}

/* Contact */

img#phone {
margin-left: 50px;
}

#form {
margin: 15px;
}

form.contact {
margin-top:5px;
}

form.contact fieldset {
border: 1px solid green;
margin-bottom: -18px;
}

form.contact legend {
font-family: Verdana;
font-size: small;
color: green;
}


form.contact label {
font-weight: bold;
line-height: 1em;
}

form.contact label.fixedwidth {
display: block;
width: 100px;
float: left;
}

.formbox {
margin-top: 5px;
}

form.contact .buttonarea input {
font-weight:bold;
padding:2px;
}

.buttonarea {
margin: 10px 0 0 100px;
}

fieldset script {
margin-left: 100px;
color: red;
}

.processcontact {
margin-bottom: 200px !important;
}

/* Services */

div#wdservices {
margin-right:10px;
margin-bottom:30px;
margin-left: 10px;
font-family:verdana;
}
div#wdphoto {
float: right;
width:420px;
padding-bottom:8px;
font-family:verdana;
}

.border {
border-width: 1px; 
border-style: solid; 
border-color: #666666;
}

.title {
margin-top:15px
}

#tablebox {
text-align:left;
background:#B7DF9F;
margin:20px;
border: 1px solid #339966
}
#tablebox ul {
font-size: 85%;
}

.comments {
font-size:65%; 
margin-top:-5px; 
text-align:center
}

table {
margin: 0px auto
}

.packages {
font-size:80%;
text-align:left;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
background:#cecef6;
margin-left:45px;
margin-right:45px
}

.shoplist {
text-align:left;
font-weight:normal;
margin-left: 15px;
background:#cecef6;
margin-right:45px;
margin-top:0px
}

em {
color:blue
}

#shopbox {
font-size:80%; 
text-align:left; 
padding-left:20px; 
padding-top:5px; 
padding-bottom:5px; 
background:#cecef6; 
margin-left:45px; 
margin-right:45px
}

.otherservices {
border: 2px dotted #088A08; 
margin-left:20px; 
margin-right:20px; 
margin-top:20px
}

#imgcont {
padding-left:7px;
padding-right:7px
}

/* mac hide \*/
* html #tablebox, * html .otherservices, * html #wdservices,{height:1%}
/* end hide */

ul {
font-size:80%;
font-weight: bold;
font-size: small;
}

#wdservices h2, #wdphoto h2 {
text-align:center;
font-family:verdana;
font-size:95%;
padding-top:5px
}

#wdservices h2.title {
font-weight: bold;
margin-top: 0;
padding-top: 0;
font-size: 1.1em;
}

#wdservices h4 {
font-size: 0.8em !important;
}

#wdservices .maintxt, #wdphoto .maintxt {
padding-left:12px;
padding-right: 12px;
font-size:90%;
text-align:center
}

#servicewrap {
position: relative;
margin-top: 20px;
}

ul.pkglist {
margin-left: 5em !important;
padding-left: 0;
padding-right: 2em;
}

div.pkgcont {
background: #dde0f0;
margin-left: 45px;
margin-right: 45px;
}

/* portfolio */
.frame {border: 1px solid gray; margin-top:5px;}

i {font-weight:normal}

#floater h2 {
    text-align: center;
}

#portfoliowrap {
position: relative;
margin: 0 auto;
width: 800px;
}

.border {
    border: 2px ridge green;
    height: 430px !important;
    overflow: hidden;
    width: 350px;
    text-align: center;
    padding: 5px;
    float: left;
    margin: 5px;
}

#clearport {
position: relative;
height: 5px;
clear: both;
margin-top: 150px;
}

/* faqs */

#faqmain {
margin: 15px 15px 0 200px;
font-family: Verdana;
font-size: 90%;
}

.top {
margin-top: -0.5em;
margin-bottom: 2.5em;
}

/* Links */

#linkspic {
margin-left: 10px;
}

#clear {
margin-top: 0px;
}

/* Sitemap */

.sitemap {
margin-left: 250px;
}


/* banner */

#banner {
border: none;
background-image: url('imgs/website-banner.jpg');
background-position: 0 0;
height: 135px;
margin-left: 495px;
margin-top: 7px;
margin-right: 7px;
position: relative;
overflow: hidden;
}

/*#bannerlinks a {
display: block;
width: 135px;
height: 135px;
background: white;
opacity: 0.2;
filter: alpha(opacity=20);
float: left;
margin-right: 3px;
}

#bannerlinks a:hover {
opacity: 0;
filter: alpha(opacity=0);
}

#bannerlinks {
height: 134px;
left: 0;
top: 0;
}*/