body
{
	background-color: #F2F2F2;
	background-image: url(../images/bg/blueGradient.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	font-family: arial;
}

img { border: 0; }

#headerBox
{
	width: 800px;
	height: auto;
	position: relative;
	top: 25px;
	margin: 0 auto;
	background-color: transparent;
}

#navBox
{
	width: 500px;
	height: 50px;
	float: right;
	background-color: transparent;
	position: absolute;
	top: 15px;
	right: 5px;
}

#navBox span
{
	position: absolute;
	width: 455px;
	display: none;
}

#navBox ul
{
	margin: 0px;
	padding: 0px;
	float: right;
}

#navBox li
{
	display: inline;
	list-style-type: none;
}

#navBox li a
{
	display: block;
	float: left;
	height: 50px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#navBox a#about_on
{
	width: 87px;
	background-position: 0 0;
	background-image: url("../images/nav/images/about_on.gif");
}

#navBox a#about_on:hover
{
	width: 87px;
	background-position: 0 0;
	background-image: url("../images/nav/images/about_over.gif");
}

#navBox a#contact_on
{
	width: 84px;
	background-position: 0 0;
	background-image: url("../images/nav/images/contact_on.gif");
}

#navBox a#contact_on:hover
{
	width: 84px;
	background-position: 0 0;
	background-image: url("../images/nav/images/contact_over.gif");
}

#navBox a#portfolio_on
{
	width: 90px;
	background-position: 0 0;
	background-image: url("../images/nav/images/portfolio_on.gif");
}

#navBox a#portfolio_on:hover
{
	width: 90px;
	background-position: 0 0;
	background-image: url("../images/nav/images/portfolio_over.gif");
}

#navBox a#projects_on
{
	width: 90px;
	background-position: 0 0;
	background-image: url("../images/nav/images/projects_on.gif");
}

#navBox a#projects_on:hover
{
	width: 90px;
	background-position: 0 0;
	background-image: url("../images/nav/images/projects_over.gif");
}

#navBox a#services_on
{
	width: 104px;
	background-position: 0 0;
	background-image: url("../images/nav/images/services_on.gif");
}

#navBox a#services_on:hover
{
	width: 104px;
	background-position: 0 0;
	background-image: url("../images/nav/images/services_over.gif");
}

#dateBox
{
	width: 100%;
	height: auto;
	background-color: transparent;
	clear: left;
	color: #666;
	font-size: .75em;
	text-align: right;
	position: absolute;
	top: 58px;
}

/*center content */
#centerContent
{
	margin: 0 auto;
	width: 800px;
	height: auto;
	display: block;
}

#Content
{
	padding-bottom: 10%;
	height: auto;
}

/*Top Content */
#topContent span
{
	position: absolute;
	width: 455px;
	display: none;
}

#topContent h2
{
	color: black;
	font-size: .75em;
	margin-right: 5%;
	padding: 0;
}

#topContent ul
{
	margin: 8px 0 0 35px;
	padding: 0px;
}

#topContent li
{
	position: relative;
	top: 0px;
	margin: 0 0 4px 0;
	padding: 0 0 0 16px;
	color: #808080;
	font-size: 0.75em;
	list-style-image: url(../images/listIcon.gif);
}

#topContent .TopContentButton { margin: 5px 0 0 45px; }

#topContent
{
	position: relative;
	top: 20px;
	width: 800px;
	height: auto;
	display: block;
}

#topContent #left
{
	position: relative;
	width: 322px;
	height: 268px;
	padding: 80px 0 0 0;
	float: left;
	white-space: nowrap;
	background-image: url(../images/topContent/images/left.jpg);
	background-repeat: no-repeat;
}

#topContent #right
{
	position: absolute;
	width: 478px;
	height: 268px;
	float: right;
	top: 0;
	right: 0;
}

/*Mid Content */
#midContent
{
	clear: both;
	position: relative;
	top: -40px;
	height: 170px;
	width: 800px;
	background-image: url(../images/midImages/MidImage.gif);
	background-repeat: no-repeat;
}

#midContent span
{
	position: absolute;
	width: 455px;
	display: none;
	visibility: hidden;
}

#midContent	 ul
{
	position: absolute;
	left: 20px;
	top: 45px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#midContent li { display: inline; }

#midContent	 li a
{
	display: block;
	float: left;
	height: 93px;
	background-repeat: no-repeat;
	padding: 0;
	margin-right: 10px;
}

#midContent #photographyeClimb
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListPEC.jpg);
	display: none;
}

#midContent #Riverview
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListRV.gif);
}

#midContent #KennedyConsulting
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListKC.gif);
}

#midContent #protrails
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListPT.gif);
}

#midContent #iapsp
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListIAPSP.gif);
	display: none;
}

#midContent #teamdream
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListTD.gif);
	display: none;
}

#midContent #deliciousliving
{
	width: 286px;
	background-image: url(../images/projects/ProjectsListDL.gif);
	display: none;
}

