/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font: 63% helvetica, arial, verdana, sans-serif;
color: #444343;
background: #2c040d url('../images/background.jpg') top left repeat-x;
}

ol, ul {
list-style: none;
}

ul, ol, dl {
position: relative;  
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img {
-ms-interpolation-mode: bicubic;
}

img.floatright, .alignright {
display: block;
position: relative;
float: right;
padding: 10px;
}

img.floatleft, .alignleft {
display: block;
position: relative;
float: left;
padding: 10px;
}

.aligncenter {
margin: 0 auto;
text-align: center;
display: block;
position: relative;
}

.hidden {
display: none !important;
}

/* ----------------- Main Structure ----------------- */

.contentwrap {
width: 1033px;
display: block;
position: relative;
margin: 0 auto;
}

#header {
width: 1033px;	
height: 175px;
display: block;
position: relative;
margin: 0 auto;
background: url('../images/header.png') top left no-repeat;
}

#header h1 {
display: none;
}

ul#social {
display: block;
position: relative;
top: 20px;
width: 150px;
float: right;
}

ul#social li {
float: left;
margin-left: 10px;
width: 33px;
height: 32px;
background: transparent;
text-indent: -9999px;
display: block;
position: relative;
}

ul#social li, ul#social li a, ul#social li a:link {

text-decoration: none;
position: relative;
height: 32px;
display: block;
background: transparent;
}

ul#social li.facebook a:link, ul#social li.facebook a:hover, ul#social li.facebook a:visited {
background: url('../images/facebook.png') no-repeat scroll top left;
width: 33px;
height: 32px;
}

ul#social li.twitter a:link, ul#social li.twitter a:hover, ul#social li.twitter a:visited {
background: url('../images/twitter.png') no-repeat scroll top left;
width: 33px;
height: 32px;
}

ul#social li.linkedin a:link, ul#social li.linkedin a:hover, ul#social li.linkedin a:visited {
background: url('../images/linkedin.png') no-repeat scroll top left;
width: 33px;
height: 32px;
}


#nav {
width: 1033px;
display: block;
position: relative;
background: url('../images/nav/navbg.png') no-repeat scroll top left;
height: 66px;
}

#content {
background: url('../images/pagebg.png') top left repeat-y;
width: 1033px;
}

.pagebottom {
background: url('../images/pagebottom.png') bottom left no-repeat;
width: 1033px;
min-height: 900px;
}

.pagetop {
background: url('../images/pagetop.png') top left no-repeat;
width: 1033px;
}

#leftcol {
font-size: 16px;
color: #231f20;	
display: block;
position: relative;
width: 650px;
float: left;
margin: 40px 20px 120px 70px;
}

#rightcol {
font-size: 15px;
color: #444343;
font-style: italic;
display: block;
position: relative;
width:240px;
float: right;
margin: 40px 25px 40px 0;
}

#footer {
font-size: 16px;
color: #fefefe;
display: block;
position: relative;
padding: 10px 0;
width: 100%;
background: url('../images/footer.jpg') no-repeat scroll top left;
width: 1030px;
}

#footer p {
float: left;
margin-left: 10px;
}

#footer p.right {
float: right;
text-align: right;
margin-right: 10px;
}

#footer a:link, #footer a:hover, #footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

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

a:link, a:visited, a:hover {
font-weight: bold;
color:  #bd0011;
text-decoration: underline;
}

a:visited {
font-weight: bold;
color:  #bd0011;
text-decoration: underline;
}

a:hover {
font-weight: bold;
color:  #bd0011;
text-decoration: underline;
}

a.custom {
display: block;
position: relative;
background: transparent;
text-indent: -9999px;
}


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

#nav ul {
display: block;
position: relative;
list-style: none;
background: url('../images/nav/navbg.png') no-repeat scroll top left;
width: 1030px;
height: 66px;
}

#nav ul li {
float: left;
height: 66px;
}

#nav ul li, #nav ul li a, #nav ul li a:link {
/*text-indent: -9999px;*/
text-decoration: none;
position: relative;
height: 66px;
display: block;
background: transparent;
font-size:0;
}

#nav ul li.index a:link, #nav ul li.index a:hover, #nav ul li.index a:visited {
background: transparent url(../images/nav/home.png) top left no-repeat;
width: 146px;
margin-right: 19px;
}

#nav ul li.services a:link, #nav ul li.services a:hover, #nav ul li.services a:visited {
background: transparent url(../images/nav/services.png) top left no-repeat;
width: 155px;
margin-right: 19px;
}

#nav ul li.testimonials a:link, #nav ul li.testimonials a:hover, #nav ul li.testimonials a:visited {
background: transparent url(../images/nav/testimonials.png) top left no-repeat;
width: 181px;
margin-right: 21px;
}

#nav ul li.portfolio a:link, #nav ul li.portfolio a:hover, #nav ul li.portfolio a:visited {
background: transparent url(../images/nav/portfolio.png) top left no-repeat;
width: 181px;
margin-right: 19px;
}

#nav ul li.blog a:link, #nav ul li.blog a:hover, #nav ul li.blog a:visited {
background: transparent url(../images/nav/blog.png) top left no-repeat;
width: 114px;
margin-right: 19px;
}

#nav ul li.contact a:link, #nav ul li.contact a:hover, #nav ul li.contact a:visited {
background: transparent url(../images/nav/contact.png) top left no-repeat;
width: 155px;
float: right;
}


#nav ul li a:hover, #nav ul li.on a:link, #nav ul li.on a:hover, #nav ul li.on a:visited {
background-position: bottom left !important;
}


/* ----------------- Pages ----------------- */

/* Index Page */




/* ----------------- Form ----------------- */

form {
display: table;
height: 30px;
}

table td {
padding: 7px;
}

form input {
display: block;
position: relative;
float: left;
width: 191px;
height: 21px;
border: none;
margin-bottom: 10px;
border: 1px solid #c1c5c5;
margin-right: 7px;
width: 300px;
background-color: #fff;
}


form textarea {
border: 1px solid #c1c5c5;width: 300px;
}

span {
text-align: center;
display: block;
position: relative;
font-size: 10px;
margin: 0 0 0 -15px;
padding: 0;
clear: both;
}

form input.sendemail {
background: transparent;
text-indent: -9999px;
background: url('../images/sendemail.png') no-repeat scroll top left;
width: 156px;
height: 38px;
border: none;
}


/* ----------------- Homepage Email Form ----------------- */

#email {
left: 680px;
margin-top: 10px;
display: block;
position: absolute;
width: 197px;
height: 53px;
}

#email a {
	background: url('../images/emailbg.png') no-repeat scroll top left;
	width: 197px;
	height: 53px;
	text-indent: -9999px;
	display: block;
	position: relative;
}

#email form {
display: block;
position: relative;	
}

#email form input {
background: transparent url('../images/emailbg.png') no-repeat scroll top left !important;
width: 135px;
height: 53px;
border: none;
padding: 0;
font-family: Arial;
font-size: 16px;
padding-left: 10px;
padding-right: 0;
color: #3c3c3c;
font-style: italic;
margin-right: 0;
}

#email form input.button {
background: url('../images/send.png') no-repeat scroll top left !important;
padding: 0;
margin: 0;
width: 50px;
height: 53px;
}

/* ----------------- Headlines ----------------- */

h2 {
font-size: 18px;
color: #c10008;
font-weight: bold;
margin-bottom: 1.7em;
}

h3 {
}




/* ----------------- Typography ----------------- */

p {
margin-bottom: 1.2em;
line-height: 1.6em;
}

#rightcol p {
line-height: 1.4em;
}