/* STYLE SHEET FOR "PML Web Creations" */

html, body, h1, h2, h3, h4, ul, li {
    margin: 0;
    padding: 0;
}

body {
    font: 12px arial,'Lucida Grande',Verdana,sans-serif;  
    text-align: center;
    background: #000 url(Images/starfield.gif);
}

a:link {color: #ffff99;}
a:visited {color: #ffff99;}
a:hover {color: #ccff99;}

table.contact {margin: auto;}

img {border: 0;}
.imagepadding {padding: 0 60px;}

h1 {
    font: 30px Georgia, Arial, "Times New Roman", Times;
    color:#ccff99;
    text-align:left;
    padding: 10px 0 0 20px;
}

ul li.solutions {
font: 16px arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #999;
    text-align: left;
    margin-left: 35px;}


.boldit {font-weight: bold;}
.italicize {font-style: italic;}
.colorred {color: #cc0000;}
.colorblack {color: #000;}

.headingright {
    font: 18px Georgia, Arial, "Times New Roman", Times;
    color: #fff;
    text-align: left;
    padding: 20px 0 20px 10px;
}

.headingrightportfolio {
    text-align: left;
    border-top: 1px solid #555;
    padding: 0 0 14px 10px;
}

.headingportfolio {
    font: 30px Georgia, Arial, "Times New Roman", Times;
    color: #fff;
    text-align: left;
    padding: 20px 0 25px 20px;
}

.portfolioitemleft {
    width: 252px;
    float: left;
}

.portfolioclient {
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
}

.dashedborder {
    border-bottom: 1px dashed #555;
    padding-bottom: 20px;
}

#headermain {
    height: 400px;
    width: 100%;
    padding-top: 5px;
    background:#000 url(Images/bg.gif) repeat-x top center;
}

#headerhome {
    position: relative;
    top: 0;
    height: 400px;
    width: 975px;
    margin: 0 auto 0 auto;
    border: 1px solid #000;
    background: #000 url(Images/headerhome.jpg) no-repeat top center;
}

#headerabout {
    height: 400px;
    width: 975px;
    margin: 0 auto 0 auto;
    border: 1px solid #000;
    background: #000 url(Images/headerabout.jpg) no-repeat top center;
}

#headercontact {
    height: 400px;
    width: 975px;
    margin: 0 auto 0 auto;
    border: 1px solid #000;
    background: #000 url(Images/headercontact.jpg) no-repeat top center;
}

#headerportfolio {
    height: 400px;
    width: 975px;
    margin: 0 auto 0 auto;
    border: 1px solid #000;
    background: #000 url(Images/headerportfolio.jpg) no-repeat top center;
}

#headerskills {
    height: 400px;
    width: 975px;
    margin: 0 auto 0 auto;
    border: 1px solid #000;
    background: #000 url(Images/headerskills.jpg) no-repeat top center;
}

#myContent {
    width: 295px;
    background: #fff;
    position: absolute;
    top: 80px;
    left: 320px;
    padding: 10px;
    border: 1px solid #555;
}

#logo {
    text-align: left;
    padding: 15px 0 0 5px;
    float: left;
}

#slogan1 {
    position: relative;
    top: 215px;
    left: 180px;
}

#slogan2 {
    position: relative;
    top: 130px;
    left: -325px;
}

#slogan3 {
    position: relative;
    top: 115px;
    left: -425px;
}

#slogan4 {
    position: relative;
    top: 5px;
    left: 150px;
}

#page {
    background: transparent;
    width: 975px;
    margin: 0 auto 0 auto;
}

#contentfull {
    width:975px;
    color: #ddd;
    text-align:left;
    background: #000;
    border: 1px solid #555;
    margin-top: 25px;
    padding-bottom: 10px;
}

#contentleft {
    float:left;
    width:575px;
    color: #ddd;
    text-align:left;
    background: #000;
    border: 1px solid #555;
    padding-bottom: 25px;
}

.homepage {margin: 25px 0 255px 0;}
.aboutpage {margin: 25px 0 100px 0;}
.contactpage {margin-top: 25px;}
.servicespage {margin-top: 25px;}

#contentright {
    float:right;
    width:370px;
    text-align: center;
    background: #000;
    border: 1px solid #555;
    margin-top: 25px; margin-left:25px;
    padding-bottom: 25px;
}

#portfolioleft {
    float:left;
    width:485px;
    color: #ddd;
    text-align:center;
    background: #000;
    border: 1px solid #555;
    padding-bottom: 10px;
}

#portfolioright {
    float:right;
    width:487px;
    color: #ddd;
    text-align:center;
    background: #000;
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

#graphichome {
    position: absolute;
    top: 820px;
    width: 575px;
    text-align:left;
    background: #000;
    border: 1px solid #555;
}

#graphicabout {
    position: absolute;
    top: 925px;
    width: 575px;
    text-align:left;
    background: #000;
    border: 1px solid #555;
}

#graphicportfolio {
    width: 485px;
    text-align:left;
    background: #000;
    border-top: 1px solid #555;
}

