* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
}


html, body {
	height: 100%;
	background: #fff;
	font-family: georgia;
}

img {
	border: 0;
}

a {
	font-family: arial;
	color: #423a2b;
	text-decoration: none;
	font-size: 60%;
	letter-spacing: 2px;
	padding: 2px 10px 3px;
}

a.smallLink {
	padding: 0;
}

#header{
	height: 100px;
	width: 100%;
	background: url(i/swirl1.gif) 97% no-repeat;
}

#header img{
	padding: 20px 40px 0px;
}

#navbarTop {
	height: 10px;
	width: 100%;
	background: #77c4c7 url(i/navBG.png) repeat-x;
}

#navbar {
	width: 100%;
	background: #77c4c7 url(i/navSmall.png) 97% center no-repeat;
}

#navbar ul{
	padding-left: 40px;
	width: 600px;
}

#navbar li {
	float: left;
	list-style: none;
	border-right: solid 1px #fff;
	padding-bottom: 3px;
}

#navbar li:hover {
	background: #fff;
}

#navbar li.first {
	border-left: solid 1px #fff;
}

#navbar li.active{
	background: #fff;

}

#wrapper {
	width: 900px;
	margin: 0 auto 20px;
	text-align: right;
}

#footer {
	height: 70px;
	width: 100%;
	background: #fff url(i/footBG.png) bottom repeat-x;
}

#portContainer {
	float: left;
	
}

#portRoll {
	position: relative;
	width: 470px;
	height: 320px;
	overflow: hidden;
	border: dashed 1px #a09c93;
}

#portRoll img {
	position: absolute;
	top: 0;
	left: 0;
}

#mainText {
	width: 390px;
	height: 320px;
	float: left;
	color: #574319;
	font-size: 70%;
	line-height: 22px;
	padding-left: 20px;
	text-align: left;
}

#testimonial {
	height: 70px;
	padding: 15px;
	border: dashed 1px #a09c93;
	font-family: arial;
	font-size: 110%;
	color: #938556;
}

#about {
	width: 690px;
	margin: 0 auto 60px;
	color: #574319;
	font-size: 70%;
	line-height: 22px;
	text-align: justify;
}

#contact p{
	font-size: 100%;
	color: #574319;
	border: 0;
	margin: 0 0 2px 0;
}

#contactForm {
	width: 240px;
	padding: 30px 0 0 200px;
}

#contact input, #contact textarea {
	color: #938363;
	width: 230px;
	background: #fff;
	border: dashed 1px #574319;
	line-height: 24px;
	padding: 7px 0 0 5px;
	font-size: 100%;
	font-family: Myriad, arial, sans-serif;
}

#contact input {
	height: 26px;
	margin-bottom: 8px;
}
	
#contact textarea {
	height: 70px;
	margin-bottom: 4px;
}

#contact input.button {
	text-align: right;
	color: #77c4c7;	
	width: 240px;
	border: 0;
}

#testContainer {
	width: 530px;
	margin: 0 auto 60px;
}

#testContainer img {
	margin: 80px 0 15px 0;
}

#testLeft, #testRight {
	float: left;
	width: 400px;
}

#testLeft {
	margin-right: 20px;
}

#portfolio {
	width: 880px;
	margin: 0 auto 30px auto;
	color: #574319;
	line-height: 22px;
	text-align: justify;
}


#testimonialFrame {
	position:relative;
	width: 540px;
	height: 340px;
}

#testimonialFrame .prev, #testimonialFrame .next{
	position: absolute;
	top: 85px;
}

#testimonialFrame .prev {
	left: 0px;
	background: url(i/arrow-left.gif) no-repeat;
}

#testimonialFrame .next {
	right: 6px;
	background: url(i/arrow-right.gif) no-repeat;
}

#testimonialFrame .next:hover, #testimonialFrame .prev:hover {
	background-position: 0 -13px;
}

#testimonialSlide{
	position: relative;
	overflow:hidden;
	clear:left;
	padding: 15px;
	margin-left: 50px;
	line-height: 22px;
	border: dashed 1px #a09c93;
	width: 400px;
	height: 340px;
	font-family: arial;
	font-size: 80%;
	color: #938556;
	margin-bottom: 20px;
	background: url(i/testimBG.png) 6px 6px no-repeat;
}
	
#testimonialSlide ul{
	width:2150px;
}
	
#testimonialSlide li{
	float:left;
	width: 400px;
	padding: 15px;
}
			
#testimonialSlide p{
	width:590px;
	margin: 0;
}

.clear {
	clear: left;
}

.textpad{
	height: 220px;
	padding: 0 20px;
}

.definition {
	padding: 50px 75px 30px 0;
}

.logoBird {
	float: right;
	padding-right: 40px;
}

.smallText{
	clear: left;
	float: right;
	padding: 6px 20px 0 0;
}

.imgTitle {
	margin: 80px 0 15px 0;
}

.tname {
	text-transform: uppercase;
	font-family: georgia;
	font-size: 80%;
}

.tbus {
	font-size: 80%;
	font-family: georgia;
	font-style: italic;
}

.testimonial {
	padding: 15px;
	border: dashed 1px #a09c93;
	font-family: arial;
	font-size: 80%;
	color: #938556;
	margin-bottom: 20px;
	background: url(i/testimBG.png) 6px 6px no-repeat;
}

.linkroll {
	background: url(i/btnContact.gif) no-repeat;
	height: 13px;
	width: 96px;
}

.linkroll2 {
	background: url(i/btnPortfolio.gif) no-repeat;
	height: 13px;
	width: 128px;
}

.linkroll3 {
	background: url(i/btnTestimonials.gif) no-repeat;
	height: 13px;
	width: 160px;
}

.linkroll:hover, .linkroll2:hover, .linkroll3:hover, .next:hover, .prev:hover  {
	background-position: 0 -13px;
}
			
.next, .prev{
	cursor:pointer;
}

#gallerynav { float: left; }
#photos { float: left; }
#photos .panel { margin-left:38px; }
#photos .panel img {  }
#photogrid { float: left; width: 660px; height: 512px; }
#photogrid a { float: left; margin: 0; padding: 0; }
#photogrid img { border: 0; outline: none; margin: 0; padding: 0; }

#clientlist li a { color: #433d2e; padding: 2px 22px 2px 0; display: block; font-size: 14px; font-family: 'Crete Round', georgia, serif; letter-spacing: 0;}
#clientlist li a:hover, #clientlist li.active a { color: #77c4c7; }

.panel-overlay { display: none; }
.overlay { display: none; }