/*
* style.css
*/
/* Reset
--------------------------------------------------------------------*/
html { font-size: 100.1%; background: url(null) fixed no-repeat; }
body { font-size: 82.75%; /* 13px */ line-height: 1.5; vertical-align: baseline; }
body, div, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0; }
fieldset { border: 0; padding: 0; }
legend { color: #000; background: blue; }
input, textarea, select { font-family: inherit; font-weight: inherit; /* *font-size:100%; */ }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
:focus { outline: 0; }
/* Text colors */
.txt_color_1 { color: #eedaa9; }
.txt_color_2 { color: #c5a860; }
.txt_color_3 { color: #b9b9b9; }
/*
----------------------------------*/
body { color: #686868; font-family: helvetica, arial, sans-serif; }
a { color: #c4a75f; text-decoration: none; }
a:link {}
a:visited {}
a:hover { text-decoration: underline; }
a:active {}
p {
    padding-bottom: 1.2em;
}
dl, ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 1em;
}
input {
    border: solid 1px #999;
    padding: 4px;
}
h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
}
h1 {
    font-size: 171.42%; /* 24px */
    padding-bottom: 1.17em; /* 28px */
}
h2 {
    font-size: 157.14%; /* 22px */
    padding-bottom: 1.19em; /* 26px */
}
h3 {
    font-size: 150%; /* 20px */
    padding-bottom: .8em; /* 16px */
}
h4 {
    font-size: 121.42%; /* 17px */
    padding-bottom: .7em;  /* 12px */
}
h5 {
    font-size: 107.14%; /* 15px */
    padding-bottom: .65em; /* 10px */
}
h6 {
    font-size: 92.86%; /* 13px */
    padding-bottom: .7em; /* 9px */
}
/* Grid
--------------------------------------------------------------------*/
/* Page grid
----------------------------------*/
#header_content,
#top_content,
#middle_content,
#middle_content2,
#bottom_content,
#footer_content {
    position: relative;
    width: 950px;
    margin: 0 auto;
}
#header_content,
#top_content,
#middle_content,
#bottom_content { overflow: hidden; }
/* Content grid
----------------------------------*/
.columns {
    overflow: hidden;
}
    .columns .col { float: left; overflow: hidden; }
    .columns .col240 { width: 240px; padding-right: 20px; }
    .columns .col300 { width: 300px; }
    .columns .col325 { width: 325px; }
    .columns .col325 { width: 325px; }
    .columns .col340 { width: 320px; padding-right: 0; }
    .columns .col370 { width: 370px; }
    .col_content {
        padding-top: 16px;
        padding-right: 24px;
    }

/* Base
--------------------------------------------------------------------*/
/* Header
----------------------------------*/
#header {
    background: #978a6a url('../images/header_topborder.jpg') repeat-x 0 0;
    padding-top: 2px;
}
#header_content {
    background: url('../images/header_bg.jpg');
    padding-top: 15px;
    padding-bottom: 14px;
}
#logo {
    float: left;
    width: 300px;
}
/* Top
----------------------------------*/
#top {
    background: #3d3a35 url('../images/top_bg.jpg') repeat-x 0 0;
    padding-top: 8px;
    color: #fff;
}
#top_content { padding-bottom: 16px; }
    .top_content_left {
        position: relative;
        float: left;
        width: 670px;
        font-weight: lighter;
        text-align: left;
        line-height: 1;
        font-size: 22px;
        float: left;
        padding-top: 10px;
    }
    .top_content_right {
        position: relative;
        float: right;
        width: 270px;
        margin-top: 20px;
        text-align: right;
        line-height: .5em;
        font-size: 15px;
    }
	.top_content_right a {
	color: #ffe8b0;
	}

        #top_content p {
            padding: 0;
            line-height: 1.9;
        }
        .top_content_left .row2 { margin-top: -12px; }
        .top_content_right .row2 { margin-top: -8px; }
