/* @override http://gate.boinx.com/g/css/istopmotion.css */

/* Product CSS Atribute only. For general formating styles please see /g/css/main.css and /g/css/global_layout.css */

body { font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2", "Lucida Grande", sans-serif; font-size: 120%;text-rendering: optimizeLegibility;}
p, .sidebox h1, .sidebox ul li, #sidebar p, #pptheme h4, .column3 li { font-size: 120%;}

ul#breadcrumbs {background: #fff url(/istopmotion/images/breadcrumb_back.png) 0px 0px; }

a
	{
	text-decoration: none;
	}

/* color- attributes for 1st and 2nd level navigation*/
 
}
#nav2nd {
  background-color: #fff;
}


#productfooter  /* round corners on the bottom below content div*/
	{
	font-size: 11px;
	color: #aaa;
	background: white url(/g/images/bg-productfooter.png) repeat-x 0 bottom;
	}

/* product specific styles for the content div*/

#content {
  background: url(/istopmotion/images/bg-content-top.png) repeat-x 0 0;
  background-color: #fff;
  color: #333;	
  width: 100%;
}

#content a:link, .featured a:link {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
}

#content a:hover, #content a:visited:hover, .featured a:hover, .featured a:visited:hover, #content .sidebox a:link:hover	{
  /* color: #666; */
  color: #f67a1f;
  text-decoration: none;
  border-bottom: 1px solid #F93;
  /* background-color: #fef2d5; */
}
#content a:visited, .featured a:visited {
  color: #333;
  text-decoration: none;
  border-bottom:1px dotted #888;
}

#content .sidebox a:link {
  color: #fff;
  border-bottom:1px solid #ccc;  
}

#content #subscription a:link {
  border-bottom: 0 ! important;
}

#content a.noLine {
  border-bottom: 0 ! important;
}

h1 {
  font-weight: bolder;
  text-shadow: rgba(0,0,0,0.33) 0 1px 0;
}

h1,h2,h3 {
  color: #f67a1f;
}


.question {
  color: #F67A1F;
}


/* product specific styles for the news-include in the sidebar*/

/*
#news {
  border-left: 1px solid #999;
}

#news p {
  padding-bottom: 0;
}

#news div.example, #news div.pressrelease, #news div.event	{
  border-bottom: 1px dashed #777;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

#content div#news a.readmore	{
  border-bottom:1px solid #aaa;
}
*/


/* @group button */

#content a.morebutton {
  /* border: 1px solid #999;*/
  display: block;
  color: white;
  font-weight: bold;
  height:  17px;
  border-bottom: 0;
  padding: 7px 4px;
  margin: 0 auto 12px auto;
  text-align: center;
  text-shadow: rgba(0,0,0,0.5) 0 1px 0;
  vertical-align: baseline;
  text-decoration: none;

}
#content a:hover.morebutton {
  color: #f6ca1f;
  border-bottom: 0;
     text-decoration: none;  
}


#content a.morebutton {
  background: url(/istopmotion/images/bg-button-204.png) no-repeat left bottom;
  width: 196px;
  overflow: hidden;
  text-decoration: none;
}
#content a.morebutton:active {
  background: url(/istopmotion/images/bg-button-204-a.png) no-repeat left bottom;
}

#content .column3 a.morebutton {
  background: url(/istopmotion/images/bg-button-268.png) no-repeat left bottom;
  width: 260px;
  overflow: hidden;
}
#content .column3 a.morebutton:active {
  background: url(/istopmotion/images/bg-button-268-a.png) no-repeat left bottom;
  text-decoration: none;
}

#sidebar a.morebutton {
  background: url(/istopmotion/images/bg-button-204.png) no-repeat left bottom;
  width: 204px;
  text-decoration: none;
}

#sidebar a.morebutton:active {
  background: url(/istopmotion/images/bg-button-204-a.png) no-repeat left bottom;
  text-decoration: none;
}

#sidebar .sidebox a.morebutton {
  margin-top: 12px;
  margin-left: -4px;
  background: url(/istopmotion/images/bg-button-180.png) no-repeat left bottom;
  width: 180px;
  border-bottom: 0;
  text-decoration: none;
}

#sidebar .sidebox a.morebutton:active {
  background: url(/istopmotion/images/bg-button-180-a.png) no-repeat left bottom;
  text-decoration: none;
}

#sidebar .sidebox a.morebutton:hover {
  border-bottom: none;
}


