/*
    File Name: style.css
*/

/* body */
    body {
        margin:0px auto;
        padding:0px;
        font-family: 'Arial', 'Verdana', Helvetica san-serif;
        font-size:12px;
        line-height:21px;
        position:relative;
    }

/* Reset */
    ul, ol,li, h1,h2,h3,h4,h5,h6,form,p,a,img{
        margin:0;
        padding:0;
        border:0;
    }

    .clear{
        clear:both;
        padding:0;
        margin:0;
        line-height:0;
    }

    .clearfix:after {
      clear:both;
      content:".";
      display:block;
      height:0;
      line-height:0;
      visibility:hidden;
    }

    a{
        outline: none;
    }

/* Layout general*/
    #container{
        clear:both;
        display:block;
    }

    /* header */
    #header{
        clear:both;
        width:960px;
        margin:0 auto 0 auto;
        display: block;
        padding:0px 0;
    }

    /* logo */
    #logo{
        overflow:hidden;
        float:left;
        margin-left:10px;
        display:inline;
        position:relative;
        padding:0;
    }

    #logo .png{
        margin:0px;
        padding:0px;
        line-height:0px;
        font-size:0px;
    }

    /* header right area */
    #header_right{
        margin-left:40px;
        margin-top:25px;
        float:left;
        display:inline;
        position:relative;
        width:650px;
    }

/* header links & slogan */
    .top_links{
        margin: 5px 20px 0 0;
        float:right;
        display:inline;
    }

    .top_links a{
        font-size:11px;
        text-decoration:none;
    }

    .top_links a:hover{
        font-size:11px;
        text-decoration:underline;
    }

    .top_slogan{
        margin:20px 10px 0 0;
        clear:both;
    }

   .top_links ul li{
        list-style:none;
        list-style-position:outside;
        line-height:12px;
        float:left;
        padding:0 5px;
    }

    .top_links li.first{
        border-left:0px;
    }


    /* slogan*/
    .top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{
        text-decoration:none;
        padding: 0 0 0 0;
        font-size:20px;
        text-align:left;
    }

    /* If Cufon active*/
    .top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{

    }


/* search bar */
    .search_bar{
        font-size:10px;
        width:220px;
        height:21px;
        margin:0;
        padding:0;
        float:right;
        display:inline;
    }

    .search_bar form input{
        height:17px;
        width:180px;
        font-size:11px;
        margin:0;
        padding:2px 0 0 5px;
        border:0px;
        outline:0;
        float:left;
        display:inline;
        margin:1px 0 0 0;
        background:transparent;
    }

    .search_bar form input.searchsubmit{
        width:24px;
        height:17px;
        float:right;
        display:inline;
    }

/* Backgrounds */
    #container1{
        clear:both;
        display:block;
        position:relative;
        margin:0;
        padding:0;
    }

    #container2{
        clear:both;
        display:block;
        position:relative;
    }

    #container3{
        margin:0 auto;
        width:960px;
        position:relative;
    }