/* Middle content
----------------------------------*/
#middle { background: url('../images/middle_bg.jpg'); }
#middle_content {
    padding-top: 32px;
    padding-bottom: 24px;
}
#middle_content2 {
  width: 430px;
}
/* Bottom
----------------------------------*/
#bottom {
    background: #3c352f url('../images/bottom_bg.jpg') repeat 0 0;
}
#bottom_content {
    background: url('../images/bottom_content_bg.jpg');
    color: #84807b;
    padding-top: 42px;
    padding-bottom: 20px;
    font-size: 103%;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#bottom_content h3 { color: #fff; }
#bottom dl { padding-bottom: 45px; }
    #bottom dl dt {
        font-size: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    #bottom dl dd {
        padding-bottom: 8px;
        color: #84807b;
    }
        #bottom a {
            color: #84807b;
            text-decoration: none;
        }
        
        #bottom a:hover {
            color: #afadac;
            text-decoration: underline;
        }
        #bottom .contactlist_1 .contact_value a {
            color: #ddc488;
        }
/* Contact form */
fieldset.contact_form {
    padding-top: 8px;
    padding-left: 32px;
    position: relative;
    overflow: hidden;
}
    fieldset.contact_form h3 {
        padding-left: 112px;
        padding-bottom: 28px;
        
    }
    fieldset.contact_form ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        fieldset.contact_form ul li {
            display: block;
            float: left;
            width: 100%;
            padding-bottom: 16px;
        }
            fieldset.contact_form ul li label {
                float: left;
                width: 92px;
                text-align: right;
                padding-right: 8px;
                padding-top: 3px;
                padding-bottom: 3px;
            }
            fieldset.contact_form ul li input,
            fieldset.contact_form ul li textarea {
                float: right;
                width: 215px;
                padding: 4px;
            }
            fieldset.contact_form ul li textarea {
                height: 133px;
                max-width: 223px;
                max-height: 400px;
            }
            fieldset.contact_form ul li .button_submit {
                display: block;
                position: relative;
                border: none;
                background: transparent url('../images/submit_btn.png') no-repeat 0 0;
                width: 115px;
                padding: 0;
                height: 41px;
                cursor: pointer;
            }
            fieldset.contact_form ul li .button_submit:hover {
                background-position: 0 -41px;
            }
            fieldset.contact_form ul li .button_submit {
                float: right;
            }
/* Footer
----------------------------------*/
#footer {
    background-color: #2f2925;
    color: #7b7771;
}
#footer_content {
    padding: 0;
    overflow: hidden;
    font-size: 87%;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.validator {
	float: left;
	padding: 10px;
}
.copyright {
	float: right;
	padding: 15px 0 0 0;
}
/* Misc
--------------------------------------------------------------------*/
/* Shadow divide */
.shadow_divide {
  background-image: url('../images/divider_1.jpg');
  width: 950px;
  height: 20px;
  margin: 0 0 30px 20px;
}
/* Bullet 1 */
ul.bullet_1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 4px;
    padding-bottom: 1em;
}
    ul.bullet_1 li {
        background: url('../images/bullet_1.jpg') no-repeat 0 0;
        padding-left: 22px;
        padding-bottom: 12px;
    }
