@import url('reset.css');
@import url('../jslides/bigslides.css');

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url(../images/body-bg.jpg) repeat-x top center;
}
a
{
    color:#000;
}
.wrapper
{
	width:960px;
	margin:0 auto;
}
.content
{
	width:950px;
	margin:0 auto;
	float:left;
	text-align:left;
}
/* Header styles */
.header
{
	width:910px;
	margin:0 auto;
	float:right;
	height:140px;
}

.header a.logo
{
	float:left;
}
.header div.slogan
{
	float:left;
	display:block;
	margin:10px 0 16px 50px;
	width:500px;
	border-bottom:2px solid #000;
}

.header div.slogan h1.slogan-title
{
	display:block;
        font-size:24px;
        height:24px;
}
.header div.slogan p
{
	
	display:block;
	clear:left;
}
.header form.search-form
{
	float:right;
	width:220px;
	border-bottom:2px solid #000;
	padding:48px 0 10px 0;
}
.header form.search-form input
{
	background:#000;
	width:150px;
	height:25px;
	float:left;
	color:#fff;
	display:block;
        padding:5px;
	
}
.header form.search-form input.submit-btn
{
	width:50px;
	color:#fff;
	text-align:center;
	height:25px;
	float:right;
	line-height:25px;
        padding:0 5px;
        cursor:pointer;
}
/* content styles */
.center-content
{
	float:left;
	width:950px;
	margin:0 auto;
        background:url(../images/left-col-repeat.jpg) repeat-y top left;
}
.center-content div.left
{
	width:170px;
	background:url(../images/left-col.jpg) no-repeat top left;
	float:left;
	padding:25px 0;
}
.center-content div.right
{
	width:760px;
	float:right;
}
.center-content div.right p.footer
{
	width:760px;
	border-top:2px solid #000;
	padding:10px 0;
	margin:20px 0 0 0;
	float:left;
}
.separator
{
	height:20px;
	clear:both;
	display:block;
        margin:0;
        padding:0;
}
.border-bottom
{
	border-bottom:2px solid #000;
}
.project-area
{
	width:760px;
	float:left;
	margin:20px 0 0 0;
}
.project-area .project-content
{
	width:280px;
	float:left;
	padding:0 20px 0 0;
}