/* main layout */
    .content{
        width:700px;
        float:left;
        display:inline;
    }

    .content.sub{
        width:660px;
        margin:0 10px;
        padding:0 10px;
        overflow:hidden;
    }

    .content .portfolio_con{
        width:675px;
        margin:0 5px;
        padding:0;
        position:relative;
        left:-10px;
        overflow:hidden;
        display:block;
    }

    /* sidebar */
    .sidebar{
        width:220px;
        margin:0 30px 0 10px;
        float:left;
        display:inline;
    }

    * html .sidebar {
        display:inline;
    }

 /* Slider */

    /* Home Page Slider */
    #slider{
        display:block;
        clear:both;
        padding:0px;
        position:relative;
        width:678px;
        height:302px;
        margin:0 10px;
        overflow:hidden;
        padding:0;
    }

    .sub#slider{
        margin-left:-10px;
    }

    #slider_area{
        overflow:hidden;
        width:678px;
        margin:0 auto;
        position:absolute;
        z-index:1;
    }

    .slide{
        width:678px;
        position:relative;
        overflow:hidden;
    }

    /* slider title */
    .slide b.title{
        font-size:14px;
    }

    .slide .image{
        margin:0;
        padding:0;
        border:1px solid white;
        position:relative;
        z-index:5;
    }

    /* slider right side */
    #slider_area .desc{
        width:658px;
        position:absolute;
        z-index:6;
        bottom:0;
        margin:0px;
        font-size:12px;
        padding: 10px;
        font-weight:normal;
        font-size:12px;
    }

    #slider_area .desc a{
        text-decoration:underline;
    }

    #slider_area .desc a:hover{
        text-decoration:none;
    }


    /* prev and next buttons*/
    .prev,
    .next {
        cursor:pointer;
        padding:0px;
        margin:78px 0 0 1px;
        width:20px;
        position:absolute;
        top:0;
        z-index:6;
    }

    .next {
        right:1px;
        margin:78px 0 0 0;
    }

    .slider_shadow{
        width:700px;
        height:30px;
        clear:both;
        display:block;
    }

 /* Breadcrumb Menu */
    .breadcrumb{
        padding:8px 0 8px 0 ;
        font-size:11px;
        margin:10px 0 20px 0;
        clear:both;
        display:block;
    }

    .breadcrumb span{
        padding:10px 0 8px 0 ;
        position:relative;
        top:3px;
    }

    .breadcrumb a{
        margin-left:0px;
        text-decoration:none;
    }

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

 /* Navigation*/
    .navigation{
        padding-top:2px;
        min-height:150px;
    }

    ul#menu, ul#menu ul {
        list-style-type:none;
        margin: 0;
        padding: 0;
    }

   /* First level menu items*/
    ul#menu li {
    }

    ul#menu li a {
        display: block;
        text-decoration: none;
        padding: 8px 10px;
        font-size:13px;
        margin:0;
    }

    ul#menu li a:hover,  ul#menu li.current_page_item a {
        display: block;
        text-decoration: none;
        padding: 8px 10px;
        font-size:13px;
    }

    /* Second level menu item*/
    ul#menu li ul li a, ul#menu li.current_page_item ul li a {
        font-size:11px;
        padding:5px 10px 5px 20px;
        text-decoration:none;
    }

    ul#menu li ul li a:hover, ul#menu li ul li.current_page_item a{
        font-size:11px;
        padding:5px 10px 5px 20px;
        text-decoration:none;
    }

    /* Third level menu item*/
    ul#menu li ul li ul li a, ul#menu li.current_page_item ul li ul li a {
        padding-left: 30px;
    }

    ul#menu li ul li ul li a:hover, ul#menu li ul li ul li.current_page_item a {
        padding-left: 30px;
    }

    /* fourth level menu item*/
    ul#menu li ul li ul li ul li a, ul#menu li.current_page_item ul li ul li ul li a {
        padding-left: 40px;
    }

    ul#menu li ul li ul li ul li a:hover, ul#menu li ul li ul li ul li.current_page_item a {
        padding-left: 40px;
    }


/* Paging */
    .content.sub .paging {
        display:block;
        clear:both;
        overflow:hidden;
        margin:0 0 0 5px;
        list-style-type:none;
    }

    .content.sub .paging.full {
        margin:0;
    }

    .content.sub .paging  li{
        margin:0;
        padding:0;
        list-style-type:none;
    }

    .content.sub .paging li, .content.sub .paging{
        border:0;
    }

    .content.sub .paging li{
        display:inline;
        margin-right:5px;
        float:left;
        display:inline;
        font-size:12px;
        line-height:11px;
        background:none;
    }

    /* paging link*/
    .content.sub .paging li a,  .content.sub .paging li.active a{
       border:0;
       padding:8px 0px;
       overflow:hidden;
       width:28px;
       display:block;
       text-align:center;
       text-decoration:none;
   }

    /* paging mouseover*/
    .content.sub .paging li.active a{
        text-decoration:none;
    }

    .content.sub .paging li a:hover{
        text-decoration:none;
    }

/* Content Boxes */

    /* General box layout*/
    .box{
        margin:0 10px 20px 10px;
        float:left;
        overflow:hidden;
        display:inline;
        position:relative;
    }

    /* single box for home */
    .box.single{
        width:680px;
        clear:both;
        text-align: justify;
    }

    /* small box for home */
    .box.small{
        width:328px;
        display:inline;
        padding:0;
    }

    /* box for sidebar */
    .box.side{
        width:198px;
        margin:20px 0 0 0;
        clear:both;
        padding:20px 10px;
        position:relative;
    }

    /* box for two column - see contact us */
    .box.content-two{
        width:320px;
        margin:0 0px 20px 0px;
        float:left;
        overflow:hidden;
        padding:0px 0px;
        border:0;
    }

    .box.content-two.left ul, .box.content-two ul{
        margin:0 0px 0px 0px;
        padding:0px 0px;
        display:inline;
        position:relative;
    }

    .box.content-two.left{
        margin-right:10px;
        padding-right:8px;
    }

    /* Uncomment if you want to remove list arrows from left side of contact us page
    .box.content-two.left ul li{
        background:none;
        padding-left:0;
    }
    */

    /* Featured box image margins */
    .box .featured_image{
        margin:10px 0 0px 0;
    }

     /* paragraph top space for boxes */
    .box p{
        margin:10px 0 0 0;
        padding:0;
    }

