html{margin:0;padding:0}

body{background:#3E3E32 url('img/bgBody.jpg') 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:76%;color:#C1C39E;}

/*general*/

h1{margin:5px 0;font-size:1em;text-transform:uppercase}
.noBorder{border:none!important}
.pointer{cursor:pointer}

.prevNext{display:none;}

form{margin:0;padding:0;}
label{display:block;}
input,textarea{border:1px solid #111}
input{width:150px;}
textarea{width:200px;height:100px}
#contactBtn{width:100px;float:right}
fieldset{border:none;}
	.colA{width:150px;float:left;margin-right:10px}
	.colB{width:200px;}
.requiredMsg{color:#ff6600;font-weight:700}

#header{width:100%;height:140px;position:relative;display:block;padding:30px 0 0 0;background:transparent url('img/bgHeader.jpg') no-repeat 50% 100%;}
#pageTitle{display:block;width:375px;height:62px;margin:0 auto 0;text-indent:-9999em;background:transparent url('img/buymecoffee.png') no-repeat 50% 50%;position:relative}
#websitePlanner #pageTitle{display:block;width:375px;height:62px;margin:0 auto 0;text-indent:-9999em;background:transparent url('img/webdesignprocess.png') no-repeat 50% 50%;position:relative}

#navBar{width:100%; height:55px;background:transparent url('img/navStrip.jpg') repeat-x 0 0;text-align:center;position:relative}
#nav {list-style-type:none;padding:0;margin:0 auto;display:block;width:780px;text-align:center}
#nav li{float:left;width:auto;border-left:2px solid #3E3E32}
#nav li a{line-height:50px;height:55px;text-decoration:none;text-transform:uppercase;font-weight:700;color:#EBE097;padding:0 41px;display:block;font-size:0.92em;}

/* nav */
.aboutMeBody #nav .aboutMe,
.whyCoffeeBody #nav .whyCoffee,
.portfolioBody #nav .portfolio,
#contact #nav .contact,
#websitePlanner .websitePlanner,
#nav li a:hover{background:transparent url('img/navStripHover.jpg') repeat-x 0 0;color:#DBDBDB} 

.content{color:#C1C39E;width:720px;padding:20px 30px;margin:0 auto 0;background:transparent url('img/bgContent.jpg') repeat 0 0;font-size:0.92em;line-height:20px}
.content strong,#content .heading{color:#CBC283;text-transform:uppercase}
.content a{color:#797860;text-transform:uppercase;text-decoration:none;}
.content a:hover,
	.aboutMeDiv .aboutMe,
	.portfolioDiv .portfolio,
	.whyCoffeeDiv .whyCoffee,
	.contactDiv .contact{color:#DBDBDB}	
.content .col1{width:410px;float:left;margin-right:20px}
.content .photo{float:left;padding:5px;background-color:#111; margin:20px;}
	.caption{display:block;}
.innerMenu{clear:both}

#websitePlanner .col1{width:270px;float:left;} 
#websitePlanner .col2{width:400px;float:left;background-color:#111;padding:0 15px 15px;margin:10px 0 0}
#websitePlanner .content .heading{text-transform:uppercase;cursor:pointer;border:1px solid #5F5F4B;border-width:0 0 3px 0}
#websitePlanner .content .heading a{display:block}
#websitePlanner .content ul{list-style-type:lower-roman;padding:0;}
#websitePlanner .content ul li{}
#websitePlanner .heading a:hover,#websitePlanner .heading a.active{color:#CBC283}
#websitePlanner ol a{text-transform:capitalize;color:#C1C39E;display:block}
#websitePlanner ol a:hover{color:#fff;}

/* website planner pages */

	.onlineShopping .onlineShoppingNav,
	.gatheringInfo .gatheringInfoNav,
	.webDesignProcess .webDesignProcessNav,
	.websiteHosting .websiteHostingNav,
	.domainNameRegistration .domainNameRegistrationNav,
	.advantages .advantagesNav,
	.effective .effectiveNav,
	.offline .offlineNav,
	.navigation .navigationNav,
	.thinkAbout .thinkAboutNav,
	.include .includeNav{font-weight:700;color:#dbdbdb!important}

.portfolioDiv{position:relative}
.portfolioDiv ul{padding:0;margin:0;list-style-type:none;width:235px;overflow:hidden;}
.portfolioDiv li{width:225px;height:150px;border:5px solid #111;position:relative}
.carousel {display:block;border:10px solid #222;border-width:10px 5px 90px 5px;float:left;}
.thumb{cursor:pointer;border:none}
.url{position:absolute;left:0;bottom:0;display:block;line-height:25px;height:25px;display:block;background-color:#000;padding:0 5px}

#popup{width:0;display:none;background:#111 url('img/loader.gif') no-repeat 50% 50%;text-align:center}
#popup.activated{border:5px solid #222;border-width:10px 5px;width:450px;height:400px}
#popHolder{float:left;}
.descr{display:none;position:absolute;top:371px;left:35px;background-color:#111;width:225px;height:90px;padding:5px;}

#footer{width:780px;padding:15px 0;margin:0 auto;color:#69644C;text-transform:uppercase;font-size:0.83em;background:transparent url('img/bgFooter.jpg') no-repeat 50% 0;text-align:center}

/* clearfix */
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}