body {
	background: #ecebf0;
	text-align: center; /* for older browsers */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #484a47;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

a {
	text-decoration:none; 
}

a:hover {
	text-decoration:underline; 
}

#header {
	width: 100%;
	background: url(images/top-bg.gif) repeat-x center top;
	height: 95px;
	margin-bottom: 13px;
}

#header h1 {
	background: url(images/logo-trans.png) no-repeat;
	width: 148px;
	height: 81px;
	text-indent: -9999px;
	margin: 0px 0px 0px 34px;
}

#header h2 {
	font-size: 14px;
	color: #84828b;
	position: absolute;
	left: 250px;
	top: 44px;
}

.container {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	position: relative;
	overflow: hidden
}

#footer {
	background: url(images/bottom-bg.gif) repeat-x left top;
	width: 100%;
	height: 122px;
	color: #a9a7b0;
}

#footer h5 {
	margin: 70px 0px 10px;
	text-align: center;
}

#footer p {
	text-align: center;
}

#left-col {
	margin-left: 10px;
	width: 600px;
	float: left;
	padding-right: 1px;
}

#left-col .section {
	padding-right: 43px;
}

#right-col {
	float: left;
	width: 410px;
	margin-left: 1px;
}

.section {
	padding-top: 310px;
}

#flickr, #contact {
	border-bottom: none;
}

#right-col .section {
	padding-left: 42px;
}

.section h3 {
	color: #484a47;
	font-size: 21px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 25px;
}

#welcome p {
	font-size: 16px;
	margin-bottom: 30px;
}

#accordion-container {
	background: #2c302a url(images/portfolio-top.gif) no-repeat;
	width: 472px;
	color: #949494;
	padding: 1px;
	margin-bottom: 35px;
}

#accordion-container img {
	width: 472px;
	height: 292px;
}

#accordion-container .description-button {
	background: url(images/sprite_gif.gif) 0px -93px;
	padding-top: 5px;
	width: 472px;
	height: 20px;
	color: #dfdee3;
	text-align: center;
	cursor: pointer;
}

#accordion-container .description-button:hover, #accordion-container .description-button.active:hover {
	background: url(images/sprite_gif.gif) 0px -153px;
	color: #c0bfc3;	
}

#accordion-container .description-button.active {
	background: url(images/sprite_gif.gif) 0px -123px;
	color: #b0afb3;	
}

#accordion-container .description {
	background: url(images/desc-transparent-trans.png) repeat 0 0;
 	border-top: 1px solid #9ea0aa;
	height: 118px;
	position: absolute;
	bottom: 25px;
	left: 0px;
	z-index: 10;
	width: 100%;
	display: none;
}

#accordion-container .description p {
	margin: 25px 25px 5px;
	line-height: 19px;
	color: #f2f1f5;
}

#accordion-container .description p a {
	color: #7f74fd;
	line-height: 35px;
}

#accordion-container ul {
	background: url(images/sprite_gif.gif) no-repeat 0px -182px;
	overflow: hidden;
	height: 40px;
	margin-top: 1px;
	position: relative;
	cursor: pointer;
}

#accordion-container ul:hover {
	background: url(images/sprite_gif.gif) no-repeat 0px -48px;
}

#accordion-container ul.active, #accordion-container ul.active:hover
{
	height: 43px;
	background: url(images/sprite_gif.gif) no-repeat 0 0;
	width: 472px;
}

#accordion-container ul.first {
	margin-top: 0px;
}

#accordion-container ul li {
	float: left;
}

.js .info {
	display: none;
}

.info {
	position: relative; 
}

.info.first {
	display: block;
}

li.order-number {
	padding: 14px 30px 0px;
}

li.project-name {
	padding: 14px 10px 0 0;
}

#accordion-container ul li.date {
	float: none;
	position: absolute;
	right: 30px;
	top: 14px;
}

#accordion-container ul.active li.order-number {
	color: #bababb;
}

#accordion-container ul.active li.project-name {
	color: #ecebf0; 
}

#accordion-container ul.active li.date {
	color: #a2a0a9;
}
	
#about-nav {
	float: left;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	width: 38%;;
}

#about-nav li a {
	padding: 14px 35px 15px 32px;
	display: block;
	color: #afadb6;
}

#about-nav li a.active {
	color: #484a47;
	background: #e7e6eb;
}

#about-nav li a:hover {
	color: #484a47;
	text-decoration: none;
}

#about-nav span {
	display: block;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#about-container {
	float: left;
	width: 62%;
	font-size: 13px;
	color: #606464;
	position: relative;
	background: #e7e6eb url(images/about_bottom.gif) repeat-x left bottom;
	line-height: 21px;
	overflow: hidden;
	height: 204px;
}


#about_us {
	overflow: hidden;
	color: #484a47;
	padding-bottom: 35px;
}

.about-inner {
	position: relative;
	width: 3000px;
	overflow: hidden;
	height: 100%;
}