.project-area .project-content h3
{
	font-size:14px;
	margin:15px 0;
}
.project-area .project-content a.read-more
{
	color:#CCCCCC;
	margin:15px 0;
	float:left;
	font-weight:bold;
}
.project-area .project-content a.read-more:hover
{
	color:#000;
	margin:15px 0;
	float:left;
	font-weight:bold;
}
.navigation 
{
	float:right;
	background:#F3F3F3;
	width:150px;
	height:168px;
}
.navigation a.prev
{
	background:url(../images/prev.jpg) no-repeat left top;
	width:60px;
	height:168px;
	float:left;
}
.navigation a.next
{
	background:url(../images/next.jpg) no-repeat left top;
	width:60px;
	height:168px;
	float:right;
}
ul
{
    list-style:square;
    margin:0 0 0 15px;
}
ul li
{
    padding:5px 0;
}
/* left menu styles */
ul.left-menu
{
    
    float:left;
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
ul.left-menu li
{
    
    float:left;
    width:100%;
    margin:0;
    padding:0;
    background:url(../images/dashed-border.jpg) no-repeat 11px bottom;
}
ul.left-menu li.blog
{
    margin:50px 0 10px 0;
    background:none;
}
ul.left-menu li.blog a
{
    background:url(../images/blog-link.jpg) no-repeat left;
    color:#fff;
}
ul.left-menu li a
{
    
    display:block;
    margin:3px 0 0;
    padding:3px 0px 6px 18px;
    line-height:25px;
}
ul.left-menu li.latest-projects
{
    margin:120px 0 0 0;
    padding:10px 0px 4px 18px;
	background:url(../images/dashed-border.jpg) no-repeat 11px top;
}
ul.left-menu li.subcat-portfolio
{
    padding:10px 0 20px 0;
    }
ul.left-menu li.subcat-portfolio ul
{
    list-style:square;
    margin:0 0 0 20px;
    width:130px;
    
}
ul.left-menu li.subcat-portfolio ul li
{
    list-style:none;
    list-style-type:none;
    float:left;
    clear:both;
}
ul.left-menu li.subcat-portfolio ul li a
{
    margin:2px 0 4px 8px;
    padding:0 0 0 3px;
}
ul.left-menu li.subcat-portfolio ul li a:hover, ul.left-menu li.subcat-portfolio ul li a.selected
{
    background:#CCCCCC;
}
ul.left-menu li.blog a:hover
{
    color:#000;
}
ul.left-menu li.subcat-blog
{
	background:none;
}
ul.left-menu li.subcat-blog ul
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.left-menu li.subcat-blog ul li
{
	
}

ul.left-menu li.subcat-blog ul li.categories-list
{
    background:none;
}

ul.left-menu li.subcat-blog ul li.categories, ul.left-menu li.subcat-blog ul li.archives, ul.left-menu li.subcat-blog ul li.recent-posts
{
	background:url(../images/left-links.jpg) no-repeat center left;
}
ul.left-menu li.subcat-blog ul li.categories a:hover, ul.left-menu li.subcat-blog ul li.archives a:hover, ul.left-menu li.subcat-blog ul li.recent-posts a:hover
{
    background:none;
}
ul.left-menu li a:hover, ul.left-menu li a.selected
{
     background:url(../images/left-links.jpg) no-repeat center left;
}
ul.left-menu li.subcat-blog ul li.last-li
{
	background:none;
}
ul.left-menu li.subcat-blog ul li a
{
     margin:3px 0 0;
    padding:1px 0 8px 18px;
}

span.number
{
    
    float:left;
    display:block;
    font-size:72px;
    color:#cbcbcb;
    line-height:62px;
    font-weight:bold;
}
div.service.last
{
    border-bottom:none !important;
}

div.service
{
    padding:15px 0;
    float:left;
    border-bottom:2px solid #000;
}
div.service-description
{
    float:left;
    width:55%;
    margin:0 0 0 30px;
}
div.service-description h4
{
    margin:0 0 15px 0;
}
.right
{
    float:right;
}
/* contact page styles */
div.left-contact
{
    float:left;
    width:500px;
}
div.right-contact
{
    float:right;
    width:200px;
}
div.right-contact p
{
    border-top:2px solid #000;
    margin:0;
    padding:10px 0;
}
div.right-contact p a
{
    float:left;
    display:block;
    clear:both;
}
form.form-contact
{
    float:left;
    display:block;
    width:450px;
}
form.form-contact label
{
    float:left;

    font-weight:bold;
    width:80px;
    margin:10px 0;
}
form.form-contact input
{
    border:1px solid #D9D9D9;
    background:#fff;
    width:340px;
    height:27px;
    float:left;
    clear:right;
    margin:10px 0;
    padding:5px
}

form.form-contact textarea
{
    border:1px solid #D9D9D9;
    background:#fff;
    width:340px;
    float:left;
    clear:right;
    height:200px;
    margin:10px 0;
    padding:5px
}
p.error
{
    color:#ff0000;
    clear:both;
    margin:3px 0;
}
form.form-contact input.send
{
    background:#000;
    color:#fff;
    border:none;
    width:60px;
    margin:0 80px;
    cursor:pointer;
    float:left;
    clear:both;
}
/* portfolio styles */
.project-description-single
{
    float:left;
    width:50%;
}
.project-images
{
    float:right;
    width:45%;
}
.project-images img
{
    margin:20px 0 0 0;
}
.project-images img.odd
{
    float:left;
}
.project-images img.even
{
    float:right;
}
.project-description-single ul
{
    padding:15px;
}
.blog-picture
{
	display:block;
	float:right;
	background:url(../images/blog-date.jpg) no-repeat;
	color:#fff;
	width:41px;
	height:33px;
	text-align:center;
	padding:5px 0 0 0;
}
.title
{
	float:left;
	width:100%;
	margin:15px 0 20px 0;
        height:33px;
}
.title h4
{
	float:left;
	width:80%;
	margin:0 !important;
}
.article-content
{
	float:left;
	width:60%;
}

/* sIFR style */



p {
	margin: .3em 0 1em 0;
}


h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}



#container {

}

#main {
	margin: .5em 20px 0 20px;
	border-top: 1px solid #000;
	text-align: left;
	padding: 20px 0 20px 0;
}

#left {
	float: left;
	width: 140px;
	margin: 0 20px 14px 0;
	background-color: #DCDCDC;
	border: 3px double #FFF;
	font-size: 10px;
	line-height: 1.4em;
}

.gutter {
	margin: 10px;
}

#right {
	float: right;
	width: 120px;
	margin: 0 0 14px 20px;
}

#center {

}

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
        font-size:90px;
        padding:0;
        margin:0;
        height:90px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;

	font-size: 72px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
        color:#cbcbcb;
	font-size: 40px;
}
h3 a
{
    color:#cbcbcb;
}

.sIFR-hasFlash h4 {
	

	font-size: 16px;
        margin:15px 0;
}
.sIFR-hasFlash h4 a
{
    font-size:14px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}