body {
margin: 0;
padding: 0;
background: #333 url(images/BG-Body08a.gif) repeat-x;
font-size: 0.9em;
}

html {
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size: 100%;
color: #666;
}

#container {
width: 770px;
margin: 10px auto;
border: 2px solid #171717;
background-color : white;
/*background: url(images/BG-Container.jpg);*/
}

#Website {
width: 770px;
margin: 10px auto;
background-color: #fff;
border: 2px solid #171717;
/*background: url(images/BG-WebPortfolio.jpg);*/
}

#WebDesign {
background: url(images/Website-Design08a.jpg) no-repeat;
margin: 0;
padding: 0;
height: 92px;
}

.NavBar {
margin: 0 10px;
padding: 0;
background: url(images/NavBar.jpg);
background-repeat: no-repeat;
overflow: visible;
list-style-type: none;
height: 51px;
}

/* remove active/focus dotted border in Firefox 1.5 */
.NavBar a:focus {
outline: none;
}

.NavBar li {
display: inline;
position: relative;
list-style-type: none;
}

.NavBar ul {
display: inline;
margin: 0;
padding: 0;
width: auto;
height: 51px;
list-style-type: none;
}

/* home NavBar styles*/
.NavBar_home a:link, .NavBar_home a:visited, .NavBar_home a:active,  li .NavBar_home {
display: block;
position: relative;
float: left;
width: 149px;
height: 50px;
text-indent: -20000px;
text-decoration: none;
background: url(images/NavBar.jpg) 0px 0px no-repeat;
}

.NavBar_home a:hover, .NavBar_home a#current{
background: url(images/NavBar.jpg) 0px -51px no-repeat;
list-style-type: none;
}	

/* Portfolio NavBar styles*/
.NavBar_portfolio a:link, .NavBar_portfolio a:visited, .NavBar_portfolio a:active,  li .NavBar_portfolio {
display: block;
position: relative;
float: left;
width: 150px;
height: 50px;
text-indent: -20000px;
text-decoration: none;
background: url(images/NavBar.jpg) -149px 0px no-repeat;
}

.NavBar_portfolio a:hover, .NavBar_portfolio a#current {
background: url(images/NavBar.jpg) -149px -51px no-repeat;
list-style-type: none;
}	
/* Services NavBar styles*/
.NavBar_services a:link, .NavBar_services a:visited, .NavBar_services a:active,  li .NavBar_services {
display: block;
position: relative;
float: left;
width: 150px;
height: 50px;
text-indent: -20000px;
text-decoration: none;
background: url(images/NavBar.jpg) -299px 0px no-repeat;
}

.NavBar_services a:hover, .NavBar_services a#current {
background: url(images/NavBar.jpg) -299px -51px no-repeat;
list-style-type:none;
}

/* News NavBar styles*/
.NavBar_news a:link, .NavBar_news a:visited, .NavBar_news a:active,  li .NavBar_news {
display: block;
position: relative;
float: left;
width: 150px;
height: 51px;
text-indent: -20000px;
text-decoration: none;
background: url(images/NavBar.jpg) -449px 0px no-repeat;
}

.NavBar_news a:hover, .NavBar_news a#current{
background: url(images/NavBar.jpg) -449px -51px no-repeat;
list-style-type: none;
}
/* Contact NavBar styles*/
.NavBar_contact a:link, .NavBar_contact a:visited, .NavBar_contact a:active,  li .NavBar_contact {
display: block;
position: relative;
float: left;
width: 151px;
height: 51px;
text-indent: -20000px;
text-decoration: none;
background: url(images/NavBar.jpg) -599px 0px no-repeat;
}

.NavBar_contact a:hover, .NavBar_contact a#current {
background: url(images/NavBar.jpg) -599px -51px no-repeat;
list-style-type:none;
}

/* Hack: IE PC: to prevent additional space under li items */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .NavBar {
margin: 0 0 0 20px;
}

* html .NavBar li {
	height: 51px;
	margin-bottom: -3px;
	position: relative;
}

* html .NavBar li a {
	height: 51px;
	margin-bottom: 3px;
	position: relative;
}

/* End hide from IE5/mac */

#Home-FeatureSite {
padding: 0;
margin: 0 0 0 10px;
height: 200px;
background: url(images/BG-FeatureMandy.jpg);
background-repeat: no-repeat;
}

#FeatureSite {
float: left;
width: 250px;
margin: 0;
padding: 0;
}

