@charset "utf-8";
* { padding: 0; }
img { border: none; }
body { background-color:#eae5d1; }
h1 { background-image: url(i/dw-name.jpg); background-position: left top; background-repeat: no-repeat; width: 189px; height: 50px; display: block; text-indent: -2000px; }
h2 { background-image: url(i/intro-box.jpg); background-position: left top; background-repeat: no-repeat; width: 416px; height: 150px; display: block; text-indent: -2000px; }
#page-wrap { width: 960px; margin: 0 auto; position: relative; }
#head-left { float:left; margin-left: 25px; }

/* twitter styles */
#twit-box { float:right; width: 430px; min-height: 188px; background-image: url(i/bg-twitter.jpg); background-position: left top; background-repeat: no-repeat; margin-top: 70px; }
small {font-style:italic; }
#tweets { padding-top: 15px; }
#tweets li {
	font-size:13px;
	background:url(i/twitter.png) no-repeat left ;
	padding-left:20px;
	margin-left:30px;
	margin-top:8px;
	margin-right:30px;
	list-style-type:none;
	/*height:17px;padding-bottom:10px;*/
}

#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}

/* box styles */
#content { clear:both; width: 100%; margin-top: 15px; }
.back-box { background-image: url(i/box-bg.jpg); clear: both; background-position: center top; background-repeat: repeat-y; margin-top: 20px; }
.top-box { background-image: url(i/box-top.jpg); background-position: center top; background-repeat: no-repeat; padding: 54px 40px 14px 40px; position: relative; }
.bottom-box { clear: both; background-image: url(i/box-bottom.jpg); background-position: center bottom; background-repeat: no-repeat; height: 16px; }
.title-box { position: absolute; top: -11px; left: 60px; display: block; text-indent: -1500px; width: 170px; height: 65px; background-repeat: no-repeat; background-image: url(i/section-titles.jpg);}
.login-box { background-position: 0 0; }
.contact-box { background-position: 0 -130px; }
.portfolio-box { background-position: 0 -65px; }

/* connect styles */
#connect-list { height: 102px; }
#connect-list li { float:left; list-style-type: none; }
#connect-list li a, #connect-title { display: block; text-indent: -2000px; }
#connect-list a.icon { width: 106px; height: 102px; background-repeat: no-repeat; background-image: url(i/connect-icons.jpg); }
#connect-title { width: 339px; height: 102px; background-repeat: no-repeat; background-image: url(i/connect.jpg);}
#connect-email { background-position: 0 -408px; }
#connect-twitter { background-position: 0 -102px; }
#connect-delicious { background-position: 0 -306px; }
#connect-digg { background-position: 0 -204px; }
#connect-feed { background-position: 0 0; }
/* hover */
a:hover#connect-email { background-position: -106px -408px; }
a:hover#connect-twitter { background-position: -106px -102px; }
a:hover#connect-delicious { background-position: -106px -306px; }
a:hover#connect-digg { background-position: -106px -204px; }
a:hover#connect-feed { background-position: -106px 0; }

/* styles for vertical scroller */
.scrollable { position: relative; overflow: hidden; width: 875px; height: 610px; }
.scrollable .items { position: absolute; height: 20000em; margin: 0px; }
.scrollable .item { border-bottom: 1px solid #ccc7a1; margin: 10px 0; padding: 15px; font-size: 12px; height:160px; }
.scrollable .item h3 { margin: 0 0 5px 440px; font-size: 20px; color: #222; font-weight: normal; }
.scrollable .item p { margin: 0 0 5px 440px; }
.scrollable .item img { float: left; }
.scrollable .item ul { margin: 0 0 5px 450px; list-style-position: inside; }

/* action buttons above the vertical scroller */
#actions { width: 875px; margin: 10px 0 10px 0; }
#actions a { font-size: 11px; cersor: pointer; color: #333; }
#actions a:hover { text-decoration: underline; color: #000; }
.disabled { visibility: hidden; }
.next { float: right; }

/* contact box */
#fp-contact-left { float: left; width: 400px; font-size: 13px; padding-left: 20px; padding-top: 20px; }
#fp-contact-left ul { list-style-position: inside; margin-left: 10px; }
#fp-contact-right { float: right; width: 450px; font-size: 14px; }
#fp-contact-right span { font-size: 18px; }

/* form style */
#contactform {
	background:#ddd7b5 url(i/fp-form-bg.jpg) no-repeat;	
	padding:15px 20px; 
	color:#333;
	width:350px;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
#contactform fieldset {	border: 0; margin: 0; padding:0; }

/* typography */
#contactform h3 	{ color: #000; margin-top:0px; font-weight: normal; font-size: 18px; }
#contactform p 	{ font-size:11px; }


/* input field */
#contactform input,#contactform select,#contactform textarea {
	border:1px solid #4F4A2C;
	background-color: #cdc89e;
	padding:5px;
	color:#4F4A2C;
	font-size:12px;
	width: 250px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#contactform input:focus,#contactform select:focus,#contactform textarea:focus 	{ color:#fff; background-color:#6F6945; }
#contactform input:active,#contactform select:active,#contactform textarea:active	{ background-color:#4F4A2C; }

/* button */
#contactform button,#contactform #sendEmail { outline: 0; border:1px solid #666; padding: 5px; }


/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

/* field label */
label { display:block; font-size:11px; color:#333; }
#terms label { float:left; }
#terms input { margin:0 5px; }

/* copyright */
#copyright { font-size: 12px; text-align: center;}