/* Horizontal Lines*/
    .box hr, .content .box  hr{
        color:#ddd;
        border:0;
        height:1px;
        margin:0;
        padding:0;
    }

    .content hr{
        color:#ddd;
        border:0;
        height:1px;
        margin:10px 0 20px 0;
        padding:0;
    }

/* Product Pages */

     /* Product Box*/
    .box.product{
        width:192px;
        margin:0 5px 20px 5px;
        float:left;
        display:inline;
        overflow:hidden;
        padding:10px 10px;
    }

    /* Product Photos */
    .image.product_image{
        margin:10px auto 10px auto;
        text-align:center;
        clear:both;
        display:block;
        padding:0;
    }

    /* Text Area */
    .box.product .textarea{
        margin:20px 5px 10px 5px;
        font-size:12px;
        position:relative;
    }

    /* Heading Size */
    .box.product .textarea h5{
        padding:0;
        margin:0 0 5px 0;
    }

    /* Price */
    .box.product .textarea .price{
        font-size:15px;
        margin-top:5px;
        clear:both;
        display:block;
    }

     /* Product Detail Box*/
    .box.product_detail{
        float:right;
        display:inline;
        overflow:hidden;
        margin:0 0 10px 10px;
        padding:0 0 0 10px;
    }

    .product_photos{
        display:block;
        overflow:hidden;
        height:250px;
        margin:0 0 10px 0;
        padding:0;
        width:250px;
        border:0;
    }

    .p_image_slide{
        overflow:hidden;
        margin:0;
        padding:0;
        display:block;
    }

    .box.product_detail ul{
        margin:0 !important;
    }

    /* Product detail document Icons*/
    .box.product_detail .doc_icons{
        list-style-type:none;
        list-style-position:outside;
        border:0;
    }

    .box.product_detail .doc_icons li{
        float:left;
        display:inline;
        background:none;
        padding:0;
        border:0;
        margin:0;
    }

    /* Product detail photos pager*/
    .product_photos_pager{
        position:relative;
        top:-25px;
        z-index:999;
        margin:0 0 0 5px;
    }

    .product_photos_pager a{
        margin:2px;
        padding:2px 4px;
        text-decoration:none;
        line-height:1px;
        font-size:10px;
    }

    .product_photos_pager a.activeSlide, .product_photos_pager a:hover{
        text-decoration:none;
    }


/* Blog */
    .box.blog{
        width:660px;
        clear:both;
        display:block;
        margin:10px 0px 0px 0px;
    }

    /* post image */
    .box.blog .post_image{
        padding:5px 0;
    }

    /* Date and Categories Bar */
    .box.blog .dateandcategories{
        font-size:11px;
        padding:5px 0;
        margin-bottom:4px;
        clear:both;
        display:block;
        margin:10px 0 30px 0;
        font-style: italic;
        display:block;
    }

    /* Links For Date and Categories */
    .box.blog .dateandcategories a{
        text-decoration: none;
    }

    .box.blog .dateandcategories a:hover{
        text-decoration: none;
    }
    .comment{
        border-left:1px solid #ddd;
        margin-left:5px;
        padding-left:5px;
        position:relative;
        display:inline;
    }

/* Portfolio */
    /* box for portfolio */
    .box.portfolio{
        width:192px;
        margin:0 5px 20px 5px;
        float:left;
        display:inline;
        overflow:hidden;
        padding:20px 10px;
    }

    .portf{
        margin:0;
        padding:0;
        overflow:hidden;
        outline:none;
    }

/* Photo Gallery */
    /* override the arrow image of the tooltip */
    .tooltip {
        padding:10px;
        width:130px;
    }

    .photo_gallery{
    }

    .photo_gallery img{
        padding:10px;
        margin:0 10px 10px 0;
    }


/* News Box */
    hr.news_line{
        border:0;
        height:1px;
        margin:10px 0;
        padding:0;
    }

    .news_date{
        letter-spacing:1.5px;
        font-size:9px;
    }

    a.news {
        text-decoration:none;
        position:relative;
        display:inline;
    }

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

    .box .news{
        padding-top:10px;
    }


