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

body {
	background-color: #9d8a73;
	margin:0px;
	font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#3a2f27;
	margin-bottom:20px;
}
img {
	border:none;	
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:910px;
	height:390px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}	
ul {
	list-style:none;
	margin:0px;	
	padding:0px;
}
li {
	list-style:none;
	margin:0px;
	padding:0px;
}
.clientitem {
	list-style:none;
	height:25px;
}
select {
	background-color: #3a2f27;
	color: #fff;
	font-size:12px;
	border:solid;
	border-color:#3a2f27;
}
input {
	background-color: #3a2f27;
	color: #fff;
	font-size:12px;
	border:solid;
	border-color:#3a2f27;
}
textarea {
	background-color: #3a2f27;
	color: #fff;
	font-size:12px;
	border:solid;
	border-color:#3a2f27;
	width:390px;
	height:200px;
}
option {
	background-color:#aa876e;
	color:#fff;
}
.darkcell {
	background-color:#aa876e;
	color: #fff;
}
.lightcell {
	background-color:#e6dcc8;
	color: #3a2f27;
}
#page {
	background-color:#fff;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:1000px;
	margin:auto;
}
#header {
	height:156px;
	width:1000px;
}
#logo {
	float:left;
	margin-top:30px;
	background-image:url(../images/nameBackground.png);
	background-repeat:no-repeat;
	width:334px;
	height:126px;
}
#podcontent {
	margin:20px;
	display:block;
	overflow:hidden;
}
#dropdown {
	float:left;
	margin-left:20px;
	padding:10px;
	background-image:url(../images/dropdown.png);
	background-repeat:no-repeat;
	width:274px;
	height:51px;
}
#headercontrols {
	float:right;
	height:156px;
	width:606px;
	margin-right:30px;
}
#clientlist {
	background-color:#fff;
	padding:15px;
	width:244px;
	height:135px;
	display:none;
	bottom:72px;
	left:20px;
	position:absolute;
	overflow:auto;
	background-image:url(../images/top.jpg)
}
#search {
	margin-left:282px;
	overflow:hidden;
	background-image: url(../images/searchBackground.png);
	background-repeat:no-repeat;
	width:313px;
	height:94px;
}
#searchbutton {
	left:210px;
	top:-18px;
	position:relative;
}
#searchfield {
	position:relative;
	left:12px;
	top:10px;
	font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#3a2f27;
	width:175px;
	height:28px;
	background-color:transparent;
	padding-top:7px;
	border:none;
}
#nav {
	width:607px;
	height:62px;
}
#aboutbutton {
	float:right;
	width:181px;
	height:44px;
	text-align:center;
	padding-top:18px;
	background-image:url(../images/aboutOff.png);
	background-repeat:no-repeat;
}
#creativeworkbutton {
	float:right;
	width:230px;
	height:44px;
	text-align:center;
	padding-top:18px;
	background-image:url(../images/creativeWorkOff.png);
	background-repeat:no-repeat;
}
#contactbutton {
	float:right;
	width:195px;
	height:44px;
	padding-top:18px;
	text-align:center;
	background-image:url(../images/contactOff.png);
	background-repeat:no-repeat;
}
#aboutbuttonon {
	float:right;
	width:181px;
	height:44px;
	text-align:center;
	padding-top:18px;
	background-image:url(../images/aboutOn.png);
	background-repeat:no-repeat;
}
#creativeworkbuttonon {
	float:right;
	width:230px;
	height:44px;
	text-align:center;
	padding-top:18px;
	background-image:url(../images/creativeWorkOn.png);
	background-repeat:no-repeat;
}
#contactbuttonon {
	float:right;
	width:195px;
	height:44px;
	padding-top:18px;
	text-align:center;
	background-image:url(../images/contactOn.png);
	background-repeat:no-repeat;
}
#breadcrumb {
	font-size:12px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:40px;
}
#mainpanel {
	overflow:hidden;
	height:390px;
	background-color:#f8f2df;
	width:910px;
	margin-left:40px;
	text-align:left;
	padding: 5px;
}
.normalpanel {
	overflow:hidden;
	height:390px;
	background-color:#f8f2df;
	width:910px;
	margin-left:40px;
	text-align:left;
	padding: 5px;
}
#subpanel {
	display:block;
	background-color:#f8f2df;
	width:910px;
	margin-left:40px;
	text-align:left;
	padding: 5px;
}
#leftarrow {
	float:left;
	background-image:url(../images/leftArrow.png);
	background-repeat:no-repeat;
	width:115px;
	height:75px;
	position:relative;
	top:-110px;
	left:-5px;
}
#rightarrow {
	float:left;
	background-image:url(../images/rightArrow.png);
	background-repeat:no-repeat;
	width:116px;
	height:75px;
	top:-110px;
	position:relative;
	left:684px;
}
#mainshadow {
	margin-left:70px;
	background-image:url(../images/mainShadow.png);
	background-repeat:no-repeat;
	width:886px;
	height:17px;
	padding-bottom:-30px;
}
#workArea {
	overflow:hidden;
	float:left;
	width:910px;
	height:390px;
	position:relative;
}
#extras {
	clear:both;
	margin-top:20px;
	overflow:auto;
}
#hello {
	position:relative;
	float:left;
	display:block;
	width:420px;
	margin-left:60px;
}
#recent {
	position:relative;
	float:left;
	display:block;
	width:440px;
	margin-top:20px;
	margin-left:40px;
}
#description {
	clear:both;
	position:relative;
	display:block;
	padding-top:10px;
}
.socialmedialogo {
	float:left;
	width:210px;
	height:55px;
	margin-bottom:10px;
}
#socialmediapod {
	overflow:hidden;
	margin-left:40px;
	float:left;
	width:440px;
}
#categoriespod {
	overflow:hidden;
	float:left;
	width:440px;
	margin-left:40px;f
}
#maincontent {
	margin-left:40px;
	float:left;
}
#socialmediatitle {
	background-image:url(../images/socialMediaHeader.png);
	background-repeat:no-repeat;
	padding-top:20px;
	width:331px;
	height:42px;
}
#searchtitle {
	background-image:url(../images/searchHeader.png);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:20px;
	font-size:12px;
	width:700px;
	height:42px;
}
#categoriestitle {
	background-image:url(../images/categoriesHeader.png);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:20px;
	font-size:12px;
	width:184px;
	height:42px;
}
#summarytitle {
	background-image:url(../images/summaryHeader.png);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-left:20px;
	font-size:12px;
	width:264px;
	height:42px;
}
.searchitem {
	float:left;
	height:120px;
	width:880px;
	margin-left:20px;
}
.projectitem {
	height:120px;
	width:440px;
}
.workimage {
	width:90px;
	height:101px;
	margin-right:20px;
	float:left;
	background-image:url(../images/workshadow.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#blockbody {
	overflow:hidden;
	padding-top:10px;
	background-color: #f8f2df;
	position: relative; 
}
#darkblockbody {
	clear:both;
	padding:20px;
	background-color: #e6dcc8;
}
#halfshadow {
	background-image:url(../images/halfShadow.png);
	background-repeat:no-repeat;
	width:387px;
	height:13px;
	margin-left:45px;
}
#footer {
	clear:both;
	background-image:url(../images/bottom.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:90px;
}
#bunny {
	float:right;
	width:197px;
	height:138px;
	overflow:hidden;
	position:relative;
	left:50px;
	margin-top:10px;
}
.lighttext{
	color:#aa876e;
}
.darktext{
	color:#3a2f27;
}
h1 {
	font: bold 30px Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	font: bold 40px Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	margin-left:40px;
	margin-top:20px;
}
h3 {
	font: normal 24px Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	margin-left:43px;
	margin-top:-35px;
}
a:link {
	color: #3a2f27;
	text-decoration:none;
}
a:visited {
	color: #3a2f27;
	text-decoration:none;
}
a:hover {
	color: #aa876e;
	text-decoration:none;
}
a:active {
	color: #3a2f27;
	text-decoration:none;
}
a.lighttext:link {
	color: #aa876e;
	text-decoration:underline;
}
a.lighttext:visited {
	color: #aa876e;
	text-decoration:underline;
}
a.lighttext:hover {
	color: #3a2f27;
	text-decoration:none;
}
a.lighttext:active {
	color: #aa876e;
	text-decoration:underline;
}
a.darktext:link {
	color: #3a2f27;
	text-decoration:underline;
}
a.darktext:visited {
	color: #3a2f27;
	text-decoration:underline;
}
a.darktext:hover {
	color: #aa876e;
	text-decoration:none;
}
a.darktext:active {
	color: #3a2f27;
	text-decoration:underline;
}