/* Global */




ul,ol {
	list-style: none;
}


p {
	padding: 6px 0 12px 0;
	text-align: left;
}

b, strong {
	color: #598b93;
}

.two-col-right #content
.copy {
	float: none;
	width: auto
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

hr {
	display: none;
}


small {
	font-style: italic;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #83b2ba;
}

a, a:visited {
	text-decoration: none;
	color: #48aaf2;
}

a:hover {
	color: #3e92d3;
		cursor: pointer;
}


h1#logo {
	display: block;
	width: 360px;
	height: 100px;
	padding: 10px 0 0 5px;
	position: absolute;
}


h2.standalone {
	font-size: 1.4em;
	margin: 0 0 2px 0;
	padding: 10px 0 2px 35px;
}

#sidebar h3, #sidebar-home h3 {
	background: url('../images/b07V12_h2_sidebar_bk.gif') repeat-x bottom left;
	margin: 16px 0 0 0;
}

.portfolio_wrap h3 {
	float: right;
	width: 260px;
	font-size: 1em;
	margin: 7px 24px 2px 0;
	padding: 4px 0 3px 0;
	border-top: #d0e7ea 1px solid;
	border-bottom: #d0e7ea 1px dotted;
}

/* IE6 Fix */

* html .portfolio_wrap h3 {
	margin: 7px 12px 2px 0;
}


h3.comments {
	padding: 2px 0 8px 0;
}


.entry h2, .portfolio_wrap h2 {
	font-size: 1.8em;
	color: #1f2d3d;
	margin: 0 0 2px 0;
	padding: 6px 0 3px 0;
	line-height: 28px;
}

.entry h2 a, .entry h2 a:visited, .portfolio_wrap h2 a, .portfolio_wrap h2 a:visited {
	color: #1f2d3d;
	border: none;
}

.entry h2 a:hover, .portfolio_wrap h2 a:hover {
	color: #37717b;
}

.entry h3 {
	font-size: 1.6em;
	color: #1f2d3d;
	margin: 0 0 2px 0;
	padding: 6px 0 3px 0;
	line-height: 28px;
}

/* Global Style eof */

/* ../images */



.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}

.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}

.aligncenter {
	float: none;
	text-align: center;
}

blockquote p img.no-border {
	border: none;
	background: transparent;
	margin: 4px 0 -6px 0;
	text-align: left;
}

/* ../images eof */

/* Lists */


#sidebar ul {
	margin: 0 0 20px 0;
}

#sidebar ul img {
	margin: 1px 4px -1px 0;
}

#sidebar ul li a, #sidebar ul li a:visited {
	display: block;
	padding: 4px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: #21343c 1px dotted;
}

#sidebar ul li a:hover {
	background: #0c171f;
}

/* Lists eof */

/* Form Elements */

select,textarea {
	font-size: 13px;
	color: #29658f;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 4px 8px 4px;
	margin: 0;
	background-color: #e4f9fc;
	border: 1px solid #91bcc2;
}



input {
	font-size: 13px;
	color: #7f8a8c;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 4px 8px 4px;
	margin: 0;
	border: 1px solid #91bcc2;
	background: #e4fdfd url(../images/fieldback.gif) no-repeat;
}

input:focus,select:focus,textarea:focus {
	background: #cae7fc;
}

.search_form input {
	float: right;
	margin: 0 22px 0 0;
	border: none;
	width: 530px;
	font-size: 22px;
	font-style: normal;
	background: transparent;
	font-weight: bold;
	color: #bad6da;
}

.input_wrap {
	display: block;
	border: #767f80 1px solid;
	padding: 0;
	margin: 8px 0 0 0;
}


/* 7

px is the width of the rounded shape */
}

* html #global_nav .background .left {
	background: url('../images/bg_menu.gif') no-repeat top left;
}


/* Content */

#wrap {
	margin: 0 auto;
	height: auto;
	width: 960px;
}

/* Comments */

#comments_wrap {
	display: block;
	float: left;
	width: 557px;
	height: auto;
	margin: 0 0 0 58px;
	font-weight: normal;
	padding: 0;
}

* html #comments_wrap {
	margin: 0 0 0 15px;
}

ol.commentlist li {
	padding: 15px;
	border: #accfd6 1px solid;
	background: #d6ecee;
}

ol.commentlist li.alt {
	background: #f1f9fa;
}

#comments_form_wrap {
	background: url('../images/b07V12_commentform_bk.jpg') no-repeat top center;
	width: 517px;
	margin: 15px 0 0 0;
	padding: 130px 20px 10px 20px;
}