#FeatureSite p {
margin: 0 10px 0 110px;
padding: 0 0 10px 0;
font-size: 88%;
color: #fff;
line-height: 15px;
}

#FeatureSite h1 {
margin: 16px 10px 0 110px;
padding: 0;
font-size: 90%;
color: #dc2b00;
}

#FeatureSite a {
float: right;
margin: 0;
padding: 1px 2px 1px 10px;
font-size: 90%;
color: #fff;
background: url(images/Website-Arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
background-color: #f90;
text-decoration: none;
border: 1px solid #fff;
}

#FeatureSite a:hover {
background-color: #ffb74c;
}

#SkyRocket {
margin: 0 20px 0 520px;
padding: 0;
}

#SkyRocket h1 {
margin: 0;
padding: 80px 0 0 0;
font-size: 90%;
color: #dc2b00;
}

#SkyRocket p {
margin: 0;
padding: 0 10px 0 0;
font-size: 88%;
color: #666;
line-height: 14px;
}

#SkyRocket a {
margin: 0;
padding: 0 0 0 6px;
color: #f90;
text-decoration: none;
background-image: url(images/ArrowOrange.gif);
background-repeat : no-repeat;
}

#SkyRocket a:hover {
color: #000;
text-decoration: underline;
}

#Website-Wrapper {
margin: 0 0 0 10px;
padding: 0;
height: 200px;
background: url(images/BG-3PanelHome.jpg);
background-repeat: no-repeat;
}

#News {
float: left;
width: 230px;
margin: 50px 0 0 10px;
padding: 0;
}

* html #News {
display: inline;
}

#News p {
margin: 0 0 10px 0;
padding: 4px 70px 4px 10px;
color: #666;
font-size: 88%;
line-height: 14px;
}

#WebPromo {
float: right;
width: 230px;
margin: 50px 0 0 0;
padding: 0 20px 0 0;
}

* html #WebPromo {
display: inline;
}

#WebPromo p {
margin: 0 0 10px 0;
padding: 4px 90px 4px 10px;
color: #666;
font-size: 88%;
line-height: 14px;
}

#WebPromo a,#Testimonial a,#News a {
float: right;
margin: 0;
padding: 0 2px 0 10px;
font-size: 11px;
color: #fff;
background: url(images/Website-Arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
background-color: #f90;
text-decoration: none;
border: 1px solid #fff;
}

#WebPromo a:hover,#Testimonial a:hover,#News a:hover {
background-color: #ffb74c;
}

#Testimonial {
margin: 0 251px 0 250px;
padding: 50px 0 0 10px;
width: 230px;
}

#Testimonial p {
margin: 0 0 10px 0;
padding: 4px 90px 4px 10px;
color: #666;
font-size: 88%;
line-height: 14px;
}

#WebPortfolio-Wrapper {
margin: 0;
padding: 0 10px;
}

#LeftCol {
float: left;
width: 250px;
margin: 0;
padding: 0;
}

#Login {
margin: 0;
padding: 0;
height: 150px;
background: url(images/BG-Login.jpg);
background-repeat: no-repeat;
}

#Login form p {
margin: 0;
padding: 0;
}

#Login form {
margin: 0;
padding: 20px 10px;
font-size: 90%;
color: #fff;
}

#Login input {
margin: 0 0 4px 0;
padding: 0 0 0 6px;
font-size: 100%;
color: #666;
border: none;
width: 160px;
height: 18px;
background: url(images/BG-FormField.jpg);
background-repeat: no-repeat;
}

#Login input.button {
margin: 0;
padding: 0;
width: 40px;
color: #fff;
font-size: 90%;
background-image: none;
background-color: #f90;
border: 1px solid #fff;
}

#Benefits {
margin: 1px 0;
padding: 0 10px;
height: 200px;
background: url(images/BG-LaunchBay.jpg);
background-repeat: no-repeat;
}

#Benefits ul {
margin: 0;
padding: 58px 0 0 22px;
}

#Benefits li {
margin: 0;
padding: 0;
color: #666;
font-size: 88%;
line-height: 14px;
list-style-image: url(images/Website-Arrow.gif);
background-position : 0 50%;
}

#Quote {
margin: 1px 0;
padding: 0 10px;
height: 250px;
background: url(images/BG-Quote.jpg);
background-repeat: no-repeat;
}

#Quote p {
margin: 0;
padding: 60px 20px 10px 20px;
color: #666;
font-size: 90%;
line-height: 14px;
}

