html {
    overflow-y: scroll;
}

body {
    text-align: center;
    min-width: 780px;
    color: #555;
    background-color: #003366;
    font-size: 13px;
    font-family: Tahoma, Geneva, Verdana, Arial, Sans-Serif;
    margin: 1px;
}

h1 {
    font-size: 26px;
    margin: 17px 0;
}

h2 {
    font-size: 20px;
    margin: 16px 0;
}

h3 {
    font-size: 15px;
    margin: 15px 0;
}

h4 {
    font-size: 13px;
    margin: 17px 0;
}

p {
    margin: 13px 0;
}

th {
    text-align: left;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/** --------------- Links --------------- **/

a:link, a:visited {
    color: #0000ff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.UnderlineLink {
    text-decoration: underline;
}

.UnderlineLink:hover {
    text-decoration: none;
}

/** --------------- Text --------------- **/

#Seo h3, #OnePageWebsite h3, #Benefits h3 {
    color: #4682b4;
}

/** --------------- Layout --------------- **/

#Container {
    text-align: left;
    width: 754px;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
}

.HomepageContent, #WebDesign, #Seo, #ContactUs,
#Portfolio, #OnePageWebsite, #Benefits, #Promote {
    text-align: justify;
    margin: 0 30px 15px 30px;
}

/** --------------- Navigation --------------- **/

#TopNav {
    height: 25px;
    padding: 0;
    margin: 0;
}

#TopNav li {
    float: right;
    display: block;
    height: 25px;
}

#TopNav li a {
    float: left;
    display: block;
    cursor: pointer;
    height: 22px;
    line-height: 20px;
    color: #9acd32;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 10px;
}

#TopNav a:hover {
    color: #ffd700;
}

#Content {
    clear: both;
}

/** --------------- Master Page --------------- **/

#Header {
    height: 27px;
    padding-top: 56px;
    background: url(../../Images/XpertHeader.gif) no-repeat left top;
}

/** --------------- Homepage --------------- **/

#Services {
    color: #eee;
    border: solid #555;
    border-width: 2px 0px;
}

#Services div.BoxHeading {
    text-align: center;
    font: bold 20px Century Gothic;
    padding-top: 8px;
    padding-bottom: 25px; 
}

#Services li {
    height: 25px;
    background: url(../../Images/BulletArrow.png) no-repeat left 6px;
    padding-left: 15px;
    margin-left: 20px;
}   

#BlueBox {
    width: 250px;
    height: 200px;
    background: url(../../Images/Services1.png) no-repeat left top;
}

#YellowBox {
    width: 254px;
    height: 200px;
    background: #555 url(../../Images/Services2.png) no-repeat center top;
}

#GreenBox {
    width: 250px;
    height: 200px;
    background: url(../../Images/Services3.png) no-repeat left top;
}

#Services a {
    color: #eee;
}

#YellowBox, #YellowBox a {
    color: #b22222;
}

#Services div {
    padding-top: 10px;
    padding-left: 21px;
}

/** --------------- Clients --------------- **/

#ClientsLeft {
    float: left;
    width: 340px;
    padding-left: 25px;
}

#ClientsLeft img {
    width: 165px;
    height: 110px;
    border: solid 1px #808080;
}

#ClientsRight {
    float: right;
    text-align: justify;
    width: 345px;
    padding-right: 25px;
}

#ClientsRight div div {
    text-align: right;
    color: #0000ff;
    font-style: normal;
}

/** --------------- Bullets --------------- **/

#WebDesign li {
    background: url(../../Images/BulletBlue.png) no-repeat left 6px;
    padding-left: 12px;
    margin-bottom: 10px;
}

#Promote li {
    background: url(../../Images/BulletBlue.png) no-repeat left 6px;
    padding-left: 12px;
}

#Seo li, #Benefits li {
    background: url(../../Images/BulletYellow.png) no-repeat left 6px;
    padding-left: 12px;
    margin-bottom: 10px;
}

#OnePageWebsite li {
    background: url(../../Images/BulletYellow.png) no-repeat left 6px;
    padding-left: 12px;
}

/** --------------- TextBox Input --------------- **/

.InputTextBox {
	width: 200px;
	color: #444;
	font-family: Arial;
	font-size: 14px;
}