html {
height:100%;
}


body {
/* background:#fff url('images/BodyBG.gif') repeat-y fixed center; */
font-family:Tahoma, Geneva, Verdana, sans-serif;
height:100%;
}

img {
border:0;
padding:0;
margin:0;
}

div#Master {
text-align:center;
background:#fff;
min-height:100%;
min-width:1060px;
background-image:url('images/NavShadow.gif');
background-repeat:repeat-y;
background-position:220px 0px;
position:relative;
}

div#MainContent {
background:#fff;
background-image:url('images/NavShadow.gif');
background-repeat:repeat-y;
color:#565656;
text-align:left;
margin-left:220px;
min-height:100%;
min-width:840px;
padding-bottom:85px;
}

div#content {
padding:0px 40px 0 100px;
}

/* Footer Styles */

div#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#aaa;
width:100%;
position:absolute;
bottom:0px;
left:0px;
}

div#InnerFooter {
text-align:right;
margin:0px 10px 0 230px;
border-top:1px solid #575757;
background-color:#f9f9f9;
padding:10px 30px;
}

p.LeftFoot {
float:left;
text-align:left;
display:inline-block;
margin-right:20px;
text-transform:uppercase;
}

p.LeftFoot a, p.LeftFoot a:link, p.LeftFoot a:visited {
color:#aaa;
text-decoration:none;
}

p.LeftFoot a:hover, p.LeftFoot a:active, p.LeftFoot a:focus {
text-decoration:underline;
}

/* Right Side Divs*/

div.rightSide {
float:right;
clear:right;
width:227px;
padding:0px;
margin-left:20px;
margin-bottom:13px;
background-image:url('images/BoxMiddle2.gif');
background-repeat:repeat-y;
background-position:0px 5px;
/*
background-color:#f2f2f2;
border:0
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
*/
}

p.rightpara {
text-align:justify;
font-size:12px;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:1em;
margin:0px 15px 4px 17px;
}

p.questions { 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:0px;
padding-left:2px;
margin:0px 15px 6px 17px;
border-left:3px double #0c0;
}

div.BoxTop {
height:13px;
overflow:hidden;
background-image:url('images/BoxTop2.gif');
}

div.BoxBottom {
height:15px;
overflow:hidden;
background-image:url('images/BoxBottom2.gif');
}

.rightSide h3 {
text-align:center;
border-top:3px double #0CCF4B;
border-bottom:3px double #fff;
padding:0.5em 0;
margin:0px 7px 4px 10px;
margin-bottom:0.25em;
}

h3.bright {
background-color:yellow;
}

/* Headings */

#webdesigner { /*the h1 on homepage, div on all other pages*/
font-size:2em;
height:163px;
width:auto;
display:block;
overflow:hidden;
text-indent:-9000px;
background:#fff url('images/WebDesigner.jpg');
background-repeat:no-repeat;
}

#webdesigner a {
display:block;
height:163px;
width:800px;
overflow:hidden;
text-indent:-9000px;
}

h2, h1#page-title {
color:#118f17;
background-image:url('images/HeadBack.jpg');
background-repeat:no-repeat;
background-position:0px 8px;
font-size:28px;
line-height:32px;
font-weight:normal;
font-style:italic;
font-family:"Palatino Linotype", "Palatino", "Times New Roman", serif;
margin-left:-28px;
text-indent:14px;
padding:0.5em 0;
max-width:664px;
}

div#content > h3 {
font-family:"Palatino Linotype", "Palatino", "Times New Roman", serif;
font-size:20px;
line-height:30px;
font-weight:bold;
color:#333;
}

div#content > p {
max-width:664px;
font-size:14px;
line-height:19px;
text-align:justify;
padding-bottom:13px;
}

ul.list1 {
color:#111;
margin-bottom:8px;
/* background-color:#cce; */
padding-top:9px;
padding-bottom:1px;
}

ul.list1 li {
font-size:14px;
line-height:18px;
margin-bottom:8px;
margin-left:4px;
text-indent:4px;
border-left:6px solid #621d9f;
background-image:url('images/listitemBG.jpg');
background-repeat:repeat-y;
}

ul.list2 {
list-style-type:circle;
margin-left:20px;
}

ul.list2 li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#111;
line-height:21px;
}

ul.list3 {
list-style-type:circle;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:21px;
}

/* Link Styling */

a:link, a:visited {
color:#00c;
text-decoration:none;
}

