* {
margin: 0;
padding: 0;
}

body {
font-family: arial;
font-size: 13px;
text-align: center;
background: url('../images/bg.jpg') repeat center center fixed;
}

p {
line-height: 150%;
}

a, a:visited {
color: #777;
font-weight: bold;
}

a:hover {
color: #333;
}

#topbar {
width: 100%;
height: 129px;
background: #222 url('../images/topbg.jpg') repeat-x top center;
border-bottom: solid 5px #222;
}

#topbar a img {
float: left;
border: 0;
}

#quote {
font-size: 25px;
text-transform: uppercase;
color: #292929;
font-weight: bold;
padding: 50px 50px 0 0;
}

#nav {
margin: 30px auto;
width: 600px;
}

#nav ul {
list-style: none;
text-align: center;
}

#nav ul li {
display: inline;
}

#nav ul li a, #nav ul li a:visited {
width: 150px;
float: left;
text-align: center;
font-size: 19px;
text-decoration: none;
color: #aaa;
}

#nav ul li a:hover {
color: #222;
}

#wrapper {
clear: both;
width: 800px;
margin: 0 auto;
padding: 30px 0 50px 20px;
text-align: left;
}

#welcome {
width: 600px;
padding: 20px;
margin: 0 0 40px 67px;
background: url('../images/welcomebg.jpg') repeat-x left top;
border: solid 5px #b01f24;
color: #fff;
}

#welcome h1 {
font-weight: normal;
margin-bottom: 5px;
color: #f6948e;
}

#welcome a, #welcome a:visited {
font-weight: normal;
color: #f6948e;
}

#welcome a:hover {
color: #fff;
}

#left {
width: 500px;
float: left;
margin: 0 0 50px 0;
border: solid 5px #222;
background: #fff;
}

#left h1, #right h1 {
font-weight: normal;
padding: 10px 10px 0 10px;
color: #222;
}

#left h1.index {
margin-bottom: -30px;
}

#left h2 {
font-size: 18px;
font-weight: normal;
width: 400px;
margin: 50px 0 10px 20px;
padding-bottom: 3px;
border-bottom: solid 2px #b01f24;
color: #b01f24;
}

#left h2 span {
font-size: 15px;
color: #2121b7;
font-weight: bold;
margin-left: 20px;
}

#left p {
margin: 10px 20px;
font-size: 12px;
}

#left ul {
width: 100%;
text-align: center;
list-style: none;
}

#left ul li img {
width: 400px;
height: 120px;
margin: 2px 0;
border: solid 3px #222;
} 

#left span.work {
color: #b01f24;
font-size: 13px;
}

#left h3 {
margin: 10px 25px;
font-size: 14px;
text-align: right;
}

#right {
width: 225px;
float: right;
margin: 0 0 50px 0;
border: solid 5px #222;
background: #fff;
}

#right h2 {
font-size: 14px;
color: #b01f24;
margin: 2px 10px 10px 10px;
}

#right h2.process {
margin-left: 45px;
}

#right h3 {
margin: 10px 0 5px 10px;
}

#right p {
margin: 5px 10px;
}

#right h4 {
font-size: 11px;
margin: 0 10px 5px 10px;
}

#footer {
clear: both;
width: 100%;
padding: 10px 0 20px 0;
background: #111;
border-top: solid 5px #222;
font-size: 14px;
color: #fff;
}

#footer a, #footer a:visited {
font-weight: normal;
color: #f6948e;
}

#footer a:hover {
color: #fff;
}


/****** Packages Page ******/

table {
width: 450px;
margin: 10px;
text-align: center;
}

table tr td.f {
color: #c9c9c9;
}

table tr td.g {
color: #e19326;
}

table tr td.s {
color: #939393;
}

table tr td.r {
color: #b01f24;
}

table tr td.b {
color: #222;
}

table tr td.c {
color: #009c00;
font-size: 15px;
}

table tr td {
width: 50px;
padding: 3px;
border: 0;
font-weight: bold;
}

table tr td.gy {
background-color: #fa0;
border: solid 2px #e19326;
}

table tr td.sy {
background-color: #b9b9b9;
border: solid 2px #939393;
}

table tr td.ry {
background-color: #b01f24;
color: #fff;
border: solid 2px #8a000a;
}

table tr td.by {
background-color: #333;
color: #fff;
border: solid 2px #111;
}

#left p.posttable {
font-size: 11px;
margin-top: 2px;
margin-bottom: 4px;
}

ul.otherserv li {
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
}

ul.otherserv li span {
color: #009c00;
}


/****** Portfolio Page ******/

#right ul {
margin: 10px 0 20px 50px;
list-style: square;
font-size: 10px;
}

#right ul li {
margin: 5px 0;
color: #b01f24;
}

#right ul li a {
font-size: 14px;
}

#left h5.top {
text-align: right;
font-size: 12px;
margin: 10px 30px 10px 0;
}