ul.softwarelist {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    ul.softwarelist li {
        padding-left: 24px;
        color: #878786;
        font-size: 13px;
        padding-bottom: 2px;
        background-image: url('../images/software_icons.jpg');
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    ul.softwarelist li.bullet_ps { background-position: -54px 0; }
    ul.softwarelist li.bullet_il { background-position: -36px -17px; }
    ul.softwarelist li.bullet_fl { background-position: -18px -34px; }
    ul.softwarelist li.bullet_dw { background-position: 0 -51px; }
/* Contact list 1 */
.contactlist_1 .contact_name {
    padding-right: 2px;
}
.contactlist_1 .contact_value {
    color: #e6e6e6;
}
/* Contact list 2 */
.contactlist_2 {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .contactlist_2 li {
        padding-bottom: 4px;
    }
/* Framed
----------------------------------*/
.framed_1 { width: 355px; }
    .framed_1 .framed_t {
        background: url('../images/framed1_t.png') no-repeat 0 0;
        height: 12px;
        font-size: 0;
    }
    .framed_1 .framed_m {
        background-color: #f3f0e7;
        padding: 4px 24px 0;
    }
    .framed_1 .framed_b {
        background: url('../images/framed1_b.png') no-repeat 0 0;
        height: 89px;
        font-size: 0;
    }
/* Containers
----------------------------------*/
.block_type1 {
    background: url('../images/block1_bg.gif');
    padding: 20px 18px;
    width: 264px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 1.8;
    min-height: 410px;
}
    .block_type1 p {
        color: #878786;
        padding-left: 4px;
    }
/* Modules
--------------------------------------------------------------------*/
/* Navigation
----------------------------------*/
#nav {
    position: relative;
    float: right;
    width: 555px;
    padding-top: 44px;
}
    #nav ul {
        position: relative;  
        overflow: hidden;
        width: 100%;
    }
        #nav ul li {
            float: left;
            list-style: none;
        }
            #nav ul li a {
                display: block;
                position: relative;
                overflow: hidden;
                float: left;
                top: 8px;
                margin: 0 0 0 0;
                padding: 0 12px;
                text-decoration: none;
                font-size: 16px;
                color: #fff;
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                z-index: 10;
                text-transform: uppercase;
            }
.lavalamp li.back {
    position: relative;
    background: #3f3c37;
    border-right: solid 1px #38302d;
    border-top: solid 1px #38302d;
    border-bottom: solid 1px #38302d;
    width: 9px;
    z-index: 8;
    position: absolute;
}
    .lavalamp li.back .left {
        position: relative;
        background: #3f3c37;
        border-left: solid 1px #38302d;
        margin-right: 9px;
    }
        .lavalamp li.back,
        .lavalamp li.back .left,
        .lavalamp li a {
            height: 34px;
        }
/* Image slider
----------------------------------*/
#image_slider_1 {
    margin: 0 0 10px 0;
	width: 950px;
	height: 380px;
}
#image_slider_2 {
    margin: 0 0 10px 0;
	padding: 100px 0 0 250px;
	width: 900px;
	height: 200px;
}
#image_slider_1 img { position:absolute; left:0; top:20px; }
/* Websites and UI
----------------------------------*/
.work_wrap {
    position: relative;
    overflow: hidden;
}
    .work_preview {
        position: relative;
        float: left;
        width: 540px;
    }
        .work_preview img {
            display: block;
            margin-bottom: 36px;
        }
    .work_info {
        position: relative;
        float: left;
        width: 400px;
        padding-left: 10px;
        padding-bottom: 36px;
    }
        .work_info .button_movetotop {
            display: block;
            position: relative;
            float: right;
            width: 37px;
            height: 13px;
            background: url('../images/top.png') no-repeat 0 0;
        }
        .work_info h3 {
            float: left;
            width: 360px;
            padding-bottom: 46px;
            
        }
        .work_info h3 span {
            padding-top: 1px;
        }
        .softwareused {
            float: left;
            width: 200px;
        }
            .softwareused h5 {
                padding-bottom: 10px;
            }
        .workinfo_rightimage {
            float: right;
            padding-top: 30px;
        }
/* Contacts
----------------------------------*/
.contactpage_map {
    position: relative;
    float: left;
    width: 500px;
    overflow: hidden;
}
.contactpage_info {
    position: relative;
    float: right;
    width: 280px;
    padding-left: 40px;
    color: #878786;
}
.contactpage_map,
.contactpage_info {
    padding-top: 20px;
}
    .map_border {
        width: 250px;
        padding: 10px;
        border: solid 1px #999;
    }
        .contactpage_map .map_text {
            text-align: center;
            color: #999;
            padding: 22px 0;        
        }
        .contactpage_map .map_text a {
            color: #999;
        }

    .contact_info_block {
        padding-top: 5px;
        padding-bottom: 50px;
        line-height: 1.7;
    }
        .contactpage_info h3 {
            font-size: 20px;
            padding-bottom: 24px;
        }
        .contactpage_info a {
            color: #878786;
        }
		
/* New changes
----------------------------------*/

#middle_content h5 {
	margin-top:3px;
}