/*
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: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; 
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;
}

#puppet{
width:218px;
height:147px;
background: url(../images/puppet.jpg) no-repeat bottom center;
margin-top:25px;
position:absolute;
bottom:0;
}    
    

/* Slider */

/* Home Page Slider */
#slider{
background:red;
display:block;
clear:both;
padding:0px;
position:relative; 
width:680px;
height:329px;
margin:-27px 10px 0px 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;
}


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

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


#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 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{
min-height:600px;
height:auto !important;
height:600px;
}

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

/* 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 10px 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:26px;			
}

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: 25px;
line-height:30px;			
}

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

.right{float:right; margin:0 0 18px 18px; width:300px;}
.right img{border: solid 1px #ccc;}

#twospot a{width:64px; height:29px; margin:auto; text-indent:-9000px; display:block; background:url(../images/twospot.gif) top left no-repeat;}