/* CSS Document */

/* CSS Reset - as per Eric Meyers: http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ 
---------------------------------------------------------------------------------------------------------*/

/* Don’t forget to set a foreground and background color
on the ‘html’ or ‘body’ element! */


body {
	background:#6c6c6c url(../images/body_btm.jpg) center 293px repeat-x;
	color:#ccc;
	text-align:center;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:67%;
	font-weight:lighter;
	padding:0;
	margin:0;
}

a img {border:none}

#wrapper {
	background:url(../images/body_top.jpg) no-repeat center top;
	padding:0;
	margin:0;
	padding-top:77px;
}

#page {
	margin:0 auto;
	width:920px;
	text-align:left;
	background:url(../images/sidebar_btm.jpg) 8px 293px repeat-y;
}

#page-inner {
	background:url(../images/sidebar_top.jpg) 8px 216px no-repeat;
}

#page-inner-inner {
	background:url(../images/banner.jpg) center top no-repeat;
}

#location {
	margin:22px 0 0 0;
	padding:0;
	text-align:right;
	letter-spacing:1px;
}

a, a:link {color:#7e7e7e; text-decoration:underline}
a:hover {color:#999999;}


/* Menu
------------------------------------------------------------------------------------*/

#menu {
	margin:211px 0 0 26px;
	width:237px;
	height: 400px;
	float:left;
	background:url(../images/menu_bg.jpg) no-repeat;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	height:176px;
}

#menu li {	
	letter-spacing:0.3em;
	padding:0px;
}

.index #menu li.home {	
	background:url(../images/active-home.jpg) no-repeat left top;
}

.about #menu li.about {	
	background:url(../images/active-about.jpg) no-repeat left top;
}

.portfolio #menu li.portfolio {	
	background:url(../images/active-portfolio.jpg) no-repeat left top;
}

.contact #menu li.contact {	
	background:url(../images/active-contact.jpg) no-repeat left top;
}


#menu li.home:hover {	
	background:url(../images/hover-home.jpg) no-repeat left top;
}

#menu li.about:hover {	
	background:url(../images/hover-about.jpg) no-repeat left top;
}

#menu li.portfolio:hover {	
	background:url(../images/hover-portfolio.jpg) no-repeat left top;
}

#menu li.contact:hover {	
	background:url(../images/hover-contact.jpg) no-repeat left top;
}

#menu li a {                                    
	padding:0 0 0 40px;
	margin:0 0 0 29px;
	display:block;
	line-height:37px;
	height:37px;
	width:180px;
	padding-left:20px;
	color:#7e7e7e;;
	text-decoration:none;
	background:url(../images/menu_div.jpg) repeat-x center bottom;
}

#menu li a:hover {
	text-decoration:none;
}

#menu li#home a {background:url(../images/home.jpg)}
#menu li#about a {background:url(../images/about.jpg)}
#menu li#portfolio a {background:url(../images/portfolio.jpg); height:40px;}
#menu li#contact a {background:url(../images/contact.jpg)}

#menu #home a:hover {background:url(../images/home_hv.jpg)}
#menu #about a:hover {background:url(../images/about_hv.jpg)}
#menu #portfolio a:hover {background:url(../images/portfolio_hv.jpg)}
#menu #contact a:hover {background:url(../images/contact_hv.jpg)}

#menu #home span,
#menu #about span,
#menu #portfolio span,
#menu #contact span {display:none}



/* Text formatting
------------------------------------------------------------------------------------*/

#content {
	text-align:justify;
	padding:230px 20px 10px 20px;
	line-height:1.34em;
	margin-left:270px;
	font-size:1.1em;
	letter-spacing:0.07em;
}

#indexcontent {
	margin-right:200px;
}

.redsq #innercontent {margin-right:190px;}

h1 {
	color:#ccc;
	font-size:13px;
	margin:10px 0 0 0;
	padding-bottom:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-transform: uppercase;
}

h2 {
	font-size:12px;
	letter-spacing:3px;
	margin:10px 0 10px 0;
	background:inherit;
	color:#ccc;
}

.center {
	text-align:center;
}





/* Index
------------------------------------------------------------------------------------*/

#badge {
	float:right;
	width:200px;
	margin-top:230px;
	padding-top:20px;
	text-align:center;
}

/* About
------------------------------------------------------------------------------------*/


.colleft {
	width:48%;
	float:left;
}

.colright {
	width:48%;
	float:right;
}

/* Portfolio
------------------------------------------------------------------------------------*/

.portfolio {
	margin:0;
	padding-right:0px;
}

.slideshow {
	float:right;
	text-align:center;
	margin:10px 0 30px 40px;
	width:350px;
}

.slideshow a {
	text-decoration:none;
	color:#999999;
	font-size:14px;
}

.slideshow a:link {color: #999999}     /* unvisited link */
.slideshow a:visited {color: #666666}  /* visited link */
.slideshow a:hover {color: #333333;}   /* mouse over link */
.slideshow a:active {color: #666666}   /* selected link */

.scrollbtns {
	float:right;
	width:38px;
	margin-top:90px;
	padding:0;
}

.scrollbtns ul {
	width:38px;
	margin:0;
	padding:0;
}

.scrollbtns li {
	padding-bottom:10px;
	list-style-type:none;
}



/* Privacy page
------------------------------------------------------------------------------------*/


#privacyoverflow {
	overflow:auto;
	height:400px;
	padding-right:10px;
}

#privacyoverflow ul {
	margin:0 0 15px 40px;
	list-style-type:circle;
}



/* Contact page
------------------------------------------------------------------------------------*/

#address {
	float:right;
	text-align:left;
	width:160px;
	margin-top:10px;
}

#address h3 {
	margin-top:0;
	font-size:14px;
	font-weight:bold;
}

#form {
	padding-top:10px;
	
	}

/* Footer
------------------------------------------------------------------------------------*/

#footer {
	margin:0px auto 15px auto;
	background:url(../images/footer_bg.gif) repeat-x;
	color:#888888;
	font-size:0.9em;
	text-align:center;
	height:38px;
	clear:both;
}

#footer p {line-height:38px; letter-spacing:10px; margin:0; padding:0}

#footer a, #footer a:link {color: #ffffff; text-decoration:none;}     /* unvisited link */
#footer a:visited {color:#999999; text-decoration:none;}  /* visited link */
#footer a:hover {color: #999999;}   /* mouse over link */
#footer a:active {color: #ffffff}   /* selected link */

.floatleft {float:left}
.floatright {float:right}
.clear {clear:both}