/* ----------------- 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% palatino, "times new roman", times, serif;
color: #4a4f50;
background: #adbabc url('../images/pagebg.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 ----------------- */

.bgwrap {
background: url('../images/footergrad.png') bottom left repeat-x;
height: 100%;
}

.contentwrap {
width: 971px;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 40px 0 100px 0;
}

#mast {

}

#mast .pic {
width: 246px;
display: block;
position: relative;
float: left;
margin: 0 20px 50px 0;
}

#mast h1 a, #mast h1 a:link {
font-size: 50px;
color: #fff;
float: left;
text-decoration: none;
font-weight: normal;
}

#mast h1 span {
font-size: 30px;
}

#mast a.contact {
background: url('../images/contact.jpg') no-repeat scroll top left;
width: 68px;
height: 26px;
float: right;
top: 17px;
}

#mast a.contact:hover, #mast a.on {
background: url('../images/contact_on.jpg') no-repeat scroll top left;
width: 68px;
height: 26px;
}

#content {
width: 700px;
display: block;
float: right;
position: relative;
top: 35px;
}

#content h2 {
color: #fff;
font-size: 23px;
margin: 0 0 20px 0;
line-height: 26px;
display: block;
position: relative;
}

#content p {
color: #4b5051;
margin: 15px 0;
}

#footer {
background: url('../images/footerbg.jpg') no-repeat scroll top left;
width: 971px;
height: 26px;
margin: 30px 0 0 0;
display: block;
position: relative;
}

#footer p {
text-transform: uppercase; 
color: #4a4f50;
float: left;
font-size: 12px;
font-weight: bold;
padding: 4px 7px;
color: #4a4f50;
}

#footer p.right {
text-align: right;
float: right;
}
/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {
color: #4a4f50;
}

a:visited {

}

a:hover {

}

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



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

p, li, dd {
font-size: 18px;
line-height: 23px;}

html, body {
	height: 100%;
}