.about-inner li {
	float: left;
	width: 290px;
	position: relative;
	height: 204px; /* depends on ul height */
}

.about-inner li p {
	padding: 20px 25px 5px 37px;
}

.about-inner li#designer p, .about-inner li#developer p {
	padding: 13px 25px 5px 20px;
} 

.about-inner li p img {
	float: left;
	margin: 3px 6px 0px 0px;
}

.about-inner li div.forward, .about-inner li div.back {
	position: absolute; 
	bottom: 10px;
}

.about-inner li div.forward {
	right: 5px;
}

.about-inner li div.back {
	left: 5px;	
}

.about-inner li div.forward a, .about-inner li div.back a {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	cursor: pointer;
}

.about-inner li div.forward a {
	background: url(images/sprite_png-trans.png) -28px 0;
}

.about-inner li div.back a {
	background: url(images/sprite_png-trans.png) 0 0;
}

.about-inner li div.forward a:hover {
	background: url(images/sprite_png-trans.png) -28px -23px;	
}

.about-inner li div.back a:hover {
	background: url(images/sprite_png-trans.png) 0 -23px;	
} 

#accordion-container .description-button {
	margin-top:-1px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

#flickr_badge_uber_wrapper {margin: 10px 0px 0px 32px; width:415px;}
#flickr_badge_wrapper {}
.flickr_badge_image {}
.flickr_badge_image img {border: 1px solid #bdbcbf !important; margin: 0px 35px 35px 0px; float: left;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/* That's all for flickr */


#testimonials {
	padding-bottom: 15px;
}

#blockquote_wrap {
	background: url(images/blockquote_right.gif) no-repeat bottom right;
}

blockquote {
	background: url(images/blockquote_left.gif) no-repeat top left;
	padding: 13px 0px 16px 43px;
}
 
blockquote p.quote {
	color: #646662;
	font-size: 16px;
	font-style: italic; 
	line-height: 19px;
}

blockquote p.author {
	margin: 20px 0px 25px;	
	text-align: right;
}

blockquote p.last {
	margin-bottom: 5px;
}

#twitter, #contact, blockquote {
	padding-right: 43px;
}

#twitter_div {
	background: url(images/twitter_bg.gif) repeat-x top left;
	padding: 38px 9px 0px;
	position: relative;
	margin-bottom: 26px;
}

ul#twitter_update_list li {
	border-bottom: 1px solid #dedde1;
	padding-bottom: 15px;
	margin-bottom: 25px;
	line-height: 30px;
}

ul#twitter_update_list li.last_li_twitter {
	border-bottom: none;
	padding-bottom: 34px;
	margin-bottom: 0px;
}

ul#twitter_update_list li a {
	display: block;
	color: #1d1a9f;
	text-align: right;
	margin-top: -4px;
	font-size: 11px;
}

ul#twitter_update_list {
	background: url(images/twitter_bottom.gif) repeat-x bottom left;	
}


#twitter-link {
	display: block; 
	text-indent: -9999px;
	width: 127px;
	height: 34px;
	background: url(images/sprite_png-trans.png) 0 -54px; 
}

#twitter-link:hover {
	background-position: 0 -94px;	
}  

#twitter_button {
	position: absolute;
	bottom: -11px;
	right: 93px;
}

#contact {
	color: #7b7c7b;
}

#contact > p {
	margin-bottom: 15px;
}

.label_name {
	font-weight: bold;
	margin: 20px 0px 13px;
}

#contact input, #contact textarea {
	border: 1px solid #bdbcbf;
	background: #e7e6eb;
	width: 100%;
	color: #696d6d;
}

.error {
	background: url(images/error.gif) no-repeat center left;
	padding: 15px 0px 15px 33px;
	margin: 5px 0px -5px;
	border-bottom: 1px solid #dedde1;
	color: #4d4e4c;
	line-height: 15px;
	display: none;
}

#submit-div {
	margin-top: 15px;
	text-align: right;
}

#submit-div .submit-button {
	border: none;
	background: url(images/sprite_gif.gif) -485px -48px;
	width: 88px;
	height: 33px;
	cursor: pointer;
	text-indent: -9999px;
}

#submit-div .submit-button:hover {
	background: url(images/sprite_gif.gif) -485px -84px;
}

#success {
	border: 1px solid #b6b5db;
	background: #e7e6eb url(images/success_light.gif) no-repeat center top;
	margin-top: 15px;
	padding: 0px 0px 0px 13px;
	position: relative;
	display: none;
}

#success p {
	background: url(images/success_icon.gif) no-repeat center left;
	padding: 10px 40px 10px 37px;
	font-size: 11px;
	color: #4d4e4c;
	line-height: 18px;
}

#success .close_button {
	position: absolute;
	top: 2px;
	right: 2px;
	background: url(images/sprite_gif.gif) -485px 0px;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	cursor: pointer;
}

#success .close_button:hover {
	background-position: -485px -17px;
}

span#email_error, span#fill_email {
	display: none;
}