#Studio {
margin: 1px 0;
padding: 0 10px;
height: 250px;
background: url(images/Studio18.gif) no-repeat;
}

#Studio p {
margin: 0;
padding: 164px 20px 10px 10px;
color: #666;
font-size: 90%;
line-height: 14px;
}

#ConceptArt {
margin: 1px 0;
padding: 0 10px;
height: 250px;
background: url(images/BG-DigitalArt.jpg);
background-repeat: no-repeat;
}

#ConceptArt p {
margin: 0;
padding: 170px 20px 10px 10px;
color: #666;
font-size: 90%;
line-height: 14px;
}

#DigitalArt {
margin: 1px 0;
padding: 0 10px;
height: 250px;
background: url(images/BG-DigitalArt2.jpg);
background-repeat: no-repeat;
}

#DigitalArt p {
margin: 0;
padding: 165px 20px 10px 10px;
color: #666;
font-size: 88%;
line-height: 14px;
}

#NewWebsite {
margin: 1px 0;
padding: 0;
height: 250px;
background: url(images/BG-ComingSoon.jpg);
background-repeat: no-repeat;
}

#WebPortfolio {
margin: 0 0 0 250px;
padding: 30px;
background-color: #f6f6f6;
}

#WebPortfolio h1 {
margin: 0;
padding: 0;
color: #f90;
font-size: 100%;
}

#WebPortfolio h2 {
margin: 0 0 -20px 0;
padding: 0;
color: #666;
font-size: 100%;
}

#WebPortfolio h3 {
margin: 0;
padding: 0 0 0 10px;
color: #f90;
font-size: 110%;
font-weight: bold;
background-image: url(images/ArrowOrange.gif);
background-repeat : no-repeat;
}

#WebPortfolio h4 {
margin: 30px 0 0 0;
padding: 0;
width: 430px;
height: 30px;
background-image: url(images/BG-Header.jpg);
background-repeat : no-repeat;
}

#WebPortfolio h5 {
margin: 0;
padding: 20px 0 0 0;
color: #666;
font-size: 100%;
}

#WebPortfolio p {
margin: 0;
padding: 20px 0;
color: #666;
line-height: 14px;
font-size: 90%;
}

#WebPortfolio p span {
color: #f90;
font-weight: bold;
}

#WebPortfolio p.website {
margin: 0;
padding: 20px;
width: 390px;
color: #666;
line-height: 16px;
font-size: 90%;
background-color: #ccc;
}

#WebPortfolio img.sodium {
margin: 0 0 0 10px;
padding: 0;
vertical-align: middle;
}

#WebPortfolio a {
margin: 0;
padding: 0 0 0 6px;
color: #f90;
text-decoration: none;
background-image: url(images/ArrowOrange.gif);
background-repeat : no-repeat;
}

#WebPortfolio a:hover {
color: #000;
text-decoration: underline;
}

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

#WebPortfolio li {
margin: 0 0 0 20px;
padding: 0;
font-size: 90%;
list-style-image: url(images/ArrowOrange.gif);
}

#WebDesign01 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio01.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign02 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio02.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign03 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio03.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign04 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio04.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign05 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio05.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign06 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio06.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign07 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio07.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign08 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio08.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign09 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio09.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign10 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio10.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign11 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio11.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign12 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio12.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign13 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio13.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign14 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio14.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign15 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio15.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign16 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio16.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign17 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio17.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign17 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio17.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign18 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio18.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign19 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio19.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign20 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio20.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign21 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio21.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign22 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio22.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign23 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio23.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign24 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio24.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign25 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio25.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign26 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio26.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign27 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio27.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign28 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio28.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign29 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio29.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign30 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio30.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign31 {
margin: 0 0 20px 0;
padding: 0 10px 0 0;
height: 148px;
background: url(images/Portfolio31.jpg);
background-repeat: no-repeat;
border:1px solid #fff;
}

#WebDesign01 p,#WebDesign02 p,#WebDesign03 p,#WebDesign04 p,#WebDesign05 p,#WebDesign06 p,#WebDesign07 p,#WebDesign08 p,#WebDesign09 p,#WebDesign10 p,#WebDesign11 p,#WebDesign12 p,#WebDesign13 p,#WebDesign14 p,#WebDesign15 p,#WebDesign16 p,#WebDesign17 p,#WebDesign18 p,#WebDesign19 p,#WebDesign20 p,#WebDesign21 p,#WebDesign22 p,#WebDesign23 p,#WebDesign24 p,#WebDesign25 p,#WebDesign26 p,#WebDesign27 p,#WebDesign28 p,#WebDesign29 p,#WebDesign30 p,#WebDesign31 p {
margin: 0;
padding: 40px 0 10px 220px;
line-height: 14px;
font-size: 90%;
text-align: right;
}