#comments_form_wrap form p {
	padding: 3px 0 6px 0;
}

#comments_form_wrap form p label {
	width: 80px;
	display: block;
	float: left;
	padding: 7px 0 0 0;
}

#comments_form_wrap input, #comments_form_wrap textarea {
	background: #fff;
	border: #b0d1d8 1px solid;
}

#comments_form_wrap textarea {
	width: 500px;
}

#comments_form_wrap input#comment-submit {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	background: #9da6a6 url('../images/b07V12_butt_back.jpg') repeat-x top center;
}

#comments_form_wrap input#comment-submit:hover {
	color: #2d6976;
}

img.avatar {
	background: #fff;
	padding: 3px;
	display: block;
	border: #b0d1d8 1px solid;
	margin: 5px 12px 0 0;
	float: left;
}



blockquote {
	margin: 0
0 6px 0
}

blockquote
p {
	margin: 0
}


<!-- Unchanged -->
a, a strong {
	color: #2173af;
}

address {
	font-style: normal;
	margin-bottom: 18px
}

blockquote {
	font: italic 15px/22px 'Georgia',serif;
	margin: 0
}

body {
	color: #636b75;
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	
}


cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 18px
}

code {
	overflow: hidden
}


dt {
	color: #d7e8ff;
	font-weight: bold
}

dd {
	margin: 0px 0px 18px 0px
}

h2 {
	color: #000;
	font: normal 30px/36px Arial, sans-serif;
	margin: 36px
0 18px 0;
	padding: 0
}

h2.hilite {
	color: #005eb0;
	font: normal 24px/30px Arial, sans-serif;
	margin: 54px
0 9px 0
}

h2.sifr {
	color:#787778;
	font: normal 30px/1em Arial, sans-serif;
	margin: 20px 0 18px 0;
	padding: 0
}

h2.sifr2 {
	color:#787778;
	font: normal 24px/1em Arial, sans-serif;
	margin: 20px 0 18px 0;
	padding: 0px;

}


h2.subhead{
	color: #47aef8;
	font: 24px/1em Arial, sans-serif;
	margin: 20px 0 18px 0;
	padding: 0px;
}



h2.prices {
	color:#787778;
	font: normal 24px/1em Arial, sans-serif;
	margin: 35px 0 10px 0;
	padding: 0px;
	border-bottom: 1px solid #c1eaf3;
}

h2.icon {
	padding: 0
0 6px 50px
}

h2.icon em {
	color: #797c80;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 1
}

h3 {
	color: #000;
	font: normal 18px/27px Arial, sans-serif;
	margin: 0 0 18px 0;
	padding: 0
}

h4 {
	color: #3e434a;
	font: bold 15px/20px Arial, sans-serif;
	margin: 27px 0 18px 0;
	padding: 0
}

h5 {
	color: #3e434a;
	font: bold 13px/18px Arial,sans-serif;
	margin: 0;
	padding: 0
}

hr {
	display: none
}

.hr {
	border-top: 1px solid #e5e6e8;
	height: 0;
	margin: 36px
0
}

img {
	border: none
}

li {
	margin-bottom: 18px;
}

p {
	margin: 0 0 18px 0;
	padding: 0
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap
}

small {
	font-size: 11px;
}

strong {
	color: #3e434a;
}


.table1{
}

.table1 table {
	border: none;
	border-collapse: collapse;
	margin-bottom: 45px;
}



.table1 table td, .table1 table th {
	border-bottom: 1px solid #d7d7d7;
	color: #3e434a;
	padding: 6px 60px 4px 20px
}

th {
	background: url('../images/bg_th.png') repeat-x 0 0;
	text-shadow: 1px 1px 0 #fff
}

th.first {
	background: url('../images/bg_th-left.png') no-repeat 0 0
}

th.last {
	background: url('../images/bg_th-right.png') no-repeat right top
}

tr {
	
}

ul {
	
}

ul.plain {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.plain
li {
	margin-bottom: 9px
}


.leader {
	font: 18px/27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}



#contactroibody {
	padding: 0px 40px 10px 40px;
	text-align: left;
	width: 720px;
}



.figure-1 {
	display: inline;
	float: left;
	margin: 0
27px 27px 0
}

.figure-1a {
	display: inline;
	float: left;
	margin: 0 10px 3px 0
}

.figure-2 {
	text-align: center;
	margin: 0
auto
}

.figure-3 {
	display: inline;
	float: right;
	margin: 0
0 27px 27px
}



