html, body {
    margin: 0px;
    padding: 0px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
    color: #e1dfdf;
    font-size: 13px;
    background: #121111 url(../images/bg.png) no-repeat top center;
    background-attachment: fixed;
    height: 100%;
}

html {
    overflow: hidden
}

a {
    
    color: #FFE03E;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #FFE03E;
}

h1, h2, h3, h4, h5, h6, p, ul, li, form {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

.floatLeft {
    float: left

}

.floatRight {
    float: right
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

div.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
}
/* clear floats */
.last {
    margin-right: 0;
}

.ie6 {
    margin: 0 auto 0 auto;
    margin-top:-200px;    
    width: 564px;
    height: 401px;
    background: url(../images/ie6.png) no-repeat top center;
}

.modern_browsers {
    margin: 310px 10px 0 23px;
    position: relative;
    top:240px;
}


noscript {
    position: absolute;
    width: 100%;
    height: 110px;
    background-color: red;
    color:white;
    font-size:1em;
    text-align: center;
    z-index: 99;
}

noscript h5 {   
    color:white;
    font-size:1.2em;
    text-align: center;
    z-index: 99;
}

/* HEADER
 ***********************************************/
#header_bg {
    background-image: url(../images/head_bg.png);
    background-repeat: repeat-x;
    background-position:0 -15px;
    height: 60px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 70;

}

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



#main_nav {
    float: right;
    margin-top: 30px;
}

#main_nav li {
    display: inline;
    margin-left: 15px;
    font-size: 14px;
    text-shadow: #000 0px 2px 3px;
}

#main_nav li a {
    color: #e6dcdc;
    text-decoration: none
}

#main_nav li a:hover {
    color: #dc0c05;
    text-decoration: none;
}

div#main_nav ul li a.selected {
    color: #dc0c05;
}

/* CONTENT
 ***********************************************/

#page {
    height: 490px;
    width:960px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    top:62px;

}

#page_container {
    height: 490px;
    width:6240px;
}



/* CONTAINERS
 ***********************************************/
#home {

    width:960px;
    height: 490px;
    margin-right:600px;
    position: relative;
    float: left;
}

#portfolio {

    width:960px;
    height: 490px;
    margin-right:600px;
    position: relative;
    float: left;

}

#about {

    width:960px;
    height: 490px;
    margin-right:600px;
    position: relative;
    float: left;
    background-image: url(../images/bg_about.png);
    background-repeat:no-repeat;
    background-position: 940px 57px;

}

#contact {

    width:960px;
    height: 490px;
    margin-right:600px;

    position: relative;
    float: left;

}

/* HOMEPAGE
 ***********************************************/
.featured_work {
    background: transparent url(../images/bg_featured.png) no-repeat top center;
    width: 449px;
    height: 225px;
    position: absolute;
    z-index: 10;
    top: 102px;
}

.welcome_txt {
    position: absolute;
    margin: 30px 0 0 500px;
    z-index: 10;
}

