*
{
    margin: 0px;
    padding: 0px;
}

html, body
{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #292929 url('images/frontend/body_bkg.jpg') no-repeat center top;
    background-attachment: fixed;
    font: 13px/16px tahoma, sans-serif;
    color: white;
}


/* Standard format
*************************************************************/

h1
{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

h2
{
    font-size: 14px;
    color: #fff;
}

h3
{
    font-size: 11px;
    margin-bottom: 8px;
}

h4
{
    font-size: 11px;
    margin-bottom: 8px;
}

a
{
    color: white;
    color: #FFAE00;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: none;
}

ul
{
    margin-top: 10px;
    padding-left: 20px;
}


/* Main elements
*************************************************************/

#wrapper
{
    margin: 0 auto;
    width: 978px;
    text-align: left;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

#header
{
    position: relative;
    height: 98px;
    border-bottom: 1px solid #70746d;
    border-bottom: 1px solid #1a1a1a;
}

a#logo
{
    position: absolute;
    left: 52px;
    bottom: 30px;
    display: block;
    width: 146;
    height: 36px;
}

#logo img
{ }

#content
{
    /*padding-bottom: 20px;*/
    min-height: 330px;
    overflow: hidden;
}

#leftColumn
{
    float: left;
    width: 340px;
    padding-left: 10px;
}

#rightColumn
{
    float: left;
    width: 587px;
    margin-left: 45px;
    padding-right: 10px;
}

#footer
{
    border-top: 1px solid #70746d;
    border-top: 1px solid #545454;
    clear: both;
    color: #b1b1b1;
    padding-top: 3px;
    padding-bottom: 20px;
    overflow: hidden;
}


/* Main menu
*************************************************************/

#menu
{
    background: transparent url('images/frontend/menu_bkg3.png') no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 475px;
    height: 52px;
    padding-left: 23px;
    overflow: hidden;
}

#menu ul, #menu ul li
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu ul li
{
    float: left;
    padding-right: 9px;
    padding-left: 9px;
}

#menu ul a
{
    color: white;
    /*color: #292929;*/
    text-decoration: none;
    font-size: 14px;
    display: block;
    height: 38px;
    line-height: 38px;
    outline: 0 none;
}

#menu ul a:hover
{
    color: #292929;
    /*text-decoration: underline;*/
}


/* Content elements
*************************************************************/

.box1, .box2
{
    width: 489px;
    float: left;
}

.box3
{
    width: 978px;
}

.section, section2
{
    clear: both;
    overflow: hidden;
    border-top: 1px solid #545454;
    border-bottom: 1px solid #1a1a1a;
}

.section2
{
    border-top: 1px solid #545454;
    border-bottom: 1px solid #1a1a1a;
}

#intro
{
    background: transparent url('images/frontend/intro.png') no-repeat center 40px;
    width: 451px;
    height: 240px;
}

#intro h1, #intro p
{
    display: none;
}


/* 3 steps */

#steps
{
    width: 425px;
    margin-left: 15px;
    font-size: 12px;
}

#steps h2
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
    font-style: italic;
    color: #ffae00;
    font-size: 20px;
}

#steps h2 span
{
    font-size: 35px;
}

#steps ol, #steps ol li
{
    margin: 0;
    padding: 0;
    width: 340px;
}

#steps ol li
{
    padding-left: 82px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
}

.step1
{
    background: transparent url('images/frontend/step_icon1.png') no-repeat 5px 3px;
}

.step2
{
    background: transparent url('images/frontend/step_icon2.png') no-repeat 0px 2px;
}

.step3
{
    background: transparent url('images/frontend/step_icon3.png') no-repeat;
}

.first_step_link
{
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    background-color: #ffae00;
    width: 200px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: Black;
}

.first_step_link:hover
{
    text-decoration: none;
}

/* 3 steps - end */


/* portfolio */

#portfolio
{
    padding-top: 50px;
    overflow: hidden;
}

.portfolio_header
{
    text-align: right;
}

.portfolio_header h2
{
    font-size: 20px;
    padding-bottom: 20px;
    padding-right: 17px;
}

.portfolio_item
{
    width: 213px;
    height: 137px;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 0px;
    background: transparent url('images/frontend/portfolio_item_bkg.png');
    float: left;
}

.portfolio_item img
{
    /*margin-left: 9px;     margin-top: 8px;*/
}

.portfolio_item a
{
    outline: 0 none;
}

.more_link
{
    font-weight: bold;
    font-size: 13px;
    clear: both;
    
}

.more_link a
{
    display: block;
    background-color: #ffae00;
    width: 86px;
    text-align: center;
    line-height: 24px;
    margin-left: 386px;
    color: #292929;
}

.more_link a:hover
{
    text-decoration: none;
    color: #292929;
}

/* portfolio - end */



/* products */

#products
{
    overflow: hidden;
}

.product
{
    width: 489px;
    padding-top: 30px;
    padding-bottom: 20px;
    float: left;
    overflow: hidden;
}

.product_thumb
{
    float: left;
    width: 165px;
}

.product_desc
{
    float: left;
    width: 324px;
    padding-bottom: 15px;
}

.product_desc h2
{
    font-size: 18px;
    padding-top: 35px;
    padding-bottom: 15px;
    overflow: hidden;
}

.product_desc p
{
    font-size: 12px;
    width: 309px;
    line-height: 16px;
}

.product_more_link
{
    padding-top: 12px;
}

.product_more_link a
{
    display: block;
    background-color: #ffae00;
    width: 130px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #292929;
}

.product_more_link a:hover
{
    text-decoration: none;
    color: #292929;
}

/* products - end */


.content_page_header
{
    padding: 30px;
    border-bottom: 1px solid #1a1a1a;
    padding-left: 25px;
    padding-right: 25px;
    border-top: 1px solid #545454;
}

.content_page_header h1
{
    font-size: 30px;
    padding-bottom: 15px;
}

.content_page_header p
{
    font-size: 18px;
}

#main_content
{
    padding: 30px;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
    
    border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #545454;
}

#main_content h1
{
    font-size: 20px;
    padding-bottom: 20px;
}

.opinion {padding: 5px; padding-top: 10px; background: transparent url('images/frontend/quote.png') no-repeat 25px 50px;}

.opinion p {padding: 10px 0px 20px 70px; font-size: 16px;}

.opinion span {font-size: 12px; display: block; padding-left: 20px; padding-bottom: 40px;}

/*.opinion h3 {font-size: 16px;}*/

/* clients */

.clients
{
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #545454;
    border-bottom: 1px solid #1a1a1a;
    clear: both;
    padding-bottom: 20px;
}

.clients_title
{
    text-align: left;
}

.clients_title h3
{
    margin: 0;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-left: 5px;
}

.client
{
    margin-left: 25px;
    margin-right: 25px;
}

/* clients - end */



/* contact form */

.contact_form
{
    /*height: 400px;*/
    float: left;
    width: 369px;
    background: transparent url('images/frontend/transparent_bkg.png');
}

.contact_form input
{
    color: white;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    border: 0px solid black;
    width: 365px;
    background-color: #626262;
}

.contact_form textarea
{
    color: white;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    border: 0px solid black;
    width: 365px;
    height: 155px;
    background-color: #626262;
}

input.submit, input.send
{
    color: #292929;
    
    height: 25px;
    background-color: #ffae00;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

input.send {width: 60px;}

.send_message
{
    font-weight: bold;
    color: White;
    text-align: center;
    line-height: 28px;
    background-color: Green;
    margin-left: 4px;
    margin-top: 10px;
}

/* contact form - end */


/* Footer
*************************************************************/

#copyright
{
    width: 50%;
    float: left;
    font-size: 11px;
}

#powered_by
{
    width: 50%;
    float: left;
    text-align: right;
}

.powered
{
}


/* Log on
********************************************************/

.logon_form .textbox
{
    color: white;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    border: 0px solid black;
    width: 200px;
    height: 18px;
    background-color: #626262;
}


/* Misc
********************************************************/

/*#thumbs
{
    position: relative;
    width: 198px;
    height: 198px;
}
div.thumb
{
    float: left;
    padding: 1px;
    width: 64px;
    height: 64px;
}
div.thumb img
{
    border: 2px solid white;
    cursor: pointer;
}*/



/* back to top */

#back-top {
	position: fixed;
	bottom: 50%;
	right: 20px;
}

#back-top a {
	width: 47px;
	height: 47px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #bbb;
	background: transparent url('images/frontend/top_arrow2.png');
}
#back-top a:hover {
	color: #000;
	background: transparent url('images/frontend/top_arrow.png');
}