.vbox1 {
	background: #fff url('../images/bg_vbox-btm.png') no-repeat left bottom;
	margin-bottom: 18px;
	padding: 0
13px 13px 13px;
	width: 189px
}

.vbox1 h3 {
	background: #cccbcb url('../images/bg_vbox1-top.png') no-repeat 0 0;
	color: #3e434a;
	font: bold 13px/18px Arial;
	margin: 0
-13px 18px -13px;
	padding: 7px
13px;
	text-shadow: 1px 1px 0 #fff
}

.vbox1 .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px
}

.vbox1 .figure-a {
	margin-right: 9px
}



.clear:after,
.section:after,
#body:after,
#body-right:after,
#copy_wrap_right:after,
#content:after,
#content .copy:after,
.intro:after,
.features:after,
.clients:after,
.pricing:after,
.vbox:after,
.hbox:after,
.community:after,
#screen-cast-filter:after,
#screencasts-list:after,
#email-clients:after,
#email-templates-filter:after,
#email-templates-filter ul:after,
#email-templates:after,
#email-templates p:after,
.giving-back .sub-copy:after,
.pagination:after,
.categories:after,
.hentry:after,
form div.text:after,
form div.textarea:after,
.gt:after,
.gr:after,
#links #related-screencasts li:after,
#comment-form .textarea:after,
#forums #comments .entry:after,
#forums .post-meta:after,
.two-col #content .sub-copy:after,
#customers .using #content ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clear,
.section,
#body,
#content,
#content .copy,
.intro,
.features,
.clients,
.pricing,
.vbox,
.hbox,
.community,
#screen-cast-filter,
#screencasts-list,
#email-clients,
#email-templates-filter,
#email-templates-filter ul,
#email-templates,
#email-templates p,
.giving-back .sub-copy,
.pagination,
.categories,
.hentry,
form div.text,
form div.textarea,
.gt,
.gr,
#links #related-screencasts li,
#comment-form .textarea,
#forums #comments .entry,
#forums .post-meta,
.two-col #content .sub-copy,
#customers .using #content
ul {
	display: inline-block
}

/*\*/

.clear,
.section,
#body,
#content,
#content .copy,
.intro,
.features,
.clients,
.pricing,
.vbox,
.hbox,
.community,
#screen-cast-filter,
#screencasts-list,
#email-clients,
#email-templates-filter,
#email-templates-filter ul,
#email-templates,
#email-templates p,
.giving-back .sub-copy,
.pagination,
.categories,
.hentry,
form div.text,
form div.textarea,
.gt,
.gr,
#links #related-screencasts li,
#comment-form .textarea,
#forums #comments .entry,
#forums .post-meta,
.two-col #content .sub-copy,
#customers .using #content
ul {
	display: block
}



#nav-02-01 {
	background: url("../images/bg-sub_nav_02_01-top.png") no-repeat top left;
	margin: 0
0 180px 0;
	padding: 0;
	width: 191px
}

#nav-02-01
li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative
}

#nav-02-01
li.current {
	font-weight: bold
}

#nav-02-01 li#nav-el-654 {
	background: url("../images/bg-sub_nav_02_01-btm.png") no-repeat bottom left
}

#nav-02-01 li
a {
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #fff;
	display: block;
	line-height: 37px;
	padding-left: 35px;
	width: 156px
}

#nav-02-01 li a
img {
	position: absolute;
	top: 11px;
	left: 12px
}

#nav-02-01 li#nav-el-656
a {
	border-top: 0
}

#nav-02-01 li#nav-el-654
a {
	border-bottom: 0
}

#features .leader {
	font-family: Arial,Helvetica;
	color: #7b8188;
	margin-bottom: 36px
}

#features table {
	margin-bottom: 27px
}

#features .primary {
	display: inline;
	float: left;
	margin-top: 0;
	width: 436px
}

#features .secondary {
	display: inline;
	float: right;
	margin-top: 0;
	width: 242px
}

.section {
	margin: 27px 0;
	position: relative
}

.section h3 {
	line-height: 24px;
	font-weight: normal;
	margin-top: 0
}

.figure {
	margin-bottom: 18px
}

.figure-a {
	float: left;
	margin-right: 27px
}

.figure-a-breakout {
	margin-left: -44px
}

.figure-a-1,.figure-c-1 {
	position: absolute
}

.figure-a-1 {
	top: 0;
	left: 0
}

.figure-c-1 {
	top: 0;
	right: 0
}

.figure-c {
	float: right;
	margin-left: 27px
}

.sg .gallery {
	background: no-repeat bottom left;
	position: relative;
	margin-bottom: 18px;
	padding: 0 0 12px 0
}