#midContent #joneseyecare
{
	width: 130px;
	background-image: url(../images/projects/ProjectsListJonesEyeCare.jpg);
	display: none;
}

/*bottom box*/
#botContent
{
	clear: both;
	position: relative;
	top: -40px;
	height: auto;
	width: 800px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#botContent #topCurve
{
	width: 800px;
	height: 20px;
	display: block;
	background-image: url(../images/RedCurveSmall.gif);
	background-position: 0 0;
}

#botContent #Content, #subContent #Content
{
	width: 782px;
	height: auto;
	background-color: #FFF;
	margin-left: 10px;
	border-right: 1px #DBDBDB solid;
	border-left: 1px #DBDBDB solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

#botContent img { margin-left: 10%; }

#botContent h1, #subContent h1
{
	margin: 8px 10% 0 5%;
	color: black;
	font-size: 1.0em;
}

#botContent p, #subContent p
{
	margin: 2px 10% 0 5%;
	color: #666;
	font-size: 0.75em;
	line-height: 16px;
	padding-bottom: 8px;
}

#botContent ul, #subContent ul
{
	margin: 5px 0 0 3%;
	color: #666;
	font-size: 0.75em;
	line-height: 22px;
	padding: 5px 0 8px 0;
}

#botContent li { list-style-image: url(../images/listIcon.gif); }

#botContent #botCurve, #subContent #botCurve
{
	width: 800px;
	height: 37px;
	display: block;
	background-image: url(../images/botImages/ButtonCurve2.gif);
	background-position: center top;
	margin-left: 2px;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

/*Global Sub Content Pages */
#subContent
{
	clear: both;
	margin-top: 30px;
	height: auto;
	width: 800px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#subContent img { float: right; }

/*About Page */
#AboutRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/RedCurveAbout.gif);
	background-position: center top;
}

/*Contact Page */
#ContactRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/ContactRedCurve.gif);
	background-position: center top;
}

/*WebPortfolio Page */
#WebPortRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/WebPortfolioRedCurve.gif);
	background-position: center top;
}

/*Projects Page */
#ProjectsRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/ProjectsRedCurve.gif);
	background-position: center top;
}

/*Projects Page */
#ServicesRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/ServicesRedCurve.gif);
	background-position: center top;
}

/*Survery Page */
#SurveyRedCurve
{
	width: 800px;
	height: 50px;
	display: block;
	margin-left: 2px;
	background-image: url(../images/SurveyRedCurve.gif);
	background-position: center top;
}

/*fonts*/
h2
{
	margin-left: 5%;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 0.85em;
	color: #b3b3b3;
	font-weight: bold;
}

h3
{
	background-color: white;
	margin-left: 5%;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 0.85em;
	color: #6088cc;
	font-weight: bold;
}

.sm_red_bold
{
	color: #FF0003;
	font-size: 0.95em;
	font-weight: bold;
}

#Content .phone_fax
{
	color: #000;
	font-weight: bold;
	list-style-image: url(../images/listIcon.gif);
	margin-top: 0px;
	padding-bottom: 5px;
	text-align: left;
	margin-left: 10%;
}

#mailList ul { margin-left: 8%; }

#mailList li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/*links*/
a:link, a:visited
{
	color: #6599FF;
	text-decoration: none;
}

a:hover
{
	color: #4FFF38;
	text-decoration: underline;
}

#rt_box
{
	width: 200px;
	height: auto;
	float: right;
	background-color: #B4CEF3;
	margin: 2% 20px 0 10px;
}

#rt_box_top
{
	width: 200px;
	height: 20px;
	background-color: white;
	background-image: url(../images/rt_box_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	text-align: left;
	padding: 3px 0 0 0;
	font-weight: normal;
	color: #FFF;
	border-bottom: 1px #8FA2A0 solid;
	text-indent: 15px;
	vertical-align: text-bottom;
	font-size: 1.0em;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}

#rt_box_bot
{
	width: 200px;
	height: 20px;
	background-color: white;
	background-image: url(../images/rt_box_bot.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
}

#rt_box_txt { font-size: 0.95em; }

#rt_box_txt ul
{
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 30px;
	padding: 0;
	color: #4E4E4E;
}

#rt_box_txt li
{
	margin: -3px 0 0 8px;
	padding: 0;
	list-style-image: url(../images/listIconred.gif);
}

#rt_box_txt a
{
	color: white;
	font-weight: bold;
	margin-left: 0px;
}

#rt_box_txt img
{
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	margin: 5px 45px 5px 0;
}

#rt_box_txt .readmoreBut { border: 0; }

#rt_box_txt p
{
	font-weight: normal;
	clear: both;
	color: #39444E;
	line-height: 10pt;
}

/*Project Spotlight*/
#Content .img_rt_ps
{
	margin-left: 1%;
	padding-top: 5px;
	padding-right: 10px;
	float: left;
	display: none;
	
}

#footer
{
	width: 800px;
	height: auto;
	text-align: right;
	padding: 5px;
	margin: -50px 0 0 0;
	background-color: transparent;
	clear: both;
}

#footer .footer_txt
{
	padding: 0;
	margin: 0px;
	font-size: 0.65em;
}

/*errors*/
#errorBox
{
	width: 450px;
	height: auto;
	display: block;
	border: 1px #DBDBDB solid;
	background-color: #E26E6E;
	margin-left: 5%;
	color: white;
	padding: 5px;
	font-weight: bold;
}

#errorBox ul
{
	margin: 5px 0 0 15%;
	color: #E1E1E1;
	font-size: 0.833em;
	line-height: 1.8em;
	padding: 5px 0 8px 0;
}

#errorBox li { list-style-type: none; }

.spacer
{
	display: block;
	background-color: transparent;
	height: 15px;
	clear: left;
	width: 65%;
}

#Content .portfolio_ul 
{
	margin-left: 10%;
	margin-top: -5px;
}

/*right box on about page */
#rt_border
{
	margin-left: 2%;
	border-right-width: 1px;
	border-right-color: #d3d3d3;
	border-right-style: solid;
	height: auto;
	width: 375px;
}

#rt_border ul, .portfolio_ul 
{
	list-style-image: url(../images/listIcon.gif);	
}

#rt_border li {
	margin-left: 15px;
}

#Content ul {
	margin-left: 10%;
	padding: 2px 0 2px 0;
}