/* links */
    a{
        text-decoration:underline;
    }

    a:hover{
        text-decoration:none;
    }

     /* read more links */
    .read_more {
        padding:0 15px 0 0;
        text-decoration:none;
        display:inline;
        position:relative;
    }

    .read_more:hover {
    }

    /* box links */
    .box p a, a.text_link{
        padding-bottom:0px;
        text-decoration:none;
    }

    .box p a:hover, a.text_link:hover{
        padding-bottom:0px;
        border-bottom:0px;
    }

    .box.portfolio .read_more {
        text-decoration:none;
        border:0;
    }

    .box p .arrow_image, .arrow_image{
        position:relative;
        text-decoration:none !important;
        border-bottom:0;
    }

/* Lists */
    ul, ol{
        list-style-position:outside;
    }

    /* content lists */
    .content.sub ul, ol{
        list-style-position:outside;
        margin:0px 0px 20px 0px;
        list-style:none;
        display: block;
    }

    .content.sub ul ul, .content.sub ol ol{
        list-style-position:outside;
        list-style-image:none;
        list-style-type:  disc;
        padding:5px 5px 0 5px;
        margin:5px 0px 0px 10px;
    }

    .content.sub ul ul li, .content.sub ol ol li{
        padding:0px 10px 0px 10px;
        margin:5px 0px 5px 0px;
    }

    .content.sub ul, .sub.content ol  {
    }

    .sub.content li{
        padding:5px 0 5px 15px;
        margin:0;
    }


    /* Lists */
    .content.sub ul ul, .content.sub ol ol{
    }

    .content.sub ul ul li, .content.sub ol ol li{
        background:none;
        padding-left:0;
    }

    .content.sub ul, .sub.content ol  {
    }

    .sub.content li{
    }

    /* No Bulet List */
    ul.nobullet, ol.nobullet{
        list-style:none;
        list-style-position:outside;
        margin:0px 0px 20px 20px;
    }

    /* sidebar list */
    .sidebar .box ul{
        padding:0;
        list-style-type:none;
        border:0;
        margin:0;
    }

    .sidebar .box  li{
        padding:7px 0;
    }

    .sidebar .box  li a{
        font-size:13px;
        margin-left:0px;
        text-decoration:none;
        border:0;
    }

    .sidebar .box  li a:hover{
    }

    .social_media_icons{
        margin:10px 0 0 0;
        padding:0;
        line-height:0;
        display:block;
        position:relative;
        clear:both;
    }

/* Footer */
    #footer {
        margin-top:20px;
        min-height:80px;
        clear:both;
        position:relative;
    }

    #footer .footer_con{
        margin: 0px auto;
        height:30px;
        overflow:hidden;
        clear:both;
        width:920px;
        padding:10px;
        text-align:left;
    }

    /* footer copyright text */
    #footer .part1{
        float:left;
        margin:5px 15px 0 0;
        font-size:11px;
        line-height:14px;
    }

    /* footer navigation */
    #footer .part2{
        float:right;
        margin-top:5px;
        font-size:11px;
        line-height:14px;
    }
    /* footer links */
    #footer  a{
        text-decoration:none;
    }
    #footer  a:hover{
        text-decoration:underline;
    }

    .part2 ul li{
        list-style:none;
        list-style-position:outside;
        line-height:12px;
        float:left;
        padding:0 5px;
    }

    .part2 ul li.first{
        border-left:0px;
    }

/* Headings*/
    h1,h2,h3,h4,h5,h6{
        letter-spacing:0px;
        font-weight:normal;
        position: relative;
        padding: 0 0 0 0;
        font-weight: normal;
        font-family: 'Trebuchet MS', 'Arial', serif;
    }

    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        text-decoration:none;
    }

    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
        text-decoration:none;
    }

    h1{
        font-size: 34px;
        line-height:48px;
    }

    h2{
        font-size: 26px;
        line-height:32px;
    }

    h3{
        font-size: 21px;
        line-height:28px;
    }

    h4{
        font-size: 20px;
        line-height:20px;
    }

    h5{
        font-size: 18px;
        line-height:24px;
    }

    h6{
        font-size: 16px;
        line-height:22px;
    }

    /* Box H5 with icon */
    .box h5.icon{
        padding-top:8px;
    }

