@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
font-family: 'palatino linotype', palatino, serif;
color: #878787;
font-size: 12px;
letter-spacing: 0.6pt;
line-height: 1.5; 
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
caption, th {
	text-align:left;
}
html, body {height: 100%;}

body {height: auto; min-height: 100%;}


/*-------------------*/

body { margin:0px; 
height:100%;
font-size:11px; 
color:#333;
background-color:#f6f6f6;
background-attachment:scroll; 
background-image:url(../images/texture1.gif);
background-position:0 0;
background-repeat:repeat; }

/*--------------------------------------

HEADER
--------------------------------------*/

#headerwrap
{width: 100%; 
height: 75x;
background-color:#f6f6f6;
background-image: url(../images/back.jpg);
background-repeat: repeat-x;
position:fixed;
top:0;
z-index:100;
}

#header { 
width:960px; 
height:75px; 
margin:0 auto; 
overflow: hidden; 
padding:0px; 
background-attachment:scroll;
background-position:0 0;
background-repeat:repeat; }



#header .logo { 
width:286 px; 
height: 75 px; 
float:left; }


#header .menu { 
float:right; 
list-style:none; 
margin:0px; 
padding:0px; 
font-size:10px; 
overflow:hidden; 
text-transform:uppercase; 
color:#333; 
padding-top:22px; }

#header .menu li { 
display:inline; 
float:left; 
padding:12px 10px 0px 10px; }

#header .menu li{
font-family: 'palatino linotype', palatino, serif;
font-size: 11px;
letter-spacing: 1.4pt;
}

#header .menu li a, #header .menu li a:visited {color:#878787; text-decoration:none; }

#header .menu li a:hover { color:#333; text-decoration:none; }

#topheader { 
width:100%; 
height:7px;  
margin: auto; 
margin-top: 0px; 
overflow: hidden; 
background-image:url(back.jpg);
background-repeat:repeat;}

#logo {
float:left;
height:75px;
margin-bottom:0;
margin-left:10px;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
#logo-mark {
float:left;
}
#logo-type {
float:left;
margin-bottom:0;
margin-left:11px;
margin-right:0;
}

/*--------------------------------------

BODY
--------------------------------------*/
#slideshow {padding-top:125px;
border-top: solid #CCC 1px;}

#wrap{
min-height: 100%;
margin-bottom: -330px;
position: relative;}

#content { 
width:960px; 
margin:0 auto;
}

#workwrap{
min-height: 100%;
margin-bottom: -330px;
position: relative;}

#workcontent { 
width:960px; 
margin:0 auto;
}
#thumbs{ 
padding-top:100px;
width:960px; 
height:1000px
}


#content .portfoliolink { 
background-color:#fff; 
overflow:hidden; }

#aboutnews {
width: 960px;
height: 650px;
padding-top:35px;
margin:10px 0px 0px 0px;
padding-bottom:20px;
position:relative; 
border-top: solid #CCC 1px;
border-bottom: solid #CCC 1px;}

#aboutnews .boxa{
float:left;  
width:450px; 
height:300px;
position:relative; 
margin:0px 18px 0px 0px; }

#aboutnews .boxb{
float:left;  
width:200px; 
height:300px;
position:relative; 
margin:0px 18px 0px 0px; }

#aboutnews .box .top { 
padding:0px; 
margin:0px; 
width:300px; 
height:35px; 
float:left; }

#aboutnews h3{
font-family: 'palatino linotype', palatino, serif;
color: #706965;
font-size: 21px;
font-style: italic;
letter-spacing: 1.4pt;
word-spacing: 2.4pt;
line-height: 1.2;

}
#aboutnews h2{
	padding-top:7px;
	padding-bottom:7px;
}

#aboutstyle li{
liststyle:none;
}

#aboutnews a{
color: #d17b30;
}
#aboutnews a:visited { 
text-decoration:none; 
color:#CC6600 }

#aboutnews a:hover { 
text-decoration:none; 
color:#dfaf4d }
#aboutnews .about {
padding-left:10px;
}
/*--------------------------------------

ABOUT:LAYOUT
--------------------------------------*/
#aboutcontentwrap {
min-height: 100%;
margin-bottom: -330px;
position: relative;
}
	