#WebDesign01 a,#WebDesign02 a,#WebDesign03 a,#WebDesign04 a,#WebDesign05 a,#WebDesign06 a,#WebDesign07 a,#WebDesign08 a,#WebDesign09 a,#WebDesign10 a,#WebDesign11 a,#WebDesign12 a,#WebDesign13 a,#WebDesign14 a,#WebDesign15 a,#WebDesign16 a,#WebDesign17 a,#WebDesign18 a,#WebDesign19 a,#WebDesign20 a,#WebDesign21 a,#WebDesign22 a,#WebDesign23 a,#WebDesign24 a,#WebDesign25 a,#WebDesign26 a,#WebDesign27 a,#WebDesign28 a,#WebDesign29 a,#WebDesign30 a,#WebDesign31 a {
float: right;
margin: 0;
padding: 0 2px 0 10px;
font-size: 11px;
color: #fff;
background: url(images/Website-Arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
background-color: #f90;
text-decoration: none;
border: 1px solid #fff;
}

#WebDesign01 a:hover,#WebDesign02 a:hover,#WebDesign03 a:hover,#WebDesign04 a:hover,#WebDesign05 a:hover,#WebDesign06 a:hover,#WebDesign07 a:hover,#WebDesign08 a:hover,#WebDesign09 a:hover,#WebDesign10 a:hover,#WebDesign11 a:hover,#WebDesign12 a:hover,#WebDesign13 a:hover,#WebDesign14 a:hover,#WebDesign15 a:hover,#WebDesign16 a:hover,#WebDesign17 a:hover,#WebDesign18 a:hover,#WebDesign19 a:hover,#WebDesign20 a:hover,#WebDesign21 a:hover,#WebDesign22 a:hover,#WebDesign23 a:hover,#WebDesign24 a:hover,#WebDesign25 a:hover,#WebDesign26 a:hover,#WebDesign27 a:hover,#WebDesign28 a:hover,#WebDesign29 a:hover,#WebDesign30 a:hover,#WebDesign31 a:hover {
background-color: #ffb74c;
text-decoration: none;
color: #fff;
}

#WebPortfolio fieldset {
margin: 0;
padding: 0;
border: none;
width: 300px;
}

#WebPortfolio input {
width: 300px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
color: #737a80;
border: 1px solid #d5d5d5;
margin-bottom: 10px;
}

#WebPortfolio textarea {
width: 300px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size: 100%;
color: #737a80;
border: 1px solid #d5d5d5;
}

#WebPortfolio input:hover, #WebPortfolio input:focus {
background-color : #fff5e5;
border: 1px solid #ffcc7f;
}

#WebPortfolio textarea:hover, #WebPortfolio textarea:focus {
background-color : #fff5e5;
border: 1px solid #ffcc7f;
}

#WebPortfolio input.submit {
width: 60px;
margin: 0;
padding: 0;
color: #fff;
font-size: 90%;
background-color: #f90;
border: 1px solid #fff;
}

#Footer {
clear: both;
margin: 0;
padding: 0;
height: 41px;
background: url(images/BG-Footer08a.jpg);
background-repeat: no-repeat;
}

#Footer p {
margin: 0;
padding: 8px 0 0 30px;
color: #666;
font-size: 80%;
}

#Footer a {
margin: 0;
padding: 0 10px 0 0;
font-size: 90%;
color: #666;
text-decoration: none;
}

#Footer a:hover {
color: #f90;
text-decoration: underline;
}

#Footer img {
margin: 0;
padding: 0 0 0 10px;
border: none;
vertical-align: middle;
}

#SiteMap {
margin: 0 0 0 250px;
padding: 30px;
}

#SiteMap ul {
width: 400px;
margin: 0;
padding: 0;
}

#SiteMap li {
float: left;
width: 200px;
margin: 0;
padding: 0;
font-size: 90%;
list-style-type: none;
}

#SiteMap a {
margin: 0;
padding: 0 0 0 10px;
color: #666;
text-decoration: none;
background-image: url(images/ArrowOrange.gif);
background-repeat : no-repeat;
}

#SiteMap a:hover {
color: #f90;
text-decoration: underline;
}