a:hover, a:active {
text-decoration:underline;
color:#009;
}

a#next, a#next:link, a#next:visited {
display:block;
background-color:#eee;
text-align:center;
font-style:italic;
font-weight:bold;
margin:20px;
padding:10px;
font-family:"Palatino Linotype", "Palatino", "Times New Roman", serif;
font-size:28px;
border:1px solid blue;
}

a#next:hover, a#next active, a#next:focus {
background-color:#fee;
text-decoration:none;
color:#f00;
border-color:#f00;
}

/* For LeftSide Vertical Nav */


div#NavMain {
text-align:center;
width:220px;
min-height:100%;
background:#000;
position:absolute;
top:0px;
left:0px;
}

div#NavInner {
margin-top:59px;
}

div#NavMain a, div#NavMain a:link, div#NavMain a:visited {
margin:0px auto;
background-position:0px -50px;
background-repeat:no-repeat;
width:180px;
height:48px;
overflow:hidden;
text-indent:-1000px;
display:block;
margin:15px 0 0 25px;
border-right:7px solid #666;
}

div#NavMain a:hover, div#NavMain a:active {
background-position:0px -5px;
border-right:7px solid #0c3;
}

a#navhome {
background-image:url('images/homeBG.jpg');
}

a#navabout {
background-image:url('images/aboutBG.jpg');
}

a#navservices {
background-image:url('images/servicesBG.jpg');
}

a#navfaq {
background-image:url('images/faqBG.jpg');
}

a#navcontact {
background-image:url('images/contactBG.jpg');
}

a#navminisite, a#navminisite:link, a#navminisite:visited {
background-image:url('images/minisiteBG.jpg');
background-position:0px -10px;
}

/* Availability Node Styling */

div#availability {
background-color:transparent;
width:358px;
position:absolute;
top:2px;
left:435px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
}

div#availability span {
display:inline;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
color:#f00;
background-color:#ff0;
padding:0px 2px;
}

/* Form Styling */

form#ContactPage {
margin-top:15px;
}

form.ContactForm label {
display:inline-block;
width: 150px;
text-align: right;
line-height:20px;
margin-right: 0px;
margin-bottom: 5px;
vertical-align:top;
float:left;
clear:left;
margin-right:10px;
}



form.ContactForm input, form.ContactForm textarea, form.ContactForm select {
border:1px solid green;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:16px;
background-color:#e1e1e1;
border-right:3px solid black;
}

form.ContactForm input:focus, form.ContactForm textarea:focus, form.ContactForm select:focus {
border-color:#0f0;
background-color:#efefef;
}

form.ContactForm select {
margin-bottom:15px;
}

form.ContactForm input {
width:300px;
margin:0 0 15px 0;
margin-bottom:15px;
}

form.ContactForm textarea {
width:300px;
height:150px;
margin-bottom:10px;
}

input#ContactSubmit{
width:300px;
margin-left:160px;
}

p#error span{
background-color:yellow;
color:red;
font-weight:bold;
}

/* ContactWhatever2 is the form on web design cost page */

form#ContactPage2 label, form#ContactPage label {
width:120px;
}

input#ContactSubmit2, input#ContactSubmit {
margin-left:130px;
}

/* Home Page Contact Form Styling*/

form.HomeContactForm p {
background-color:#fff;
padding:0px;
margin:0px 7px 4px 10px;
text-align:right;
}

form.HomeContactForm label {
background-color:#fff;
display:inline-block;
vertical-align:top;
text-align:right;
float:left;
width:65px;
height:100%;
font-size:12px;
line-height:18px;
}

form.HomeContactForm input, form.HomeContactForm select, form.HomeContactForm textarea {
border:1px solid #efefef;
background-color:#E0EFE5;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:140px;
height:16px;
}

form.HomeContactForm option {
padding:1px 3px;
width:140px;
height:16px;
}

form.HomeContactForm textarea {
height:40px;
}
/*
select#Home {
width:104px;
height:20px;
}
*/
input#HomeContactSubmit {
width:210px;
height:22px;
margin-top:4px;
margin-bottom:4px;
background-color:#0CCF4B;
border-bottom-color:#333;
border-right-color:#333;
}

input#HomeContactSubmit:hover, input#HomeContactSubmit:active {
margin:5px -1px 3px 1px;
}

input#HomeContactReset {
width:102px;
height:22px;
margin-bottom:4px;
}