body  {
	font: 100% Arial, Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	background: url('/images/bg.gif') top left repeat-x #c9f2ba;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:1.2em
}

/*- - MINOR - -*/

h1{ font: 150%/130% Arial, Helvetica, sans-serif; text-transform:capitalize; color:#89c984}
h2{ font: 14px Arial, Century Gothic, "Cooper Black", Times, serif; text-transform:capitalize; font-weight:bold; color:#89c984}
h2 a{color:#89c984}
h2 a:hover{color:#768e9d}

/* - - GLOBAL - - */
a{text-decoration:none}
a:hover{text-decoration:underline}

a.cancel{text-decoration:none; color:#ff4400; text-transform:capitalize}
a.cancel:hover{text-decoration:underline; background-color:#ff4400; color:#fff; padding:3px}

.small{ font-size:xx-small}
p{padding:4px 0}

input.check{width:20px; border:none; background:none}
input.button{ background:url('/images/signbutton.png') no-repeat; height:26px;  width:76px; border:none; margin-top:6px }
input.button:hover{ background:url('/images/signbutton.png') no-repeat; background-position:0 -26px}
input.button_reg{ background:url('/images/regbutton.png') no-repeat; height:26px;  width:76px; border:none; margin-top:6px }
input.button_reg:hover{ background:url('/images/regbutton.png') no-repeat; background-position:0 -26px}

.search{ font-size: small; color:#c7d4de; background:url('/images/search_icon.gif') top left no-repeat; padding-left:20px}
.left{float:left; width: auto}
.right{float:right; width:auto}
.meta{background:#f9fbff; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:0 3px}
.textright{float:right; width:82%; padding-left:5px; border-left:1px solid #e2e2e2}
.bold, label, legend {font-weight: bold !important;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* - - HEADER - - */
#welcome{ background:url('/images/suggrad.gif') top left repeat-x #fff; color:#e05921; border-bottom: 1px solid #F5CAA0; font-size:12px; line-height:1.6em; padding:10px 50px;}
#welcome span{text-transform: capitalize}
#welcome a{  color:#505050; text-decoration:none; font-size:12px; font-weight:bold}
#welcome a:hover{ text-decoration: underline}
#welcome a:visited{ color:#949494}

/* - - TAB - - */
#tab{background: none; padding:0; width:100%; float:left; position:relative  }
#tab div#media{width:540px; margin:0 auto; clear:both}


#tab ul.mid li{ width: 224px; min-height:230px; height:auto !important; height:230px; display:inline; position:relative; float:left }

#tab ul.mid li p{ 
	font: 12px Arial, Helvetica, sans-serif; 
	text-align:center; 
	padding:10px 0;
	line-height:1.8em;
	color:#004276;
	text-align:center;
	width:100%;
	position:relative; overflow:hidden;
	float:left
}
/*#tab ul.mid li.box1{ background:url('/images/vid.gif')  0 0 no-repeat }
#tab ul.mid li.box1:hover{ background-position:0 100% }
#tab ul.mid li.box2{ background:url('/images/screenshots/2.gif')  top center no-repeat }
#tab ul.mid li.box3{ background:url('/images/screenshots/3.gif')  top center no-repeat }
#tab ul.mid li.box4{ background:url('/images/screenshots/4.gif')  top center no-repeat }
#tab ul.mid li.box5{ background:url('/images/screenshots/6.gif')  top center no-repeat }
#tab ul.mid li.box6{ background:url('/images/screenshots/5.gif')  top center no-repeat }
#tab ul.mid li:hover{ background-position:bottom}*/

#tab ul.mid strong{font-family: Georgia, serif; font-size:12px}
#tab a{ display:block}
#tab a.nav{ float:left; width: 224px; min-height:166px; height:auto !important; height:166px; display:block; position:relative }
#tab a:hover{text-decoration:none}

#tab a.box1{ background:url('/images/vid.gif')  0 0 no-repeat }
#tab a.box1:hover{ background-position:0 100% }

#tab a.box2{ background:url('/images/vid.gif') 20% 0 no-repeat }
#tab a.box2:hover{ background-position:20% 100% }

#tab a.box3{ background:url('/images/vid.gif') 40% 0 no-repeat }
#tab a.box3:hover{ background-position:40% 100%}

#tab a.box4{ background:url('/images/vid.gif')  60% 0 no-repeat }
#tab a.box4:hover{ background-position:60% 100%}

#tab a.box5{ background:url('/images/vid.gif')  100% 0 no-repeat }
#tab a.box5:hover{ background-position:100% 100%}

#tab a.box6{ background:url('/images/vid.gif')  80% 0 no-repeat }
#tab a.box6:hover{ background-position:80% 100%}

#tab ul.mid strong{font-family: Georgia, serif; font-size:12px}

#tab.vid{ position:relative; width:100%; display:block }

span.number{ display:block; position:absolute; top:10px; left:15px; padding:10px 0; font-weight:bold; color:#fff; font-size:40px }

span.desc{ display:block; position:absolute; bottom:5px; width:100%; padding:10px 0; text-align:center; color:#0aaafd; font-size:12px; z-index:5 }

div#media{ position:relative; z-index:4 }

#vidscroll{ /*padding-top:30px; padding-bottom:6px;*/ padding:6px 0;  position:relative; background:url('/images/vidscroll.gif') #327ebe top left no-repeat }
#vidscroll em{ background:url(/images/vidscroll.gif) bottom left no-repeat; width:100%; height:6px; position:absolute; bottom:-1px; left:0}

#vidscroll ul{width:642px; margin:0 auto}
#vidscroll li{width: 97px; display:inline; float:left; margin:0 5px }

#vidscroll a, #vidscroll a:visited {
	position: relative;
	display: block;
	width: 97px; height:97px;
	line-height: 30px;
	text-align: right;
	padding: 0;	margin: 0;
	border: none;
	text-decoration: none;
	font-size: 0.8em;
	color: #000
}

#vidscroll a span { display: none }

#vidscroll a:hover { color: #fff }

#vidscroll a:hover span{
	display: none;
	text-indent: 0;
	position: absolute;
	top: -30px;
	left: 0;
	width: 600px;
	background: #327EBE;
	text-align: center;
}

#vidscroll a.thumb1{background:url('/images/vidthumb1.gif') top no-repeat}
#vidscroll a.thumb2{background:url('/images/vidthumb2.gif') top no-repeat}
#vidscroll a.thumb3{background:url('/images/vidthumb3.gif') top no-repeat}
#vidscroll a.thumb4{ background:url('/images/vidthumb4.gif') top no-repeat }
#vidscroll a.thumb5{ background:url('/images/vidthumb6.gif') top no-repeat }
#vidscroll a.thumb6{ background:url('/images/vidthumb5.gif') top no-repeat }

#vidscroll a:hover{background-position:bottom}
#vidscroll a.active{background-position:bottom}

#tab_content{float:right; width:450px; margin:4px 0; padding:0}
#tab_content div{ min-height:120px; height:auto !important; height:120px; padding:15px 0;}

#tab_content div.contact{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.push{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.pull{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.list{background:url('/images/snap.jpg') left no-repeat}

#tab_content p{ margin: 0 0 0 15em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */}


/*- - - - - - S I D E N A V I G A T I O N - - - - - -*/
#navi{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold; margin-top:10px;
	float:left;
	width:70px;
	position:absolute
}

#navi a{ color:#000; padding:4px 50px 4px 4px}

#navi ul{list-style:none}
#navi li{width:90px; margin:2px 1px}

#navi a.blog{background:url('/images/navi0.gif') top left no-repeat}
#navi a.home{background:url('/images/navi1.gif') top left no-repeat}
#navi a.plan{background: url('/images/navi2.gif') top left no-repeat}
#navi a.sign{background:url('/images/navi3.gif') top left no-repeat}
#navi a.log{background:url('/images/navi4.gif') top left no-repeat}
#navi a.vid{background:url('/images/navi5.gif') top left no-repeat}

#navi a:hover{ color:#84c984; text-decoration:none; background-position: 0 -20px}

.date{width:10%; margin:6px 0; margin-right:15px; padding:2px; background:#C9F2BA}
.date .day{ width: 100%; font-size:24px; font-weight:bold; float:left; text-align:center}
.date .month{  width:100%; font: 10px Arial, Helvetica, sans-serif;  position:relative; text-align:center}
.date span{	font-family: Arial, Helvetica, "myriad pro","lucida grande", sans-serif; font-size: 28px; color: #47a43b}

/* - - - E N D N A V I - - - */


.thrColElsHdr #container { 
	width: 736px;
	margin: 0 auto;
	text-align: left;
}
 
.thrColElsHdr #header { 
	background:url('/images/header.gif') top center no-repeat; 
	overflow:hidden;
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header .left {
	position:relative; 
	float:left; 
	width:5px; 
	background:url('/images/header.jpg') bottom left no-repeat;
	z-index:150; 
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header .right {
	position:relative; 
	float:right; 
	width:5px; 
	background:url('/images/header.jpg') bottom right no-repeat;
	z-index:150; 
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header img.banner{ position:absolute; width:876px; height:192px;}

.thrColElsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.thrColElsHdr #notes{ /*background:url('/images/gradient.png') #fdfdd7 top left repeat-x*/ 
	background:url('/images/notes.gif') top left no-repeat;
	width:736px;
	height:54px
}

/*.thrColElsHdr #notes{ background:url('/images/top.gif')  top left repeat-x }*/
.thrColElsHdr #notes p{ 
	font:12px Arial, Helvetica, sans-serif;
	text-align:center; 
	color: #cf5700; 
	line-height:1em; 
	position:relative;
	bottom:-8px
}

.thrColElsHdr #notes a, a:visited, span{ color:#ba5b0f; font-weight:bold }

/*old 1
.thrColElsHdr #sidebar1 {
	background:#f1f6ff;
	border:1px solid #dde9f5;
	font-size:0.85em;
	float: left;
	width: 25em; 
	margin: 15px 
}

input{background:#f1f6ff; margin:2px; font: 10px Lucida Grande, Arial, Helvetica, sans-serif; font-weight:bold; width:250px; padding:5px; color:#758e9d}

.thrColElsHdr #sidebar1 p{font:10px Arial, Helvetica, sans-serif bold; line-height:1.5em}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}

#one, #two{background:#f9fbff; margin:30px 4px 4px 4px}
#one input.button{ background:url('/images/signbutton.png') no-repeat; height:26px;  width:76px; border:none; margin-top:6px }
#one input.button:hover{ background:url('/images/signbutton.png') no-repeat; background-position:0 -26px}
*/

.thrColElsHdr #mainContentheader{ background:url('/images/footer.gif') top left no-repeat; padding-top:60px}
.thrColElsHdr #mainContentheader .right{ background:url('/images/footer.gif') top right no-repeat;}

.thrColElsHdr #mainContent {
	background:url('/images/bottom_bg.gif') bottom repeat-x;
	/*border-right:1px solid #a4d7b7;*/
	font-size:12px;
	color:#758e9d;
}
.thrColElsHdr #mainContent span.share{ display:block; float:left; background:#327EBE; width:100%; text-align:center}
.thrColElsHdr #mainContent span.share a{color: #fff; font-size:10px; padding:2px; font-weight:bold}
.thrColElsHdr #mainContent span.share a:hover{ text-decoration:none; color:#c9f2ba }

.thrColElsHdr #mainContent .rightbg {
	position:relative;
	float:right;
	width:5px;
	background:url('/images/footer.gif') top right no-repeat;
	z-index:150
}

.thrColElsHdr #mainContent ul.bottom{list-style:none}
.thrColElsHdr #mainContent ul.bottom li{ float:left; width:200px; display:inline; padding:0 5px}

.thrColElsHdr #mainContent .blogpost{width:400px; padding-right:5px; padding-top:5px; font-size:12px;  line-height:2em}
.thrColElsHdr #mainContent .blogpost h2{font-size:16px}
.thrColElsHdr #mainContent .blogpost a:visited{color:#47a43b}

.thrColElsHdr #mainContent .sidebar{float: left; width: 28%; text-align:right; padding:0; margin:0 10px; position:relative; top:-15px}
.thrColElsHdr #mainContent p.quote{width:90%; margin:0 5px; color:#247fe6; font:14px Bookman Old Style, Georgia, 'Times New Roman', Times, serif; text-align:center; line-height:1.8em}

.thrColElsHdr #footer {
	margin-bottom:20px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background: url(/images/fp_footer2.jpg) #f9f9f9 top left repeat-x ;*/
	background: url(/images/footer.gif) bottom left no-repeat;
}

.thrColElsHdr #footer .rightbg {
	position:relative; 
	float:right; 
	width:5px;
	background:url('/images/footer.gif') bottom right no-repeat;
	min-height:87px; height:auto !important; height:87px;
	z-index:150;}
	
.thrColElsHdr #footer p {
	font:10px Arial, Helvetica, sans-serif bold;
	font-weight:bold;
	color:#758e9d;
	text-align:center; position:relative; top:5px;
	padding: 42px 25px 15px 0
}

.thrColElsHdr #footer a{color:#33cc00}
.form_error{ font-size:10px; color:#ff3237; width:220px; float:right}

.thrColElsHdr #footer2 {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(/images/fp_footer2.jpg) top left repeat-x ;
	/*background: url('/images/fp_footer.jpg') #f9f9f9 top left repeat-x;*/
	padding:0 10px;
} 

.thrColElsHdr #footer2 p {
	font:10px Arial, Helvetica, sans-serif bold;
	font-weight:bold;
	color:#758e9d; line-height:1.8em;
}

.thrColElsHdr #footer2 a{color:#33cc00}
.thrColElsHdr #footer2 a:hover{text-decoration:underline}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*login form*/
#login_form{font:12px Arial, Helvetica, sans-serif; color:#327ebe}
#login_form div.form-row-info{position:relative; top:-50px; float:right; left:-25px; padding:3px 30px}
#login_form form fieldset{ border:none; width:350px; margin:60px auto; padding:20px 30px 20px 40px; background:url('/images/login_box.gif') top left no-repeat }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#login_form form fieldset{  padding:20px 30px 25px 40px}
}
	
#login_form input.text{border:1px solid #e1e1e1; padding:10px 5px; width:300px; background:#fff; margin-bottom:4px}
#login_form input.text:focus{ border:1px solid #a4b6c8}
/*end login form*/



/*signup form*/
#signup_form{/*background:url('/images/login_box_bg.gif') #fff top left repeat-y;*/  font:12px Arial, Helvetica, sans-serif; color:#327ebe; margin:0 auto; margin-bottom:30px}

#signup_form div.form-row{background:url('/images/dotline.gif') #f9fbff bottom left repeat-x; padding:10px 50px; border-bottom:1px solid #fff}
#signup_form div.form-row-alt{background: none; padding:10px 50px; border-bottom:1px solid #fff}
#signup_form div.form_error{	
	background:url('/images/error_bg3.gif') #feedb7 top left no-repeat; 
	overflow:hidden; 
	border:1px solid #d38333;
	padding:3px 0 3px 20px;
	color:#d38333
}

#signup_form div.form_error li{ background:url('/images/icon/icon_alert.gif') center left no-repeat; padding-left:25px; font-size:12px }
#signup_form div.form_error a{color:#d38333; border-bottom:1px dotted #d38333; text-decoration:none}
#signup_form div.form_error a:hover{border-bottom:1px solid #d38333}

#signup_form a{color:#ff4400}
#signup_form a:hover{color:#fff}
#signup_form fieldset{border:none}
#signup_form input.text{border:1px solid #e1e1e1; padding:5px 3px; width:300px; background:#fff; margin-bottom:4px}
#signup_form input.text:focus{ border:1px solid #a4b6c8}
#signup_form input.button_reg{ margin-left:50px }

/*END signup form*/


#partner{background:url('/images/footer_bg.gif') #fff top left repeat-y; padding:0 15px}
#partner div{width:68%; float:right; display:block}
#partner img:hover{ background-position:bottom}
#partner h1{ color:#327ebe; font-size:14px; font-weight:bold}