#Content .left
{
	margin-top: 5px;
	margin-left: 5%;
	float: left;
}

#Content .right
{
	margin-top: 5px;
	margin-right: 0;
	float: right;
}

/*portfolio*/
.portfolio_ul {
	margin: 10px 0 5px 0;
}

.portfolio_li {
	margin: 3px 0 2px 0;
}


#portfolio
{
	width: auto;
	height: auto;
	display: block;
	background-color: transparent;
}


#portfolio img {
	float: left;
	margin-top: 0;
	margin-left: 2%;
}

#portfolio p
{
	color: black;
	font-size: 0.85em;
	padding-left: 125px;
}

#portfolio h3
{
	margin-left: 165px;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 0.85em;
	color: #6088cc;
	font-weight: bold;
}

#portfolio .cat1, #portfolio .cat2, #portfolio .cat3
{
	width: auto;
	height: auto;
	display: block;
	padding: 1px;
	margin: 8px 0 15px 0;
	clear: left;
}

#portfolio .fade { display: none; }


#hz_container
{
	clear: both;
	width: 100%;
	height: auto;
	background-color: black;
	margin: 105px 0 15px 0;
	padding-top: 5px;
	border-top: 2px #7F7F7F solid;
}

#hz_container .cat4
{
	margin: 8px 0 15px 0;
	width: 50%;
	height: auto;
	float: left;
	background-color: black;
}

#hz_container .cat5
{
	margin: 8px 0 15px 0;
	width: 50%;
	height: auto;
	float: right;
	background-color: black;
}

#hz_container .cat6
{
	margin: 8px 0 0 0;
	width: 100%;
	height: 25px;
	clear: both;
	background-color: transparent;
	background-image: url(../images/BlkShadow.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
}

 #ps_box
 {
 	width: 250px;
 	height: auto;
 	background-color: transparent;
 	padding: 3px;
 	float: right;
 	border-left: 1px #D8D3D3 solid;
 	margin-left: 5px;
 
 }

 #ps_box_bottom
 {
 	width: 250px;
 	height: auto;
 	background-color: transparent;
 	clear: left;
 	padding: 5px;
 	margin: 0;
 }

/*blue Box - contact form*/

#blueBox
{
	width: 15%;
	height: auto;
	display: block;
	padding: 3px;
	background-color: #55CD63;
	border: 1px #D8D3D3 solid;
	margin: 5px 0 5px 0;
	color: white;
	font-weight: bold;
}

.closeWindow {
	width: 100%;
	height: auto;
	padding: 5px;
	margin-top: 5px;
}

#li_indent {
	margin-left: -20%;
	margin-right: 25%;
}

#li_indent p {
	font-size: 1.0em;
}


/*survey area*/
ol
{
	margin: 5px 5px 5px 15px;
	color: black;
	font-size: 0.75em;
	line-height: 1.3em;
}

ol li {margin: 8px 0 8px 0;}

.sm_txt
{
	color: #FB001E;
	font-size: 0.85em;
	line-height: 1.5;
}


.green { color: #25A520; }
#pop_pages
{
	float: right;
	width: 350px;
	height: auto;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;	
	display: block;
	padding: 5px;
	background-color: white;
	border-top: 3px #D4D4D4 double;
	border-bottom: 3px #D4D4D4 double;
}

#pop_pages .pop_title
{
	width: inherit;
	height: auto;
	padding 5px: ;
	margin-top: 3px;
	text-align: left;
}

#pop_pages h1
{
	margin: 0 0 0 5px;
	color: #424242;
	font-size: 1.0em;
	line-height: 1.5em;
}

ul_pop_pages {
	display: inline;

}