#aboutcontent { 
width:960px;
margin:0 auto;  
}

#abouthold{
width: 960px;
height:960px;
padding-top:15px;
}


div.InnerLeft {
width: 130px;
margin-top:75px;
position: relative;
background: #CCCCCC;        
float: left;
}
div.mid {
width: 800px;
margin-top:90px;
margin-left:30px;
padding-top:10px;
padding-bottom:10px;
position: relative;        
float: left;
		
}
	

div.mid2 {
width: 350px;
height:300px;
margin-left:30px;
padding-top:25px;
padding-bottom:20px;
position: relative;       
float: left;
border-top: 1px dotted #6a5e61;

 }
 div.InnerRight {
width: 250px;
height:400px;
padding-top:20px;
padding-bottom:20px;
position: relative;        
float: right;
}
   
div.mid3 {
width: 615px;
height:196px;
margin-left:30px;
padding-top:15px;
padding-bottom:5px;
position: relative;
padding-left:0px;
padding-right:10px;       
float: left;
        }
        

div.InnerRight2 {
width: 130px;
height:400px;
padding-top:20px;
position: relative;
float: right;

        }
		
div.InnerRight2{
border-top: 1px dotted #6a5e61;
	  } 

div.mid4 {
width: 330px;
height:200px;
margin-left:30px;
padding-top:15px;
margin-top:25px;
padding-bottom:5px;
position: relative;
padding-left:10px;
padding-right:10px;       
float: left;
border-top: 1px dotted #6a5e61;

        }
div.bullet {
width: 270px;
height:150px;
margin-left:0px;
padding-top:25px;
padding-bottom:20px;
position: relative;
padding-left:10px;
padding-right:10px;       
float: left;
border-top: 1px dotted #6a5e61;

        }
div.mid5 {
width: 270px;
height:150px;
padding-top:15px;
margin-top:25px;
padding-bottom:20px;
position: relative;
padding-left:10px;
padding-right:10px;       
float: left;
border-top: 1px dotted #6a5e61;
}

div.mid2b {
width: 250px;
height:300px;
margin-left:30px;
padding-top:25px;
padding-bottom:20px;
position: relative;       
float: left;
border-top: 1px dotted #6a5e61;

 }

/*--------------------------------------

ABOUT:TYPOGRAPHY
--------------------------------------*/
	
div.mid{
font-family: 'trebuchet MS', sans-serif;
color: #433b3d;
font-size: 38px;
font-style: italic;
letter-spacing: 0.8pt;
word-spacing: -3.6pt;
line-height: 1.2;
float: left;
}
		
div.mid2{
font-family: 'trebuchet MS', sans-serif;
color: #6a5e61;
font-size: 13px;
letter-spacing: -0.4pt;
word-spacing: 1.4pt;
line-height: 1.7;
}
div.mid2 h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
padding-bottom:-10px;
}
 
div.InnerRight {
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 18px;
font-style: italic;
letter-spacing: 0.4pt;
word-spacing: 1.4pt;
line-height: 1.6;
border-top: 1px dotted #6a5e61;
				}

div.mid3{
font-family: 'trebuchet MS', sans-serif;
color: #d3cebd;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.2pt;
word-spacing: 1.2pt;
line-height: 1.5;
border-top: 1px dotted #6a5e61;

}
div.mid3 h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
padding-bottom:-10px;
text-align:center;
}
 
div.InnerRight2 h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

div.InnerRight2 h3{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
padding-top: 20px;
border-top: 1px dotted #6a5e61;
}

div.InnerRight2 li {
list-style-type:none;
padding:0; 
margin:0; 
font-family: 'trebuchet MS', sans-serif;
color: #3e3739;
font-size: 10px;
letter-spacing: 0.6pt;
line-height: 2.5; 
}

		
div.mid4 li {
list-style-type:none;
padding:0; 
margin:0; 
font-family: 'trebuchet MS', sans-serif;
color: #3e3739;
font-size: 10px;
letter-spacing: 0.6pt;
line-height: 2;
font-style:italic; 
}
div.mid4 h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