.sg .gallery h4,
.sg .gallery p {
	color: #797c80;
	margin-top: 0;
	margin-bottom: 9px;
	padding-left: 19px;
	padding-right: 19px;
	line-height: 16px
}

.sg .gallery h4 {
	background: no-repeat top left;
	font-size: 12px;
	margin: 0;
	padding-top: 18px
}

.sg .gallery p {
	font-size: 11px;
	margin: 9px
0
}

.sg .gallery ol,
.sg .gallery li {
	float: left;
	margin: 0px;
	padding: 0;
	list-style-type: none
}

.sg .gallery ol {
	border-top: 1px solid #ebebeb;
	clear: both;
	padding: 5px
11px 0 11px;
	margin-top: 4px
}

.sg .gallery li a {
	display: block;
	outline: none;
	position: relative
}

.sg .gallery li a span {
	background: url("../images/icon-blur-plus.png");
	display: none;
	height: 0;
	overflow: hidden;
	padding-top: 28px;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px
}

.sg .gallery li a:hover span {
	display: block
}

.sg .gallery li a:active,
.sg .gallery li a:focus {
	outline: none
}

.sg .gallery a.screencast span {
	background: url("../images/icon-47x47-play.png") no-repeat center center;
	display: block;
	width: 174px
}

.sg .gallery a.screencast:hover span {
	background-image: url("../images/icon-47x47-play-over.png")
}

.sg-a .content {
	display: inline;
	float: right
}

.sg-a .gallery {
	display: inline;
	float: left;
	margin-right: 27px
}

.sg-c .content {
	display: inline;
	float: left
}

.sg-c .gallery {
	display: inline;
	float: right;
	margin-left: 27px
}

.sg-1 .content,
.sg-2 .content {
	width: 345px
}

.sg-1 .gallery,
.sg-2 .gallery {
	background-image: url("../images/bg-screenshot_gallery-btm.png");
	width: 333px
}

.sg-1 .gallery h4,
.sg-2 .gallery h4 {
	background-image: url("../images/bg-screenshot_gallery-top.png")
}

.sg-1 .gallery .screencast,
.sg-2 .gallery .screencast {
	position: absolute;
	top: 6px;
	right: 11px
}

.sg-1 .gallery a.screencast span,
.sg-2 .gallery a.screencast span {
	padding-top: 141px
}

.sg-1 .gallery h4,
.sg-1 .gallery p {
	float: left;
	padding-right: 198px
}

.sg-1 .gallery
.intro {
	height: 148px
}

.sg-1 .gallery>.intro {
	height: auto;
	min-height: 148px
}

.sg-3 .content {
	width: 450px
}

.sg-3 .gallery {
	background-image: url("../images/bg-screenshot-228x500_gallery-btm.png");
	width: 228px
}

.sg-3 .gallery h4 {
	background-image: url("../images/bg-screenshot-228x500_gallery-top.png")
}

.sg-3 .gallery a.screencast
span {
	padding-top: 130px
}

#feature-index ul li {
	float: left;
	width: 280px;
}

.icon-list,
.icon-list ul,
.icon-list li {
	margin: 0;
	padding: 0;
	list-style: none;
	/*position: relative;*/
	position:inherit;
}

.icon-list li ul li{
	list-style: disc inside !important;
	margin-bottom: 5px;
}

.icon-list h2 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
	margin-bottom: 36px
}

.icon-list img {
	left: 0;
	position: absolute;
	top: 0;
}

.icon-list p {
	font-size: 14px;
	line-height: auto;
}

.icon-list .gt {
	margin-top: 27px
}

.icon-list .gr {
	/*clear: both;*/
}

.icon-list .gc {
	margin-bottom: 18px;
	position: relative
}

.icon-list .gc h3 {
	margin-bottom: 9px;
	margin-top: 0
}

.icon-list .gc h3,
.icon-list .gc p,
.icon-list .gc ul {
	margin-left: 63px
}

.icon-list .gr-2 .gc,
.icon-list .gr-3 .gc,
.icon-list .gr-4v.gc {
	float: left;
	margin-right: 2%
}

.icon-list .gr-2 .gc h3,
.icon-list .gr-3 .gc h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px
}

.icon-list .gr-2 .gc p,
.icon-list .gr-3 .gc p {
	font-size: 12px
}

.icon-list .gr-2 .gc {
	width: 48%
}

.icon-list .gr-3 .gc {
	width: 31.3%
}

.icon-list .gr-4 .gc {
	width: 23%
}