@charset "utf-8";
/* CSS Document */

* {
	
margin: 0;
padding: 0;
	
}

body {
	
background: url(../images/bg.jpg) repeat-x #F4F4F4;	
font-size: 10pt;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #313531;
	
}

#wrapper {
	
width: 960px;
height: auto;
margin-left: auto;
margin-right: auto;
	
}

#header {
	
position: relative;
float: left;
width: 461px;
height: 147px;
margin-top: 52px;
background: url(../images/name.jpg) top left no-repeat;
	
}

#nav {
	
position: relative;
float: left;
width: 489px;
height: 147px;
margin-top: 52px;
padding-right: 10px;
	
}

#nav ul, li {

float: left;
list-style-type: none;	
	
}

#nav a {
	
display: block;
width: 120px;
height: 147px;
position: relative;
outline: 0;
	
}

#nav a .myRollover {
	
display: block;
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 147px;
outline: 0;
	
}

#content {
	
position: relative;
float: left;
width: 960px;
height: auto;
margin-bottom: 25px;
margin-top: 18px;
	
}

#featuredWork {

position: relative;
float: left;
width: 940px;
height: auto;
padding-right:20px;
	
}

#featuredLeft {
	
position: relative;
float: left;
width: 480px;
height: auto;
margin-right: 20px;
margin-top: 50px;
	
}

#featuredRight {
	
position: relative;
float: left;
width: 420px;
height: auto;
padding-left: 20px;
margin-top: -50px;
	
}

.line {
	
position: relative;
float: left;
width: 960px;
height: 12px;
background: url(../images/hor_line.jpg) top left no-repeat;
margin: 18px 0;
	
}

#infoWrapper {
	
position: relative;
float: left;
width: 960px;
height: auto;
margin-left: 10px;
	
}

#infoWrapper img {
	
margin-right: 10px;	
	
}

.infoPane {
	
position: relative;
float: left;
width: 290px;
height: auto;
background: url(../images/vert-line.jpg) top right repeat-y;
margin-right: 15px;
padding-right: 15px;
	
}

.infoPaneLast {
	
position: relative;
float: left;
width: 290px;
height: auto;
margin-right: 15px;
padding-right: 15px;
	
}

#profileLeft {
	
position: relative;
float: left;
width: 600px;
height: auto;
padding-right: 30px;
background: url(../images/vert-line.jpg) top right repeat-y;
	
}

#profileLeft img {
	
float: left;
margin-right: 8px;
	
}

#profileRight {
	
position: relative;
float: left;
width: 315px;
height: auto;
padding-left: 15px;
	
}

.portfolioEntry {

position: relative;
float: left;
width: 960px;
height: auto;
margin: 18px 0;

}

.portfolioImg {

position: relative;
float: left;
width: 500px;
height: auto;
margin-right: 20px;

}

.portfolioInfo {

position: relative;
float: left;
width: 440px;
height: auto;

}

#contactLeft {

position: relative;
float: left;
width: 600px;
height: auto;
padding-right: 15px;
background: url(../images/vert-line.jpg) top right repeat-y;

}

#contactRight {
	
position: relative;
float: left;
width: 300px;
height: auto;
padding-left: 30px;
	
}

#contactRight a {
	
display: block;
float: left;
width: 59px;
height: 60px;
position: relative;
outline: 0;
	
}

#contactRight a .myRollover {
	
display: block;
position: absolute;
float: left;
top: 0;
left: 0;
width: 59px;
height: 60px;
outline: 0;
	
}

#footer {
	
position: relative;
float: left;
clear: both;
width: 100%;
min-height: 50px;
background: url(../images/footer.jpg) top left repeat-x #fff;
	
}

#footerWrapper {
	
margin-left: auto;
margin-right: auto;
width: 960px;
min-height: 50px;
padding-bottom: 20px;
padding-top: 20px;
font-size: 8pt;

}

#footerInfoWrap {
	
position: relative;
float: left;
width: 960px;
height: auto;
	
}

#footerLeft {
	
position: relative;
float: left;
width: 660px;
height: auto;
	
}

#footerRight {
	
position: relative;
float: right;
width: 300px;
height: auto;
	
}

#footer img {
	
margin-right: 8px;	
	
}

.img2 {
	
margin-left: 10px;	
	
}

.iconsCredit {
	
display: block;
position: relative;
float: right;
padding-right: 20px;
	
}

#forms {
	
position: relative;
float: left;
width: 960px;
height: auto;
margin: 25px 0;
	
}

/* FORM STYLES */

.insertForm p {

font-family: arial, helvetica, sans-serif;
font-size: 9pt;
width: 550px;
clear: left;
padding-left: 155px;
margin-bottom: 9px;

}
	
.insertForm label {

font-weight: bold;
float: left;
margin-left: -155px;
width: 150px;

}
	
.insertForm input[type="text"], select, textarea {

width: 225px;
border: 1px solid #ccc;
background: #eaeaea;

}

/* END FORM STYLES */

/* TEXT STYLES */

p {
	
margin-bottom: 18px;
line-height: 18px;
	
}

#footer p {
	
margin-bottom: 8px;
	
}

h2 {
	
font-family: "Segoe UI", "Myriad Pro", "Trebuchet MS";
font-size: 22px;
font-weight: bold;
margin-bottom: 18px;
	
}

h4 {

position: relative;
float: left;
display: block;
width: 100px;
height: auto;
margin-bottom: 18px;
font-size: 12px;
	
}

.featuredDesc {

position: relative;
float: left;
display: block;	
width: 380px;
height: auto;
margin-bottom: 18px;
	
}

.portfolioHeadings {
	
font-family: "Segoe UI", "Myriad Pro", "Trebuchet MS";
font-size: 14px;
font-weight: bold;
color: #4cc8ed;
	
}

.blue {
	
color: #4cc8ed;	
	
}

/* LIVEVALIDATION STYLES */

.LV_validation_message{
    font-weight:bold;
	font-size: 8pt;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* LINK DEFINITIONS */

a:link {
	
color: #313531;
font-weight: bold;
	
}

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

a:hover {
	
color: #4cc8ed;	
font-weight: bold;
	
}


a:active {
	
color: #4cc8ed;	
font-weight: bold;
	
}