div.bullet li{
	font-family: 'trebuchet MS', sans-serif;
	color: #3e3739;
	font-size: 10px;
	letter-spacing: 0.4pt;
	word-spacing: 1.4pt;
	line-height: 1.6;
	padding-top:6px;
}

		
div.bullet h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

div.mid4{
font-family: 'trebuchet MS', sans-serif;
color: #6a5e61;
font-size: 13px;
letter-spacing: -0.4pt;
word-spacing: 1.4pt;
line-height: 1.7;
}

div.mid2b li{
	font-family: 'trebuchet MS', sans-serif;
	color: #3e3739;
	font-size: 10px;
	letter-spacing: 0.4pt;
	word-spacing: 1.4pt;
	line-height: 1.6;
}

		
div.mid2b h2{
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 11px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

/*--------------------------------------

CONTACT
--------------------------------------*/

#contactwrap{
min-height: 100%;
margin-bottom: -330px;
position: relative;
padding-top:90px;}

#contact { 
width:960px; 
margin:0 auto;
}

#contactmid { 
width: 700px;
height:600px;
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
position: relative;        
float: left;
border-top: 1px dotted #6a5e61;  
}
#contactright { 
width: 220px;
margin-top:20px;
padding-left:0px;
padding-top:10px;
padding-bottom:0px;
position: relative;        
float: right;
}
#contactright {
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 18px;
letter-spacing: 0.4pt;
word-spacing: 1.4pt;
line-height: 1.6;
border-top: 1px dotted #6a5e61;
}

#contactright li{
	list-style:none;
	font-family: 'trebuchet MS', sans-serif;
	color: #3e3739;
	font-size: 11px;
	letter-spacing: 0.6pt;
	word-spacing: 1.4pt;
	line-height: 1.6;
}
#contactright a{
text-decoration:none;
font-family: 'trebuchet MS', sans-serif;
	color: #3e3739;
}
#contactright a:hover {
        color: #E6791B;
    }

#contactright li h2{
list-style:none;
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 12px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

#contactright li h3{
list-style:none;
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 10px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
padding-top:10px;
}
#contactright2 { 
width: 220px;
padding-left:0px;
padding-top:10px;
padding-bottom:0px;
position: relative;        
float: right;
}
#contactright2 {
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 18px;
letter-spacing: 0.4pt;
word-spacing: 1.4pt;
line-height: 1.6;
border-top: 1px dotted #6a5e61;
}
#contactright2 li{
	list-style:none;
	font-family: 'trebuchet MS', sans-serif;
	color: #3e3739;
	font-size: 11px;
	letter-spacing: 0.6pt;
	word-spacing: 1.4pt;
	line-height: 1.6;
}

#contactright2 li h2{
list-style:none;
font-family: 'trebuchet MS', sans-serif;
color: #d17b30;
font-size: 12px;
letter-spacing: 0.8pt;
word-spacing: 1.4pt;
line-height: 1.6;
}

/*--------------------------------------

FOOTER
--------------------------------------*/

#footer {
	margin-top:-330px;
	height: 330px;
        position: relative;
	background-color:#e9e7e7} 
#footer {
background-image:url(../images/texture2.gif);
background-repeat: repeat; 
}

.clearfooter {
height: 330px;
clear: both;
}
.clearfooter2 {
height: 100px;
clear: both;
}
#footerinside {
width:960px; 
height:330px; 
margin:0 auto; 
overflow: hidden;
}

#footerinside {
font-size:10px;

}
#footerlogo {
width:100px; 
height:330px; 
float:left;
}
.img {
padding-left:0px;
}

#footerinfo {
width:240px; 
height:330px;
position: relative; 
float:left;
}

#footerinfo h2 {
font-size:18px;
font-style: italic;
letter-spacing: 1.4pt;
color: #a4a4a4;
padding-top:40px;
line-height: 1.3;
padding-left:0px;
}

#footerinfo h3 {
font-size: 10px;
font-style:none;
color: #a4a4a4;
letter-spacing: 2.4pt;
word-spacing: 1.0pt;
line-height: 2.8;
padding-left:0px;
}

