/*------------- General Styles --------------------*/
body {
	margin: 0;
	padding: 0;
	font: 14px Tahoma, Geneva, sans-serif;
	color: #222;
	background:#fff;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}

h1 {
	font-size: 2.6em;
}

h2 {
	font-size: 2em;
}

h3 {
	margin-bottom: 2em;
	font-size: 1em;
	font-weight: bold;
}
small {
	font-size:.9em;
}
a {
	color: #444;
}
a:hover {
	color: #222;
	text-decoration: none;
}

img, a img {
	border: none;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.break {
	clear:both;
	font-size:1px;
	height:1px;
}
.clear-left {
	clear:left;
	font-size:1px;
	height:1px;
}
.clear-right {
	clear:right;
	font-size:1px;
	height:1px;
}

/*------------- Base structure --------------------*/
#wrapper {
	margin:10px auto 0 auto;
	width:912px;
	background:#fff url("../images/wrapperbg.png") right top repeat-y;
}
#navigation {
	width:100px;
	float:left;
}
#page {
	width:808px;
	margin-left:4px;
	float:left;
	background:url("../images/h-line.png") left top no-repeat;
}

/*------------- Navigation --------------------*/
#navigation-bar {
	width:100px;
	font-size:.9em;
	margin:110px 0 0 0;
	padding:0;
	list-style-type:none;
}
#navigation-bar #navigation-icon {
	text-align:left;
	width:74px;
	height:20px;
	text-indent:-9999px;
	background:url("../images/pencil.png") top right no-repeat;
}
#navigation-bar #navigation-portfolio {
	width:90px;
	margin-top:16px;
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
	color:#908474;
	background:none;
}
#navigation-bar li{
	padding-right:12px;
	text-align:right;
	background:url("../images/bullet.png") 94px 9px no-repeat;
}
#navigation-bar li.active, #navigation-bar li ul li.active{
	background:url("../images/active-bullet.png") 94px 9px no-repeat;
}
#navigation-bar li a{
	outline:none;
	font-size:0.9em;
	color:#666;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}
#navigation-bar li a.active-link{
	color:#fff;
	background:#a1968a;
}
#navigation-bar li a:hover{
	background:#eae7e4;
}
#navigation-bar li ul {
	display:none;
	width:100px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation-bar li ul li a{
	padding:2px 0;
	font-style:italic;
	font-weight:normal;
}
/*------------- Top header and header image --------------------*/
#header {
	position:relative;
	margin:8px 0 4px 0;
	width:800px;
	height:100px;
	color:#fff;
	background:#908474;
}
#logo {
	position:absolute;	
	top:60px;
	left:16px;
	width:285px;
	height:30px;
	background:url("../images/logo.png") left top no-repeat;
}
#logo h1 { 
	display:none;
	color:#ffe;
	font-size:1.2em;
}
#logo p { 
	display:none;
	color:#555;
	font-size:.9em;
}
#quick-links {
	position:absolute;
	top:67px;
	right:10px;
}
#quick-links a{
	font-size:.9em;
	color:#fff;	
	text-decoration:none;
}
#quick-icons {
	position:absolute;
	width:80px;
	height:15px;
	top:52px;
	right:10px;
}
#quick-icons a{
	position:absolute;
	top:0;
	width:21px;
	height:15px;
	text-indent:-9999px;
	outline:none;
	outline-width:0;
	font-size:.9em;
	color:#fff;	
	text-decoration:none;
}

#quick-icons a#home {
	left:6px;
	background:url("../images/home-icon.png");	
}
#quick-icons a#contact {
	left:47px;
	background:url("../images/contact-icon.png");	
}

#header-image {
	position:relative;
	margin:0;
	width:800px;
	height:510px;
	background:#e6e7e8;
}
#image-wrapper {
	z-index:200;
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:510px;
	background-color:#e6e7e8;
}
#image-wrapper img{
	display:block;	
}
#header-image h2, #header-image p {
	padding:6px;
	color:#444;
	margin:0;
	display:none;
}
.home-large {
	background:#e2eaf3 url("../images/home-large.jpg") left top no-repeat;	
}
.loading {
	background: url("../images/big-loader.gif") center center no-repeat;
}
/*------------- portfolio section on home page--------------------*/
#portfolio-note {
	z-index:300;
	color:#a19473;
	display:none;
	position:absolute;
	padding:0;
	width:212px;
	height:64px;
	bottom:0;
	right:0;
	background-color:#C9CBCC;
}
#portfolio-data {
	display:none;	
}
#portfolio-note span{
	color:#111;
}
#portfolio-note p{
	font-size:.8em;
	display:block;
	color:#a19473;
	padding:6px 4px 0 6px;
}
#portfolio {
	position:relative;
	margin:0 0 3px 0;
	width:800px;
	height:146px;
	background:#e6e7e8;
}
#portfolio.home-style {
	background:#e6e7e8 url("../images/content-bg.png") bottom left repeat-x;
}

#portfolio #portfolio-icon {
	position:absolute;
	top:0;
	left:0;
	width:144px;
	height:144px;
}
#portfolio-icon p {
	position:absolute;
	top:20px;
	left:20px;
	margin:0;
	padding:0;
}
#portfolio-icon p.portfolio-icon-wrapper {
	display:none;	
}

#portfolio-icon p img{
	display:block;
}
#portfolio #portfolio-description {
	padding-top:20px;
	position:absolute;
	top:0;
	left:150px;
	width:620px;
	height:124px;
}
#portfolio-description h3 {
	margin:0 0 6px 0;
	color:#555;
	font-size:1.1em;	
}
#portfolio-description p {
	line-height:150%;
	padding:0;
	margin:0;
	color:#908474;
	font-size:1em;	
}
#portfolio-description p.first {
	margin-bottom:20px;	
}
.hightlight-text, .hightlight-text:hover {
	color:#808285;	
}
/*------------- Content section for all pages --------------------*/
#content {
	margin:0;
	width:800px;
}
#content h4 {
	font-size:1em;
	margin:14px 0;
}
#content p {
	font-size:1em;
	color:#333;
	margin:0 0 14px 0;	
}

/*------------- footer for all pages --------------------*/
#footer {
	padding-top:10px;
	margin:0 auto;
	width:912px;
	height:30px;
	background:url("../images/h-line.png") right top no-repeat;
}
#footer p {
	font-size:.8em;
	padding:0 10px 4px 104px;
	margin:0;
}
#footer sup {
	font-size:.7em;	
}