/*  
 *  Theme Name: Contextured 3
 *  Theme URI: http://static.contextured.net
 *  Description: Theme developed for the Contextured.com website.
 *  Version: 1.0
 *  Author: Dal Hundal
 *  Author URL: http://static.contextured.net/
*/

/* CSS Document */

body
{
background-color:#F3F4F4;
margin:0px;
}

.topnavtext
{
/*font-family:Arial, Helvetica, sans-serif;*/
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#969696;
}

.topnavtext a:link{text-decoration:none; color:#969696;}
.topnavtext a:visited{text-decoration:none; color:#969696;}
.topnavtext a:hover{text-decoration:underline; color:#000000;}

h1
{
/*font-family:Futura Bk BT, Trebuchet MS, Arial;*/
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:28px;
color:#646061;
margin:0px;
}

h2
{
/*font-family:Futura Bk BT, Trebuchet MS, Arial;*/
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:20px;
color:#646061;
margin:0px;
}

.subText
{
/*font-family:Futura Bk BT, Trebuchet MS, Arial;*/
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:15px;
color:#A1A1A1;
font-weight:bold;
}

.arial16px
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#7F7F7F;
}
.arial16px a:link{text-decoration:3399CC; color:#3399CC;}
.arial16px a:visited{text-decoration:3399CC; color:#3399CC;}
.arial16px a:hover{text-decoration:none; color:#3399CC;}

.arial14px
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#7F7F7F;
line-height:18px;
}
.arial14px a:link{text-decoration:3399CC; color:#3399CC;}
.arial14px a:visited{text-decoration:3399CC; color:#3399CC;}
.arial14px a:hover{text-decoration:none; color:#3399CC;}

.arial14pxWhite
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
line-height:22px;
}
.arial14pxWhite a:link{text-decoration:3399CC; color:#FFFFFF;}
.arial14pxWhite a:visited{text-decoration:3399CC; color:#FFFFFF;}
.arial14pxWhite a:hover{text-decoration:none; color:#FFFFFF;}

.arial12px
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7F7F7F;
line-height:18px;
}
.arial12px a:link{text-decoration:3399CC; color:#3399CC;}
.arial12px a:visited{text-decoration:3399CC; color:#3399CC;}
.arial12px a:hover{text-decoration:none; color:#3399CC;}

.arial12pxWhite
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:18px;
}
.arial12pxWhite a:link{text-decoration:3399CC; color:#ffffff;}
.arial12pxWhite a:visited{text-decoration:3399CC; color:#ffffff;}
.arial12pxWhite a:hover{text-decoration:none; color:#ffffff;}

.arial14pxblack
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
line-height:18px;
}
.arial14pxblack a:link{text-decoration:3399CC; color:#3399CC;}
.arial14pxblack a:visited{text-decoration:3399CC; color:#3399CC;}
.arial14pxblack a:hover{text-decoration:none; color:#3399CC;}

.titleText
{
font-family:Futura Hv BT, Trebuchet MS, Arial;
font-size:18px;
color:#646061;
font-weight:bold;
}


.phone-number
{
font-family:Futura Bk BT, Trebuchet MS, Arial;
font-size:15px;
color:#B2B2B2;
line-height: 22px;
}

.mainbg
{
background-image:url(images/main-bg.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

.corner-text
{
font-family:Futura Bk BT, Trebuchet MS, Arial;
font-size:18px;
color:#000000;
font-weight:bold;
padding-left:10px;
}

.blog-title
{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#333333;
font-weight:bold;
}
.blog-title a:link{text-decoration:none; color:#0182CC;}
.blog-title a:visited{text-decoration:none; color:#0182CC;}
.blog-title a:hover{text-decoration:none; color:#0182CC;}

.mainText
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7B7B7B;
line-height:17px;
}
.mainText a:link{text-decoration:underline; color:#3E68B0;}
.mainText a:visited{text-decoration:underline; color:#3E68B0;}
.mainText a:hover{text-decoration:none; color:#3E68B0;}

.comments-blog
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.comments-blog a:link{text-decoration:none; color:#333333;}
.comments-blog a:visited{text-decoration:none; color:#333333;}
.comments-blog a:hover{text-decoration:underline; color:#0182CC;}

.month
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

.date
{
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#333333;
font-weight:bold;
text-transform:uppercase;
}

/* == FROM WORDPRESS */
/* Captions & aligment */

a img {
	border: none;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

/* CUSTOM */
.pricing_price {
	color: white;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
	float: right;
	text-align: center;
	width: 70px;
}
.pricing_price small {
	display: block;
	font-size:11px;
	font-weight: normal;
	text-align:center;
}

.cycleContent h2 {
	font-size: 28px;
}

#cycleContentPager a {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: white;
	float: left;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bg-counter.gif');
	width: 13px;
	text-decoration: none;
	height: 17px;
	line-height: 17px;
	margin-right: 3px;
	text-align: center;
	padding-left: 2px;
	padding-top: 7px;
}

#cycleContentPager a.activeSlide {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bg-counter-selected.gif');
}

.comment, .comment p {
	font-family: arial;
	font-size: 11px;
}

.commentsSection {
	border-top: 1px solid #e2e2e2;
}

.blog-title h1 {
	font-size: 17px;
}

#navigation {
	margin: 10px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/nav-bg.gif');
	height:37px;
	overflow: hidden;
}
#navigation ul {
	margin:0px;
	padding:0px;
	overflow: hidden;
	height:37px;
	float: left;
}
#navigation ul li {
	list-style: none;
	margin:0px;
	padding:0px;
	float: left;
	height: 37px;
}
#navigation ul li a {
	text-decoration: none;
	line-height: 37px;
	padding: 0px 10px;
	color: white;
	font-family: Futura BT, Helvetica, Arial, sans-serif;
	height: 37px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/main-nav-bg.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: bold;
	display: block;
}
#navigation ul li a:hover,
#navigation ul li.selected a {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/main-nav-bg-selected.gif');
}
#navigation ul li.__home a {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/home-icon.gif');
	width: 29px;
}
#navigation ul li.__home span {
	text-indent: -1000px;
	display:block;
}
#navigation ul.mainnav_right {
	float: right;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/main-nav-right-bg.gif');
	padding-left:23px;
}
#navigation ul.mainnav_right li a,
	#navigation ul.mainnav_right li a:hover {
	background-image: none;
	font-size: 15px;
	text-align: center;
}
#navigation ul.mainnav_right li.signup a {
	width: 55px;
}
#navigation ul.mainnav_right li.login a {
	width: 44px;
}

/* === PRODUCT TOUR === */

.__productTour h1 {
	text-align: center;
	margin-top: 20px;
}

.__productTour .productTourText h2 {
	color: white;
	font-size: 22px;
	margin-bottom: 5px;
}

.__productTour .productTourText h3 {
	margin: 0px;
	margin-bottom: 10px;
	font-size: 17px;
}	

#productTour {
	width: 830px;
	height: 410px;
	padding: 35px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bg_tour.png');
	margin: 10px;
	position: relative;
}

#productTour .btnPrevious {
	position: absolute;
	top: 415px;
	left: 630px;
}

#productTour .btnNext {
	position: absolute;
	top: 415px;
	left: 765px;
}

#productTour .btnFreeTrial {
	position:absolute;
	top: 410px;
	right: 27px;
}

#productTour div.productTourTitles {
	position: absolute;
	top: 387px;
	font-family: Helvetica, Arial, Sans-serif;	
}

#productTour div.productTourTitles h3 {
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	margin: 0px;
	cursor: pointer;
}

#productTour div.productTourTitles h4 {
	font-weight: bold;
	font-size: 16px;
	color: #e1e1e1;
	margin: 0px;
	cursor: pointer;
}

#productTour div.productTourTitles h4 a {
	color: #e1e1e1;	
}	

#productTour img.productTourImage {
	width: 390px;
	height: 310px;
	border: 1px solid #666;
}

#productTour div.productTourText {
	position: absolute;
	left: 440px;
	top: 45px;
	width: 445px;
	font-family: Helvetica, Arial, Sans-serif;
	color: white;
}

#productTour div.productTourText ul li {
	margin-bottom: 8px;	
}

#productTour div.productTourText a {
	color: white;
	text-decoration: underline;	
}

/* == OTHER == */
.hidden {
	display: none;
}

blockquote {
	display: block;
	padding: 0 10px;
	width: 540px;
	font-style: italic;
}

blockquote p {
	margin-bottom: -10px;	
}

blockquote p:before, blockquote p:after {
	color: #69c;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote p:before {
	content: open-quote;
	height: 0;
	margin-left: -33px;
	position:relative;
	top: 10px;
}

blockquote p:after {
	content: close-quote;
	/*height: 50px;
	margin-top: -70px;*/
	margin-left: 550px;
}

img.alignleft {
	margin: 0px 3px 3px 0px;
}

ul.fancy {
	padding-left: 25px;
}
ul.fancy li {
	list-style: none;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url(http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/arrow.gif);
	line-height: 19px;
	background-position: 0px 0px;
	font-size: 15px;
	padding-bottom:13px;
}
ol.fancy {
	font-size:1.5em;
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
	padding-left: 50px;
}
ol.fancy li {
	margin-bottom: 3px;	
}

ol.fancy li span {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 0.6666em;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

/* POPUP TIP */
#popupTip td.corner {
	width:19px;
	height:15px;
}
#popupTip td.corner.topleft {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-1.png');
}
#popupTip td.side.top {
	height: 15px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-2.png');
}
#popupTip td.corner.topright {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-3.png');
}
#popupTip td.side.left {
	width: 19px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-4.png');
}
#popupTip td.side.right {
	width: 19px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-5.png');
}
#popupTip td.corner.botleft {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-6.png');
}
#popupTip td.side.bot {
	height: 15px;
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-7.png');
}
#popupTip td.corner.botright {
	background-image: url('http://static.contextured.net/wordpress/wp-content/themes/contextured-3/images/bubble-8.png');
}
#popupTip td.side, #popupTip td.corner {
	background-color: transparent;
}
#popupTip td#popupTipContent {
	background-color: white;
}

#popupTip {
	display:none;
	color: black;
	position: absolute;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	z-index: 999999;
	margin: 5px;
}
.popupTipContent {
	display: none;
}
.popupTipTrigger {
	cursor:  help;
}
.popupTipTrigger.hover {
	text-shadow: 0 0 5px #FFFFFF;
}