#testimonialscontact {
    padding: 0 10px 48px 10px;
}

#contentleftauthor {
    float:left;
    width:350px;
    text-align:left;
    background: transparent;
    margin: 30px 0 10px 0;
}

#contentmiddlesitemap {
    float:left;
    width:200px;
    text-align:left;
    background: transparent;
    margin: 30px 0 10px 0;
}

#contentrightvalidators {
    float:right;
    width:235px;
    text-align:left;
    background: transparent;
    margin: 30px 0 10px 0;
}

#featuredsite {
    padding: 0 10px 15px 10px;
    border-bottom: 1px dashed #555;
}

#featuredgraphic {
    padding: 0 10px 15px 10px;
    border-bottom: 1px dashed #555;
}

#testimonials {padding: 0 10px 20px 10px;
}

#fullsite {display: none;}

#sharebuttons {
    background: transparent;
    text-align: right;
    float: right;
    margin: 0 auto 0 auto;
    padding-top: 3px;
}

#twitterbutton {
    margin-top: 5px;
    padding-left: 640px;
    float: left;
}

#linkedinbutton {
    padding-left: 15px;
    margin-top: 5px;
    float: left;
}

#facebookbutton {
    padding-left: 15px;
    margin-top: 5px;
    float: left;
}

#connections {
    position: relative;
    top: 10px;
    background: #000;
    clear: both;
    width: 975px;
    margin: 0 auto 0 auto;
    padding: 10px 0;
    border: 1px solid #555;
}

#contact {
    background: #000;
    text-align: center;
    padding-top: 15px;
}

.contactcell {
    background-color: #000;
    font-family: verdana;
    font-size: 12px;
    color: #aaa;
    line-height: 2.4;
    padding: 0 5px 0 30px;
    text-align: left;
}

#contactdiv {
    background-color: #000;
    font-family: verdana;
    font-size: 12px;
    color: #aaa;
    line-height: 2.4;
    padding: 0 9px 0 120px;
    text-align: left;
    width: 150px;
    height: 170px;
    float: left;
}

#contactdiv2 {
    background-color: transparent;
    text-align: left;
    width: 175px;
    height: 170px;
    float: right;
    padding-right: 115px;
}

#contactdiv3 {
    height: 190px;
}


.contactinput {
    height:17px;
    margin-top: 6px;
}

p {
    font-family: "Trebuchet MS", TrebuchetMS, Trebuchet, verdana, helvetica, sans-serif;
    font-size: 15px;
    color: #777;
    text-align: left;
    padding: 0 15px 0 20px;
}

p.portfolioitem {
    padding-top: 30px;
    border-top: 1px dashed #555;
}

p.portfolioitemsite {
    padding-top: 23px;
    padding-left: 30px;
    border-top: 1px dashed #555;
}

p.servicesdesc {
    font-weight: normal;
    font-style: normal;
    padding-left: 0;
    padding-right: 20px;
}

p.skillsdesc {
    text-align: left;
    padding-bottom: 35px;
    border-bottom: 1px dashed #555;
}

p.skilllink {
    text-align:right;
    margin:0;
}

p.clickon {
    font-size:12px;
    color: #fff;
    text-align: center;
    margin:5px;
}

p.privacy {font-size: 12px;
    text-align: center;
    padding: 10px 10px 0 10px;
}

p.contact1 {font-size: 30px;
    color: #ccff99;
    font-style: italic;
    text-align: center;
}
p.contact2 {font-size: 16px;
    color: #ccff99;
    text-align: center;
}

p.author {
    font-family: verdana;
    font-size: 10px;
    color: #ccff99;
}

p.validators {font-family: verdana;
    font-size: 10px;
    text-align:right;
    color: #777;
}

p.sitemap {font-family: verdana;
    font-size: 10px;
    text-align: center;
}


#topnav {
    width: 975px;
    height: 45px;
    margin: auto;
}

#mainmenu {
    float: right;
    width: 755px;
    height: 35px;
    padding-top: 10px;
}

#mainmenu ul {
    float: right;
    list-style: none;
}

#mainmenu ul li {
    float: left;
}
  
#mainmenu li a {
    text-align: right;
    color: #ccff99;
    font-family: Arial, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    background: transparent;
    width: 100%;
    padding-left: 65px;
    line-height: 50px;
}

#mainmenu li a:hover {
    color: #ffff99;
    text-decoration: none;
}

#mainmenu li a.here {color: #ffff99;}


#bottomnav {
    background: #000;
    position: relative;
    top: 25px;
    width: 975px;
    height: 35px;
    margin: auto;
    border: 1px solid #555;
}

#bottommenu {
    width: 600px;
    margin: auto;
}

#bottommenu ul {
    list-style: none;
    padding: 10px 0;
}
  
#bottommenu li a {
    font-family: Arial, "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: bold;
    width: 65px;
    text-decoration: none;
    float: left;
    background: transparent;
    padding: 0 35px 0 0;
}

#bottommenu li a:hover {
    text-decoration: none;
}