.home_txt {
    position: absolute;
    margin: 150px 0 0 500px;
    z-index: 10;
    width: 437px;
    font-size: 14px;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.featured_work_txt {
    position: absolute;
    z-index: 10;
    margin: 342px 0 0 60px;
}

.arrow1 {
    position: absolute;
    z-index: 10;
    margin: 314px 0 0 150px;
}

.arrow2 {
    position: absolute;
    z-index: 10;
    margin: 40px 0 0 360px;
}

.arrow3 {
    position: absolute;
    z-index: 10;
    margin: 230px 0 0 470px;
}

.get_in_touch_txt {
    position: absolute;
    z-index: 10;
    margin: 370px 0 0 330px;
}

.available_tag {
    position: absolute;
    z-index: 10;
    margin: 255px 0 0 560px;
    background-image:url(../images/available.png);
    background-repeat:no-repeat;
    background-position: 0px -190px;
    width:206px;
    height:186px;

}

.available_tag:hover {
    position: absolute;
    z-index: 10;
    margin: 255px 0 0 560px;
    background-image:url(../images/available.png);
    background-repeat:no-repeat;
    background-position: 0px 1px;
    width:206px;
    height:186px;

}

.available_tag a {
    width:206px;
    height:186px;
    display:block;

}

.featured_gallery {
    width: 394px;
    height: 191px;
    padding: 0;
    margin: 7px 0 0 29px;
    overflow: hidden
}

.featured_gallery img {
    width: 394px;
    height: 191px;
    top: 0;
    left: 0
}

/* PORTFOLIO
 ***********************************************/

.portfolio_showcase_txt {
    position: absolute;
    z-index: 10;
    margin: 30px 0 0 8px;
}

.slideshow_nav {
    position: absolute;
    z-index: 10;
}

.prev_nav {
    position: absolute;
    z-index: 10;
    margin: 260px 0 0 10px;
}

.next_nav {
    position: absolute;
    z-index: 10;
    margin: 260px 0 0 907px;
}

.bg_portfolio {
    position: absolute;
    z-index: 10;
    width: 817px;
    height: 358px;
    background: transparent url(../images/bg_portfolio.png) no-repeat top center;
    margin: 110px 0 0 70px;
    padding-top: 8px;
}

div.work_gallery {
    position: relative;
    z-index: 10;
    width: 743px;
    height: 307px;
    overflow: hidden;
    margin: 0 0 0 37px;
}

div.work_gallery img {
    width: 743px;
    height: 307px;
}

.work_info {
    position: absolute;
    z-index: 20;
    width: 250px;
    height: 307px;
    overflow: hidden;
    background: #fff;
    left: 530px;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.work_info div {
    padding: 10px 20px 10px 20px;
}

.work_info h1 {
    font-size: 16px;
    color: #A91806;
    margin-bottom: 10px;
}

.work_info h2 {
    font-size: 12px;
    color: #222222;
    margin-bottom: 5px;
}

.work_info p {
    font-size: 11px;
    color: #444444;
    margin-bottom: 5px;
    line-height: 15px;
}

.work_info img {
    margin-top: 20px;
}

/* ABOUT
 ***********************************************/

.about_me_txt {
    position: absolute;
    z-index: 10;
    margin: 30px 0 0 8px;
}

.bg_about {    
    width: 960px;
    height: 426px;
    position: absolute;
    z-index: 10;
    margin: 22px 0 0 0;


}

.text {
    width: 925px;
    height: 340px;
    position: absolute;
    padding: 10px 30px 20px 10px;
    z-index: 5;
    margin:0 auto;
}

.text h1 {
    font-size: 24px;
    color: #dcd9d9;
    margin-bottom: 15px;
    line-height: 25px;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text h2 {
    font-size: 18px;
    color: #222222;
    margin-bottom: 15px;
    line-height: 19px;
    text-shadow: #928F8F 0px 1px 3px;
}

.text h3 {
    font-size: 16px;
    color: white;
    margin-bottom: 15px;
    line-height: 17px;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text h4 {
    font-size: 14px;
    color: #2F2E2E;
    margin-bottom: 15px;
    line-height: 18px;
    text-shadow: #928F8F 0px 1px 3px;
}

.text h5 {
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 14px;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text h6 {
    font-size: 11px;
    color: #ffffff;
    margin-bottom: 5px;
    line-height: 13px;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text p {
    margin-bottom: 15px;
    position: relative;
    z-index: 10;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text a {
    color: #FFE03E;
    text-decoration: none
}

.text a:hover {
    text-decoration: underline
}

.position_txt {
    position: absolute;
    top: 0
}

.img_right_space {
    margin: 10px 15px 10px 0;
}

.img_left_space {
    margin: 10px 0 10px 15px;
}

.text ul {
    margin: 0 15px 15px 25px;
}

.text ul li {
    list-style-type: square;
    text-shadow: #4E4C4C 0px 2px 3px;
}

.text ol {
    margin: 0 0 15px -10px;
    *margin: 0 0 15px 35px;
}

.text ol li {
    list-style-type: decimal;;
    text-shadow: #4E4C4C 0px 2px 3px;
}

blockquote {
    font-style: italic;
    line-height: 15px;
    padding-left: 50px;
    background: transparent url(../images/quotes.png) no-repeat scroll left 0px;
    color: #f7f7f7;
}


/* SCROLLBAR CSS
 **********************************************/
.jScrollPaneContainer {
	position: relative;
	top:55px;
        
	overflow: hidden;
	z-index: 1;

 
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 11px;
	
        width:8px !important;
	height: 100%;
	background: #5A5757;

        
        
}
.jScrollPaneDrag {
	position: absolute;
	background: #2F2F2F;
	cursor: pointer;
	overflow: hidden;
        width:8px !important;

}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
        
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* CONTACT
 ***********************************************/


.contact_txt {
    position: absolute;
    z-index: 10;
    margin: 30px 0 0 8px;
}


.contact_form {
    position: absolute;
    z-index: 10;
    width: 600px;
    height: 430px;
    margin: 80px 0 0 8px;
}

.contact_form h1 {
    font-size: 24px;
    margin-bottom: 3px;
    color: #dcd9d9;
    text-shadow: #4E4C4C 0px 2px 3px;	
}

.contact_form p {
    margin-top:0px;
    margin-bottom: 10px;
}

.contact_form label {
    font-weight: bold;
    display: block;
    font-size: 13px;
    width: 135px;
    float: left;
    margin-top: 5px;
}

.contact_form .field {
    margin-bottom: 3px;
    width: 400px;
    background:none;
}

.contact_form .field_textarea {
    margin-bottom: 3px;
    width: 400px;
    height: 130px;
    background:none;
}

.contact_form .captcha_field {
    margin-bottom: 3px;
    width: 90px;
    background:none;
}

.field, .field_textarea, .captcha_field {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #D0CFCF;
    color:#DCD9D9;
}

label.error {
    display: block;
    margin-top: -26px;
    margin-left: 310px;
    width:230px;
    height: 19px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: right;
    padding-right:4px;
    padding-top:1px;
    background-image: url(../images/error-arw.png);
    background-repeat: no-repeat;
}

label#error-message {
    margin-top: -141px;
}

#output {
    padding-top: 20px;
    padding-bottom:20px;    
    display: none;
}

#output strong {
    display: block;
    color: #DCD9D9;
    margin-bottom: 0px;
    font-size:1.8em;
}

#output span {
    display: block;
    color: #DCD9D9;
    font-size:1.1em;
}

.contact_info {
    position: absolute;
    z-index: 10;
    width: 370px;
    height: 330px;
    margin: 80px 0 0 670px;

}

.contact_info h2 {
    font-size: 24px;
    color: #222222;
    margin-bottom: 15px;
    line-height: 19px;
    text-shadow: #928F8F 0px 1px 3px;
}

.contact_info p {

    position: relative;
    z-index: 10;
    color: #222222;
    text-shadow: #928F8F 0px 1px 3px;	
}




/* FOOTER
 ***********************************************/


#footer {	
    position: fixed;
    top: 562px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 70;
    background-color:#121111;

}

.footer_content {
    margin: 0 auto;
    width: 960px;
    height:30px;
    padding-top:10px;
    font-size: 11px;
    margin-top: 1px;
    color: #363535;
    background-image:url(../images/footer_bg.png);
    background-repeat:no-repeat;
    background-position:top;

}

.footer_content a {
    color: #363535;
    text-decoration: none
}

.footer_content a:hover {
    color: #dc0c05;
    text-decoration: none
}

.footer_content ul li a.selected {
    color: #868686;
}

.footer_nav {
    float: right;
}

.footer_nav li {
    display: inline;
    margin-left: 15px;
    font-size: 11px;
}