/*
#content a.morebutton {
	border: 1px solid #999;
  display: block;
  color: white;
  font-weight: bold;
  height:  22px;
  border-bottom: 0;
  padding: 8px 34px 0 0;
  margin: 0 48px 12px 9px;
  text-align: center;
  text-shadow: rgba(0,0,0,0.5) 0 1px 0;
}

#sidebar a.morebutton {
  width: 163px;
}

#content a:hover.morebutton {
  color: #f67a1f;
}

#content a.morebutton:before, #sidebar a.morebutton:before {
  display: block;
  float: left;
  background: url(/g/images/bg-button-left.png) no-repeat left bottom;
  content: " ";
  margin-top: -8px;
  margin-left: -8px;
  padding: 0;
  height:  30px;
  width: 8px;
}

#content a.morebutton:after, #sidebar a.morebutton:after {
  display: block;
  float: right;
  background: url(/g/images/bg-button-right-arrow.png) no-repeat right bottom;
  content: " ";
  padding: 0;
  margin-top: -8px;
  margin-right: -34px;
  height:  30px;
  width: 34px;
}

#sidebar a:hover.morebutton:after {
  background: url(/g/images/bg-button-right-arrow-over.png) no-repeat right bottom;
}
*/


/* @end */

/* styles not made by feinweb*/

	
.feedpostdate, #content .example p.head
    {
    margin-top: -10px;
    margin-bottom: 12px;
    font-size:9px;
    color: #999999;
    }

.feedreadmore
    {
    /*margin-top:-12px;*/
    float: right;
    }
    
    
/* for hero shots */

#hero {
  width: 900px;
  height: 300px;
}

#hero img {
  position: relative;
  
}
#hero h1 {
  position: relative;
  float: left;
}
    
/* for exmples page */

.media {
  margin-bottom: 0;
}


#content .media a {
  border: 0;
}

.examplepage .media {
  height: 238px;  
}



/* stuff resulting from lasso */

.newsitem, .snippetcontent {
  font-family: 'Lucida Grande', sans-serif;
  line-height: 150%;
}

.newsitem h3, .quote h3 {
  margin: 0; padding: 0;
  line-height: 130%;
}

.newsitem .head, .quote .head {
  margin: 0; padding: 0;
  margin-bottom: 12px;
  color:  #aaa;
}

.newsitem img, .quote img {
  border:  1px solid #e0e0e0;
  background-color: #f0f0f0;
  padding: 1px;
  align: left;
  margin: 4px 12px 4px 0;
}

#content div a.readmore, .featured  a.readmore {
  clear:  both;
  border-bottom: 0;
  margin-top: 12px;
}

#content div a.readmore:hover, .featured  a.readmore:hover {
  border-bottom: 0;
}

/* examples page. put into page head later  */


.examplepage #hero h1, .reviewspage #hero h1 {
  position: relative;
  top:  24px;
  left: 24px;
  padding: 0; margin: 0;
  margin-bottom: 6px;
}

.featured {
  /* background-color: #ddd; */
}

.examplepage .featured .column1 {
  margin: 0 24px;
  padding: 0;
  font-size: 13px;
}

.examplepage .featured .media {
  /* float: left; */
  position:relative;
  top: 24px;
  background-color: #aaa;
  height: 0;
  margin: 0; padding: 0;
}

.examplepage .featured .media object, .featured .media img {
  float: none;
  align: left;
  margin: 10px 12px 6px 0;
}

.examplepage .featured .media img {
  margin-top: 15px;
  padding: 2px;
  border:  1px solid #f67a1f;
}

.examplepage .featured .column1 {
  vertical-align: top;
}

.examplepage .featured .column1 h3, .examplepage .featured .column1 p, .examplepage .featured .column1 .readmore {
  position: relative;
  top: 12px;
  left: 510px;
  width: 330px;
}

.featured h3 {
  font-size: 18px;
  text-shadow: rgba(0,0,0,0.19) 0 1px 0;
  text-align: left;
  /*text-transform: uppercase;*/
  margin-bottom: 0;
}

.featured .head {
  color:#aaa;
  margin-bottom: 24px;
}


/* @group reviews */

.reviewspage #hero h1 {
/*  position: absolute;
  top: 423px;
  float: none;*/
}

.reviewspage .featured .newsitem {
	position: relative;
	left: 0;
	top: 0px;
	margin-top: 32px;
	border-top:  1px solid #ddd;
	padding-top: 12px;
	height: 224px;
	overflow: visible;
 }