/* Headings for Cufon Font */
    h1.cufon,h2.cufon,h3.cufon{
        font-weight:normal;
    }

    h4.cufon,h5.cufon,h6.cufon{
        font-weight:normal;
    }

    h1.cufon a,h2.cufon a,h3.cufon a{
        text-decoration:none;
    }

    h4.cufon a, h5.cufon a,h6.cufon a{
        text-decoration:none;
    }

    h1.cufon a:hover,h2.cufon a:hover,h3.cufon a:hover,h4.cufon a:hover,h5.cufon a:hover,h6.cufon a:hover{
        text-decoration:none;
    }

    h1.cufon{
        font-size: 42px;
        line-height:54px;
    }

    h2.cufon{
        font-size: 34px;
        line-height:36px;
    }

    h3.cufon{
        font-size: 29px;
        line-height:21px;
    }

    h4.cufon{
        font-size: 20px;
        line-height:20px;
    }

    h5.cufon{
        font-size: 22px;
        line-height:27px;
    }

    h6.cufon{
        font-size: 20px;
        line-height:24px;
    }

/* Forms */
    input, select, textarea{
        font-family: Arial, Helevtica, Verdana, san-serif;
        font-size:13px;
        position:relative;
        outline: none;
        border-top:0;
        border-bottom:0;
        width:89%;
        padding:4px 10px;
        margin:0;
    }

    .short{
        width:49%;
        margin-right:1px;
    }

    .button{
        cursor:pointer;
        padding:3px 20px;
        clear:both;
        border:none;
        overflow:visible;
        outline: none;
        width:auto;
    }

    .button:hover{
        overflow:visible;
    }

    .searchbox{
        width:182px;
        margin-right:4px;
    }

    .button.search{
        width:auto;
    }

    /*contact form */
    #contact_form ul, #contact_form ul li{
        list-style-type:none;
        list-style-position:outside;
        list-style-image:none;
        margin:0;
        padding:0;
        background:none;
    }

    #contact_form ul li {
        margin:0px 0 0px 0px;
        padding:8px 0 8px 0px;
    }

    /*contact form validation*/
    #validate_form label{
        float:left;
        text-align:left;
        width:157px;
    }

    #validate_form ul li label.error {
        display: block;
        font-style: italic;
        font-weight: normal;
        border:0;
        color:red;
    }

    #validate_form .error{
        color: red;
        border: 1px solid red;
    }

    #contact_form input, #contact_form select, #contact_form textarea{
        border-top:0;
        border-bottom:0;
        width:480px;
        padding:5px 10px;
    }

    #contact_form .button{
        width:100px;
        margin:0 0 0 157px;
    }


    /* Form Messages*/
    .ok_box{
        padding:20px;
        margin:10px auto;
        font-size:13px;
    }

    .ok_box h3{
        font-size:18px;
    }
    .error_box, #loader{
        padding:20px;
        margin:10px auto;
        font-size:13px;
    }

/* Images and Alignments */
    img {
        border:0px;
        margin:0px;
        padding:0px;
    }

    img.aligncenter{
        display:block;
        text-align:center;
        display: block;
        margin:0 auto 0 auto;
        padding:0px;
        border:0px;
        background:none;
        width:auto;
    }

    img.alignleft{
        float:left;
        margin: 2px 8px 2px 0;
        display: inline;
        border:0px;
        background:none;
        padding:0;
        width:auto;
    }

    img.alignright{
        padding:0;
        float:right;
        margin: 2px 0px 2px 8px;
        border:0px;
        background:none;
        width:auto;
    }


/* Tables */
    table{
        width:auto;
        border-collapse:collapse;
        border-spacing:0;
    }

    table caption strong{
        text-align:left;
        font-size: 14px;
        font-weight: normal;
        line-height:20px;
        font-weight:bold;
    }

    table caption{
        text-align:left;
        padding: 10px;
    }

    table th {
        padding: 13px;
        font-size: 12px;
    }

    table td {
        padding: 10px;
        text-align: left;
    }

/* Text Elements */
    blockquote {
        font-size:16px;
        line-height: 24px;
        padding:30px 20px 30px 100px;
        margin:10px 0px;
        font-style:italic;
        font-family:"Georgia","Times New Roman", sans-serif;
    }

    blockquote em, blockquote i, blockquote cite {
        font-style:normal;
    }

    pre {
        line-height:18px;
        margin-bottom:18px;
    }

    code {
    }

    ins {
        text-decoration:none;
    }

    sup {
        bottom: 1ex;
    }

    sub {
        top: .5ex;
    }

    p {
        padding-bottom:15px;
    }