*{padding:0; margin:0;}
html{height:100%;}
body{margin: 0px; padding: 0px;	background: #f2f2f2 url(../images/body-bkg.jpg) repeat-x center top;}
img{border:none;}

/* Logo image swap */
#logo {width:533px; height:47px; position: relative; padding-top:15px;}
#logo span { cursor:pointer; background: url(../images/coopertrail-website-design.gif) no-repeat; position: absolute; width:100%; height:47px;}
h1#logo{ font-size:12px; }
/* End logo image swap */

h3{font:bold .9em/1.3em Geneva, Arial, Helvetica, sans-serif; color:#666; margin:25px 0 0;}
h4{font:bold 1em/1.3em Geneva, Arial, Helvetica, sans-serif; color:#663; margin-top:9px;}
p{font:normal .8em/1.4em Geneva, Arial, Helvetica, sans-serif; margin:4px 0; color:#333;}
a:link, a:active, a:visited{ color:#600; text-decoration:underline;}
a:visited{}
a:hover{ color:#aaa; text-decoration:none;}

#wrapper{ padding:0 28px;width:946px; height:570px; margin:0 auto; }
#wrapper #header img{padding-top:15px;}

#header{ height:62px; clear:both;}

div#container{ margin-top:60px;}
div#container-portfolio{ margin-top:33px;}

#page-content{margin-top:15px;}
.contact-content{margin-top:30px !important;}

/*Home pg content*/
.home-inset {float:left; display:block; width:167px; height:137px; color:#FFF; margin:25px 36px 8px 0; padding:0;}
.home-inset p{font:.7em/1.3em Geneva, Arial, Helvetica, sans-serif;}
.block-about{background:transparent url(../images/home-tab-about.jpg) no-repeat;}
.block-contact{background:transparent url(../images/home-tab-contact.jpg) no-repeat;}
.block-resume{background:transparent url(../images/home-tab-resume.jpg) no-repeat;}
.block-portfolio{background:transparent url(../images/home-tab-portfolio.jpg) no-repeat; margin-left:80px;}
.block-referrals{background:transparent url(../images/home-tab-referrals.jpg) no-repeat;}
.home-inset p{padding:0; margin:0 15px 3px; color:#fff;}
.home-inset a:link, .home-inset a:active, .home-inset a:visited{ color:#FFF; text-decoration:underline;}
.home-inset a:visited{ /*color:#999;*/}
.home-inset a:hover{ color:#FFF; text-decoration:none;}
/*End home pg content*/

p.arrow-white{padding:0 0 0 8px; background:transparent url(../images/arrow-bullet-point-white.gif) no-repeat 0px 5px;}
p.arrow-red{padding:0 0 0 8px; margin-left:13px; background:transparent url(../images/arrow-bullet-point-red.gif) no-repeat 0px 5px;}
p.linked-in{padding-top:5px;}
p.linked-in img{ float:left; margin:2px 9px 0 0;}

.quote{font-size:large;}
.note{font:.7em/1.2em Verdana, Arial, Helvetica, sans-serif; padding-left:5px;}

/*Nav styles*/
#NavContainer {
	height: 29px;
	padding: 0;
	margin: 0px;
}
#nav  {
	margin: 1px 0 0 0;
	padding: 0;
	height: 29px;
	width: 960px;
}
ul#nav li  {
	margin: 0 36px 0 0;
	padding: 0px;
	list-style-type: none;
	float:left;
}
#nav a {
	margin: 0px;
	padding: 0px;
	display:block;
	height: 29px;
	background-position: 0 -50px;
	text-indent: -9999px;
}
#nav a:hover {
	background-position: 0 -29px;
}
#nav a.selected, #nav a.selected:hover {
	background-position: 0 -29px;
}
#nav-home a {
	width: 156px;
	background: url(../images/nav-home.gif) no-repeat top left;
}
#nav-about a {
	width: 156px;
	background: url(../images/nav-about.gif) no-repeat top left;
}
#nav-contact a {
	width: 156px;
	background: url(../images/nav-contact.gif) no-repeat top left;
}
#nav-resume a {
	width: 156px;
	background: url(../images/nav-resume.gif) no-repeat top left;
}
#nav-portfolio a {
	width: 156px;
	background: url(../images/nav-portfolio.gif) no-repeat top left;
}
#nav-referrals a {
	width: 156px;
	background: url(../images/nav-referrals.gif) no-repeat top left;
}
/*End nav styles*/

/*Sub pg structure*/
.column{display:block; float:left; margin:10px 35px 0 0;}
.column p{ /*font:.7em/1.3em Geneva, Arial, Helvetica, sans-serif;*/}
#col1{width:270px;}
#col2{width:270px;}
#col3{width:257px; margin-right:0px;}
#col3 img.margin-top{margin-top:10px;}
#col-form{width:555px;}
#col-portfolio{width:909px; height:385px; margin:0 0 0 18px; background:transparent url(../images/portfolio-bkg.gif) no-repeat;}
#col1-resume{width:380px;}
#col2-resume{width:475px; margin-right:0;}
#col2-resume img{ margin:10px 0 8px 10px;}
/*End sub pg structure*/

#email-form-container{background:transparent url(../images/form-bkg.gif) no-repeat; padding:5px;}

form.contact-form{height:200px; padding:4px 10px;}
form.contact-form ol, form.contact-form ol li{list-style-type:none;}
form.contact-form ol li {padding-bottom:5px;}
form.contact-form label{font:0.8em/1.4em Geneva,Arial,Helvetica,sans-serif; color: #333;}
.col_label{width:105px;}
.col_label, .col_field{float:left;}
.col_field .text_box, .fmgCaptchCode{height:15px; font:11px/1.4em Verdana, Arial, Helvetica, sans-serif; color:#555; padding-left:2px;}
.col_field .text_area{height:32px; font:11px/1.4em Verdana, Arial, Helvetica, sans-serif; color:#555; padding-left:2px;}
.reloadImgTxt{vertical-align:top;}
.form_button{padding:1px 3px; float:left;}
form.contact-form label.form_error_title{font-weight:bold; color:#c00; padding-left:5px; padding-top:5px; float:left;}

#thankyou-container{padding:60px 0 0 83px; height:150px;}

.clearAll {
	font: 0px/0px Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	clear: both;
	display:block;
}

#footer, #footer-resume {
	font-size: 0.9em;
	width: 1000px;
	height:50px;
	clear: both;
	position:absolute;
	top:525px;
	margin-left:-26px;
	background:transparent url(../images/bottom-bkg-2.png) no-repeat center bottom;
}
#footer-resume{top:780px;}
#footer p, #footer-resume p{padding:12px 0 0 0; color:#999; text-align:center;}
#footer a:link, #footer a:active, #footer a:visited,
#footer-resume a:link, #footer-resume a:active, #footer-resume a:visited
	 {color:#999; text-decoration:none; font-weight:bold;}
#footer a:hover,
#footer-resume a:hover,
	 {color:#999; text-decoration:underline; font-weight:bold;}
#footer p, #footer-resume p{width:465px; float:left; margin-left:260px;}
#footer .social-media-links, #footer-resume .social-media-links{display:block; height:16px; float:right;}
#footer img, #footer-resume img{ margin:0 4px 0 0;}