.reviewspage .featured p.head {
  display: none;
}


.reviewspage .featured .column1 p {
  position: relative;
  width:  312px;
  color: #333;
  font-size: 11px;
  line-height: 160%;
}

.reviewspage .featured .snippetcontent {
  position: relative;
  top:  12px;
}

.reviewspage .featured .snippetcontent blockquote {
  position: relative;
  left:  348px;
  top: -124px;
  width: 288px;
  border-color: #ddd;
}

.reviewspage .featured .snippetcontent blockquote p {
  font-size: 16px;
  width: 288px; 
  color: #666;
 }

.reviewspage .featured .snippetcontent img {
  float:  right;
  top: -36px;
  right: -12px;
  background-color: #fff;
}

.reviewspage .featured div.readmore {
  position: relative;
  top: -104px;
  font-size: 11px;
  color: #333;
  left: 0;
}


.reviewspage a:link, .reviewspage #content a:link, .reviewspage a:visited {
  /*border-bottom:1px dotted #ccc;*/
  border-bottom:0;
}
.reviewspage #content a.externallink:after {
}

.reviewspage #content .media a:link, .reviewspage #content a.readmore {
  border-bottom:0;
}

.reviewspage #content blockquote {
  margin: 12px 0 12px 0;
  padding: 0;
  border: 0; 
  font-family: 'Lucida Grande', sans-serif;
  font-size: 11px;
  color: #333;	
}
.reviewspage #content  blockquote p.quote {
  font-style: normal;
  display: inline;
  line-height: 140%;
}

.reviewspage blockquote p.author {
  font-size: 11px;
  font-style: normal;
  clear: none;
}

.reviewspage blockquote p.author:before {
  content: " ";
}

.reviewspage div.quote, .reviewspage div.newsitem {
}

.reviewspage div.quote {
  border-bottom: 1px solid #f67a1f;
  margin-bottom: 30px;
}

.reviewspage #content div.newsitem, .reviewspage #content div.quote {
  border-bottom: 1px solid #f67a1f;
  margin-bottom: 30px;
  padding-bottom: 36px;
}

.reviewspage .media {
  float: left;
  display: inline;
  
}

.reviewspage .snippetcontent img {
  float: left;
}

.reviewspage #content .snippetcontent p, .reviewspage #content div.quote a, .reviewspage #content div.newsitem a, .reviewspage #content p.quote  {
  font-size: 11px;
  color: #333;
  }
/*
.reviewspage .snippetcontent p, .reviewspage div.quote a, .reviewspage div.newsitem a  {
  font-family: "Adobe Garamond Pro", "Adobe Garamond", "Garamond", "Times New Roman", Times, serif;
  line-height: 140%;
  font-size: 14px;
  font-style: normal;
  margin: 0;
  padding: 0;
  border: 0;
}
*/



/* @end */

/* @group customers */

/* for customer page */

.customerspage h3 {
  display: none;
}

.customerspage p.head .postdate {
  display:none;
}

.customerspage blockquote {
  margin: 12px 6px 24px 6px;
  /*padding: 12px 12px 12px 12px;*/
  padding: 0;
  border: 1px solid #eee;
  /*border-width: 1px 0 1px 0;*/
  border: 0; 
 
}

.customerspage blockquote p.quote {
  line-height: 140%;
  font-size: 14px;
  font-style: normal;
}

.customerspage div.quote {
  border-bottom: 1px solid #f67a1f;
  margin-bottom: 30px;
}

.customerspage #content a.readmore {
  display: none;
}

/* @end */

/* for bottom of overview > home,express,pro pages */

.bottomexamples {
  margin: 9px;
  background-color: #f0f0f0;
  background: url(/istopmotion/images/bottomex.jpg) top left repeat-y;
}
.bottomexamples h2 {
  background: url(/istopmotion/images/bottomextop.jpg) top left no-repeat;
  color: #999;
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 0 -24px;
  padding: 12px 0 -18px 24px;
  text-shadow: rgba(255,255,255,1) 0 1px 0;
}
.bottomexamples .column1 {  
  margin-bottom: 0;
}

.bottomexamples .column3 {
  margin-left: 18px; 
}
.bottomexamples .top {
  height:  12px;
  background: url(/istopmotion/images/bottomexbot.png) top left no-repeat;
}
.bottomexamples .bottom {
  height:  18px;
  background: url(/istopmotion/images/bottomexbot.jpg) top left no-repeat;
}