/*
    File Name: style.css
*/

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

/* Reset */
    ul, ol,li, h1,h2,h3,h4,h5,h6,form,p,a,img{
	margin:0;
	border:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40;
    }
    
    .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:20px 0;
    }

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

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

    /* header right area */
    #header_right{
		float:right;
		display:inline;
		position:relative;
		width:550px;
    }

/* 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:right; 
    }
    
    /* 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;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
    }

    .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;
    }

    /* 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 0px 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:2px; 
	text-decoration:none;
    }    
    
    .box p a:hover, a.text_link:hover{ 
	padding-bottom:2px;
	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;
	padding-left: 50px;
    }
    
    /* content lists */
    .content.sub ul, ol{
        list-style-position:outside;
        margin:0px 0px 20px 0px;
		list-style:square ;
		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;
	font-weight: normal;
	font-family: 'Trebuchet MS', 'Arial', serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: -20;
    }

    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;        
        font-weight:bold; 
        line-height:32px;		
    }
    
    h3{
        font-size: 21px;
        line-height:28px;
    }
    
    h4{
        font-size: 20px;
        line-height:26px;			
    }
    
    h5{
        font-size: 18px;
        line-height:24px;		
    }
    
    h6{
        font-size: 16px; 
        line-height:22px;	
    }
	
	h7 {
		font-size: 14px;
		line-height:20px;
	}

    
    /* 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, h7.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, h7.cufon{
        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: 25px;
        line-height:30px;			
    }
    
    h5.cufon{
        font-size: 22px;
        line-height:27px;
    }
    
    h6.cufon{
        font-size: 20px; 
        line-height:24px;	
    }
	h7.cufon {
		font-size: 18px;
		line-height:22px;
	}
    
/* 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;
    }