/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Arial;
    font-size:14px;
    color:#333333;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-y;
    background-position:top center;
    background-color:#e6e2d5;
}

a
{
    text-decoration:none;
    color:#cc0033;
    outline:0;
    font-weight:bold;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:12px 0;
}

h1
{
    margin:0;
    padding:0;
    font-size:44px;
    font-weight:bold;
    color:#660066;
    margin-bottom:25px;
    line-height:15px;
}

h2
{
    margin:0;
    padding:0;
    font-size:24px;
    line-height:34px;
    font-weight:normal;
    color:#666666;
}

h3
{
    margin:7px 0 5px 0;
    padding:0;
    font-size:20px;
    font-weight:bold;
    color:#660066;
}

.red
{
    color:#cc0033;
}


		/*---------------------layout--------------------*/
		
.container 
{
    width:960px;
    margin:0 auto;
    height:auto;
}

		/*---------------------header---------------------*/
		
#header
{
    float:left;
    width:960px;
    /*height:350px;*/
    height:320px;
    background:url(images/header-bg.jpg) repeat-x;
}

#header-news
{
    float:left;
    width:960px;
    height:320px;
    /*height:350px;*/
    background:url(/media/headers/3.jpg);
}

#header-contact
{
    float:left;
    width:960px;    
    height:320px;
    /*height:350px;*/
    background:url(/media/headers/2.jpg);
}

#header-work
{
    float:left;
    width:960px;
    height:320px;
    /*height:350px;*/
    background:url(/media/headers/4.jpg);
}

#header-left
{
    float:left;
    width:200px;
    padding-top:30px;
    padding-left:40px;
}

#header-right
{
    float:right;
    width:33px;
    padding-top:19px;
    padding-right:40px;
}

        /*----------------------nav-----------------------*/
        
.navigation
{
    float:left;
    width:880px;
    height:20px;
    margin:20px 0 0 0;
    padding:0 40px;
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
}

.navigation img
{
    margin:0 14px;
}

.navigation li
{
    list-style-type:none;
    display:inline;
    height:20px;
    line-height:20px;
    
}

.navigation a
{
    color:#ffffff;
    position:relative;
    top:-6px;
}

.navigation a:hover,
.navigation a.current
{
    color:#cc66cc;
    text-decoration:none;
}

.subnav
{
    margin:0 2px 0 11px;
}

.subnav-wrapper
{
    margin:0;
    padding:0;
    position:relative;
    display:inline;
}

        /*--------------------slideshow-------------------*/

#slideshow-wrapper
{
    float:left;
    width:960px;
}

.slideshow
{
    float:left;
    width:960px;
    margin:20px 0 0px 0;
}

.left-item
{
    margin-left: 39px;
}

.slideshow a:hover
{
    text-decoration:none;
}

.slideshow ul
{
    margin:0;
    padding:0;
    float: left;    
}

.slideshow li
{
    display:inline;
    list-style-type:none;
    margin-right:33px;    
    padding:0;
    position:relative;
}

.slideshow img
{
    border:10px solid #8c408c;
    z-index:0;
    width:250px;
    height:150px;
}

.slideshow-text
{
    width:230px;
    color:#ffffff;
    padding:5px 10px;
    font-weight:normal;
    position:absolute;
    left:10px;
    bottom:10px;
    z-index:9999;
    background:#000000;
}

.slideshow-nav
{
    float:left;
    width:880px;
    padding-left:40px;
    padding-top:10px;
}

.slideshow-nav a
{
    float:left;
    margin-right:10px;
    width:9px;
    height:9px;
    background:url(images/dot-off.jpg) no-repeat;
}

.slideshow-nav a:hover,
.slideshow-nav a.current
{
    background:url(images/dot-on.jpg) no-repeat;
}

        /*---------------------content--------------------*/

#content
{
    float:left;
    width:880px;
    padding:40px;
    line-height:22px;
    min-height:500px;
}

#content-left
{
    float:left;
    width:575px;
}

#content-right
{
    float:right;
    width:270px;
    line-height:18px;
}

#content-right h1
{
    margin-bottom:34px;
}

#content-right p
{
    margin:0;
}

#social-networks
{
    float:left;
    width:270px;
}

#social-networks p
{
    margin:5px 0;
}

#social-networks a
{
    position:relative;
    top:-3px;
}

.address
{
    float:left;
    width:270px;
    margin-bottom:40px;
}

.product
{
    float:left;
    width:575px;
    margin:10px 0;
}

.product-nav
{
    float:left;
    margin:0;
    padding:0;
}

.product-nav li
{
    display:inline;
    list-style-type:none;
}

.product-nav a
{ 
    float:left;
    cursor:pointer;
    display:block;
    width:9px;
    height:9px;
    margin-right:15px;
    background:url(images/product-dot-off.jpg) no-repeat; 
}

.product-nav a:hover,
.product-nav li a.activeSlide 
{ 
    background:url(images/product-dot-on.jpg) no-repeat; 
}

#content-bottom
{
    float:left;
    width:880px;
    margin-top:30px;
}

#content-bottom-left
{
    float:left;
    width:575px;
}

#content-bottom-right
{
    float:right;
    width:270px;
    text-align:right;
}

#content-bottom-right a
{
    margin-left:5px;
}

#content-bottom-right a:hover,
#content-bottom-right a.current
{
    color:#999999;
    text-decoration:none;
}


        /*---------------------footer---------------------*/

#footer
{
    float:left;
    width:880px;
    height:200px;
    padding:0 40px;
    font-size:11px;
    background:url(images/footer-bg.jpg) repeat-x;
}

#footer-left
{
    float:left;
    width:280px;
    height:100px;
    padding-top:25px;
}

.newsletter-title
{
    font-size:14px;
    font-weight:bold;
    color:#660066 !important;
}

#footer input
{
    width:200px;
    font-size:11px;
    border:0;
    padding:5px;
    margin:5px 3px 0 0;
}

#footer-right
{
    float:right;
    width:580px;
    padding-top:15px;
    text-align:right;
    color:#ffffff;
    font-weight:bold;
}

#social
{
    float:right;
    margin-bottom:17px;
}

#contact
{
    float:right;
    clear:both;
}

.social-item
{
    float:right;
    margin-right:10px;
}

#footer-bottom
{
    clear:both;
    width:880px;
    color:#cccccc;
    padding-top:40px;
}