#footerinfo h4 {
color: #a4a4a4;
font-size:10.5px;
list-style:none;
letter-spacing: 0.8pt;
line-height: 1.4;
padding-right: 20px;
padding-top:5px;
}


#footerinfo {
background-image:url(../images/);
background-repeat:repeat-x;
}

#footerinfo  {
padding-left:0px;
color: #a4a4a4;
font-size:11px;
list-style:none;
border-bottom: 1px dotted;
padding:7px;
letter-spacing: 0.2pt;
line-height: 1.4;
}


#footernav {
width:170px; 
height:330px;
position:relative; 
float:left;
padding-top: 50px;
padding-left:10px;
}

#footernav li {
list-style:none;
padding-left:0px;
color: #a4a4a4;
list-style:none;
letter-spacing: 0.4pt;
}

#footernav li a{
text-decoration:none;
font-family: 'trebuchet MS', sans-serif;
	color: #a4a4a4;
padding-left:5px;
}
#footernav li a:hover {
color: #b8753b;
}

#footertweet {
width:300px; 
height:330px;
position:relative; 
float:left;
padding-top:33px;
background-image:url(../images/);
background-repeat:repeat-x;
}

#twitter_div {
padding-left:26px;
color: #a4a4a4;
}

#twitter_div li {
color: #a4a4a4;
font-size:11px;
list-style:none;
padding-left:0px;
border-bottom: 1px dotted;
padding:7px;
letter-spacing: 0.2pt;
line-height: 1.4;
}
#twitter_div li a {
color: #494840;
}
#twitter_div li a:hover {
color: #b8753b;
}


#footerabout {position: absolute;
	height: 330px;
	width:100%;
	clear:both;
	font-size:8px;
	letter-spacing: 0.8pt;
	color:#666666;
	background-color:#231f20
} 


/*--------------------------------------

PORTFOLIO

--------------------------------------*/


ul.gallery {
	width: 960px; /*--Adjust width according to your scenario--*/
	background-color:#fffded;
	list-style: none; 
	margin: 0; padding: 0;
	border-top:solid #CCC 1px;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: left;
	border: 0px solid #c16a46;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 200px; /*--Width of image--*/
	height: 128px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 0px solid #c16a46;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 280px;
	height: 128px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
font-family:Georgia, serif;
font-style:italic;
	font-size: 1em;
	font-weight: bold;
	text-transform: lowercase;
	margin: 0; padding: 10px;
	border-top: ; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #c6c3a4; display: block;}
#sidebar { width: 190px; float: left; }

#work-sidebar {
position:fixed;
width:160px;
}

#side {
float:left;
margin-bottom:4px;
width:240px;
border-top:solid #CCC 1px;
}

#side .img {
padding-top:20px;
padding-left:20px;
}
.title_side {
color:#474340;
display:block;
line-height:1.6em;
margin-bottom:5px;
margin-top:10px;
position:relative;
padding-left:10px;
font-family: Georgia;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 2pt;
 padding-top:5px;
 padding-right:25px;
padding-left:25px;
}


.sidebar_ul {
clear:both;
color:#98978e;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
line-height:1.75em;
list-style-type:none;
margin-bottom:20px;
position:relative;
text-align:left;
text-indent:0;
padding-right:25px;
padding-left:25px;
}


#portfoliolink1 { width:960px; margin:0 auto; padding-top:100px; }

#portfoliolink { width:650px; list-style:none; overflow:hidden; margin:0px 0px 0px 5px;}

#portfoliolink .gal li { display:inline; float:left;  width:232px; overflow:hidden; border:1px solid #eee; padding:4px 4px 0px 4px; margin:0px 10px 0px 0px; }

#portfoliolink .img { width: 300px; }

#portfoliowork { width:700px; padding-top:40px; list-style:none; overflow:hidden; margin:0px 0px 0px 5px; }
#project-image {margin:auto;}


#content .portfoliolink .list { list-style:disc; padding:0px; margin:0px; font-size:12px; }


#slideshow { width:960px; margin:0 auto; }