﻿/*  Header div  */

.headerStroke {
	width: 932px;
	height: 166px;
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
	background-image: url('../images/bg_header_brown.jpg');
	clear: both;
}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
					

/* Easy Slider */


#sliderContainer {
	background: url('../images/portfolio_bg.jpg') no-repeat left top #181818;
	padding: 17px 14px 14px 16px;
	width: 585px;
	height: 340px;
	float:left;
	clear:both;
}

#slider {}	

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:581px;
	height:332px;
	overflow:hidden;
}	

#prevBtn, #nextBtn { 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-14px;
	top:140px;
}	
#nextBtn{left:597px;}

													
#prevBtn a, #nextBtn a {  
	display:block;
	width:30px;
	height:77px;
	background:url('../images/but_prev.png') no-repeat 0 0;	
}

#nextBtn a { 
		background:url('../images/but_next.png') no-repeat 0 0;	
}												

/* // Easy Slider */

.portfolioPara {
	font: italic normal 12px Georgia, "Times New Roman", Times, serif;
	color: #625444;
	margin:0;
	padding:6px 0 18px 10px;
	width:380px;
	float:left;
	clear:left;
}

/*  Welcome info  */

#intro {
	width: 294px;
	margin:2px 0 14px 0;
	padding:0;
	padding-right: 18px;
	background: url('../images/intro_img_bg.jpg') no-repeat top right;
	float:right;
}

p.welcome {
	font: italic normal 14px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #bfbfbf;
	margin: 0 0 10px 0;
}

p.welcomeParagraph {
	font: normal 12px/1.7em “Helvetica Neue”, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	padding: 0 0 10px 0;
	margin:0;
}

p.currently {
	font: italic normal 14px/1.5em "Times New Roman", Times, serif;
	color: #bfbfbf;
	margin: 7px 0 10px 0;
}

p.currentTitle {
	font: normal 14px/1.5em Arial, Helvetica, sans-serif;
	color: #C57E2D;
	margin: 0 0 4px 0;
}

p.currentSubTitle {
	font: italic normal 12px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #6A6A6A;
	margin: 0 0 4px 0;
}

img.hi {
	margin: 0 8px 14px 14px;
	float: right;
}

img.notepad {
	float: left;
	margin: 0 20px 0 0;
}

img.mywork {margin: 18px 0 8px 0;}

/*  Featured Work  */

#Featured Work {
	clear:both;
	padding-top:10px;
}

.figureHome1 {
	width:286px;
	height:20.6em;
	float:left;
	clear:both;
	margin:0;
	margin-right: 34px;
	overflow:hidden;
}

.figureHome2 {
	width:286px;
	height:20.6em;
	float:left;
	margin:0;
	margin-right: 34px;
	overflow:hidden;
}

.figureHome3 {
	width:286px;
	height:20.6em;
	float:left;
	margin:0;
	overflow:hidden;
}

.photoHome img {
	background:url('../images/featured_bg.jpg') no-repeat top left;
	padding:7px 11px 10px 8px;
}

.workTitle {
	font: normal 14px/1.5em Arial, Helvetica, sans-serif;
	color: #C57E2D;
	margin: 4px 0 2px 0;	
}

.workTypeTitle {
	font: italic normal 12px/1.5em Georgia, "Times New Roman", Times, serif;
	color: #6A6A6A;
	margin: 0 0 12px 0;
}

.workDesc {
	font: normal 11px/1.7em Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 4px 0 6px 0;
	margin:0;
}
.workLink {
	font: normal 11px/1.7em Arial, Helvetica, sans-serif;
	color: #5C5C5C;
	padding: 4px 0 6px 0;
	margin:0;
}

h3.featured {
	clear:both;
}