/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

#container {
	margin-top:3px;
}

body, button, input, select, textarea { font-family:'myriad-pro', sans-serif; font-weight: 400; color: #494949;font-family:Arial, Helvetica, sans-serif; background:#f5f5f5; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #D1ECFF; text-shadow: none; }
::selection { background: #D1ECFF; text-shadow: none; }

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #666; text-decoration: none;}
 
a:hover { color: #1195bd; text-decoration: underline;}
	nav#primary a, nav.children a { display:block}
	nav#primary a:hover, nav.children a:hover {text-decoration: none; color:#70B33C;}
	nav#primary a:hover span { color: #56a0b6;}
	
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading p, .wf-loading li {
	visibility: hidden;
}
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active p, .wf-active li {
	visibility: visible;
}
.wf-loading {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:.6em;
}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr {
	display: block;
	border: 0;
	margin: 120px 0 0 0px;
	padding: 0;
	background: url(../new-images/hr.png) no-repeat scroll 0 -45px;
	width: 700px;
	height: 100px;
	clear: both;
}

	.excerpt hr {margin: -23px 0 -39px -135px}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }
h1 small, h2 small, h3 small { font-size: 60%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

body#home { background: #f5f5f5 url(../new-images/bg-header.jpg)top repeat-x;}

body#home article .headline {
	margin-top:10px; line-height:40px;
	line-height:1em; padding-bottom:7px;
	font-size:2.2em;background: url(../new-images/home-break.jpg) center bottom no-repeat; text-align:center;
}
#home { background:#f5f5f5;}
body#home article h1 {
	font-size:1.2em;
	line-height:0;
	margin-top:0px
}
body#home h1, article p.headline, h2, body.blog h1 {
	text-align: center;
	font-weight: 500;
	letter-spacing: -1px;
	color:#494949;
}
article p.headline, body.blog h1 {
	font-size:2.3em;
	line-height: 1em;
	margin:50px 0 15px 0;
}

body#home h2 {margin:0px 0 0 0; font-size:2.2em}

h2 {
	font-size:2em;
	margin:20px 0 20px 0;
}
	article h2 {
		clear:both;
		margin-top: 20px; text-align:left; line-height:1.2em;
	}
h3 {
	margin-bottom:0px;
	color:#515151;
	font-weight:600;
	font-size:1.2em;
}
	h3 span {
		font-weight:300;
	}
	article h4 {
		margin-bottom:0;
	}
p {
	margin-top:5px;
	margin-bottom:20px;
}
blockquote {
	border: 1px solid #E6E6E6;
	background: white url(../new-images/quote-mark.png) no-repeat 8px 5px;
	margin: 20px 4px 20px 4px;
	padding: 35px 15px 15px 75px;
	line-height: 1.8em;
	font-size: 1.3em;
	font-weight: 300;
	font-style: italic;
	
}
div.quote {
	clear:both;
}

div.quote-tucked-top {
	background:url(../new-images/quote-box-top.png) no-repeat 0 0; width:388px; height:24px; margin-left: -50px;
}
div.quote-tucked-box {
	background: url(../new-images/quote-box-repeat.png) repeat-y 0 0; width: 388px; margin-left: -50px; 
}
.quote-tucked-box p {
	margin:0;
}
div.quote-tucked-box span {
	background: url(../new-images/quote-box-mark.jpg) no-repeat 26px 0;
	display: block;
	padding-right: 20px;
	padding-top: 24px;
	color: #717171;
	font-size: 1.1em;
	line-height: 1.7em;
	padding-left: 50px;
}
div.quote-tucked-box .author {
	color:#333333;
	font-size:1.3em;
	font-weight:400;
	font-style:italic;
	margin: 15px 0 -6px 0;
	padding-left: 50px;
}
div.quote-tucked-box .location { 
	color:#b3b3b3;
	text-transform:uppercase;
	margin:0;
	font-weight:600;
	padding-left: 50px;
	padding-bottom:20px;
}
div.quote-tucked-bottom {
	background:url(../new-images/quote-box-bottom.png) no-repeat 0 0;
	width:388px;
	height:39px;
	margin-left: -50px;
}









	/*div.quote {  									<== I believe these styles are no longer in use, they were for initial slicing only
			clear:both;
			text-align: center;
			border:1px solid #d7d7d7;
			width:700px;
			background:#FFF;
			margin: 0 auto 60px auto;
		}
		span.quote-shadow {
			background: url(http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/quote-shadow.png) no-repeat center -8px;
			width: 700px;
			height: 18px;
			display: block;
			margin-bottom: 60px;
		}*/
	blockquote footer {
		background:none;
		padding:0;
		color:#616161;
		font-weight:600;
		font-size:1em;
		margin-top:10px;
	}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
li	{
	list-style: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
#contact form {
	width:300px;
}
#contact form li {
	background:url(../new-images/form-input-bg.png) no-repeat 0 0;
	margin-left:24px;
	position:relative;
	height:60px;
}
#contact form li.required {background-image:url(../new-images/form-input-bg-required.png);}
#contact form input, #contact form textarea, #contact form label {
	position:absolute;
}
#contact form input, #contact form textarea {
	border-width:0;
	background:url(../new-images/x.gif);
}
#contact form label, #contact form input {
	font-size:1.2em;
}
#contact form label {
	top: 18px;
	left: 20px;
	color:#afafaf;
	font-style: italic;
}
#contact form input {
	color:#494949;
	top: 9px;
	left: 8px;
	height: 28px;
	width: 327px;
	padding-left:10px;
}

#contact form li.blurred label {
	color: #e2e2e2;
	cursor: text;
	text-align:right;
}
#contact form li.textarea {
	background-image:url(../new-images/form-textarea-bg.png);
	top: 0px;
	left: 0px;
	width: 348px;	
	height:172px;
	padding: 12px;
	font-size: 1.1em;
}
#contact form li textarea {
	top: 8px;
	left: 7px;
	width: 339px;
	height: 150px;
}
#contact-business {
	display:none;
}
#contact li.submit {
	background:url(../new-images/form-submit.png) no-repeat 0 0;
	height:50px;
}
#contact li.submit:hover {
	background-position:0 -53px;
}

fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; padding-top:5px; padding-bottom:5px}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid { 
	padding-left: 2px;
}
input:invalid, textarea:invalid {  }
input.submit:valid {background:#e2e2e2}
li.valid label {
	display:none;
}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

.contain {
	width:980px;
	margin:0 auto;
}

.row {
	margin-left:-28px;
}
.row li a { color:#70B33C;}
#home header	{
	 
	height:515px;
	overflow:hidden;  
}

#logo {
	margin:20px 0 0 0;
	float:left;
}

#secondary { 
	float:right; 
	margin-top:3px;
	padding:0;
	position:relative;
	color:#757575;
	font-weight:200;
	text-transform: uppercase;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#secondary ul { margin:0 0 0 10px;	height:37px; float:left;}
#secondary li { margin-right:1px; float:left;}
#secondary li a.current {color: #117391; font-weight:400}
#secondary .splint {width: 1px;	height: 38px;background-color: #d3d3d3;	position: absolute;	right: 120px;}
#secondary #contact, nav#secondary #phone { font-weight:600; color:#000;}
#secondary #contact {
	padding-left: 14px;
	margin-left:0px;
	margin-right:4px;
	background: url(../new-images/icon-envelope.png) no-repeat 0 11px;
}
#secondary #phone {
	background: url(../new-images/icon-phone.png) no-repeat 0 11px;
	margin-right: 0;
	padding:10px 12px 10px 20px;
}
#secondary a {
	display:block;
	width:100%;
	padding:10px;
}
#secondary #phone a {
	padding:0;
}

#secondary a:link, nav#secondary a:visited {
	color:#666
} 
#secondary a:hover, nav#secondary a:active {
	color:#999;
	text-decoration: none;
}


#primary {
	width:700px;
	float:right;
	margin-top:28px;
}
#primary li {
	float:right;
	font-weight:600;
	color:#2a7290;
	font-size:1.3em;
	line-height: 0.8em;
}

#primary li a:hover {
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
}
#primary li a.current:hover {
	border-bottom: 3px solid #117391;
}
#primary .current {
	border-bottom: 3px solid #117391;
	padding-bottom: 3px;
}
#primary li.our-services, nav#primary li.our-work, nav#primary li.our-blog {
	width: 100px;
	margin-right: 25px;
}
#primary li span {
	font-size:.8em;
	color:#909090;
	font-weight:200; padding-top:5px;
}
#primary .consult, p.button {
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c5c5c5;
	padding:10px;
	margin-top: -11px;
	margin-left: -10px;
	width:168px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 33%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 33%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
ul#social {
	position:absolute;
	left:820px;
	top:-14px;
	width: 162px;
	padding: 0;
	z-index:999;
}
/*#home ul#social {
	margin: 35px 0 -50px 0
}*/
ul#social li a {
	width:54px;
	height:45px;
	float:left;
	background-image: url(../new-images/social-media.png);
	background-repeat: no-repeat;
}
ul#social li span {display:none;}
ul#social li.twitter a {
	background-position:0 0;
}
ul#social li.facebook a {
	background-position:-54px 0;
}
ul#social li.google-plus a {
	background-position:-108px 0;
}
	ul#social li a:link, ul#social li a:visited, ul#social li a:hover, ul#social li a:active {
		display: block;
		height: 45px;
		width: 54px;
	}
	ul#social li.twitter a:hover { background-position: 0 -45px; }
	ul#social li.facebook a:hover { background-position: -54px -45px; }
	ul#social li.google-plus a:hover { background-position: -108px -45px; }
	
header {
 
}
#masthead {
	height:100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 33%, rgba(75,75,75,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,rgba(255,255,255,0)), color-stop(100%,rgba(75,75,75,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(75,75,75,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(75,75,75,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(75,75,75,0.1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,0) 33%,rgba(75,75,75,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#404b4b4b',GradientType=0 ); background: url(../new-images/bg-border.jpg) repeat-x;
}
#sectionbar {
	background: #FFF url(../new-images/bg-header-detail.gif) repeat-x 0 0; height:89px;overflow:hidden;color: #FFF; display:block;line-height:1em; width:100%;
}
#sectionbar .contain {
	padding-left:10px;
}
#sectionbar-starburst {
	background: url(../new-images/slide-000.jpg) no-repeat center 0;
	height: 79px;
	margin: 5px auto 0 auto;
	padding-top:15px; 
}

#sectionbar-starburst {
	background: #fff; background-image:none;
	height: 79px;
	margin: 5px auto 0 auto;
	padding-top:15px; background:url(../new-images/footer-bga.jpg); border-bottom:2px solid #EBEBEB;
	}
#sectionbar p.headline, #sectionbar h1 {
 
	line-height:1em; color: #FFF;
}
#sectionbar p.headline {
	font-size:3em;
	font-weight:200;
	margin:0;  color: #FFF;
}
#sectionbar h1 {
	font-size: 1.1em;
	font-weight: 500;
	text-transform: uppercase;
	margin:0; margin-top:5px;
}
#sectionbar p.headline a {
	display: block;
	color: #FFF;
}
.breadcrumbs {
	height:30px;
	border-bottom: 1px solid #9e9e9e;
}
.breadcrumbs ul {
	padding-left:12px;
}
.breadcrumbs li {
	display:inline;
}

#slideshow {
	width:100%;
	clear:both;
	height:409px;
	margin-top:-16px;
	font-family: 'myriad-pro-condensed', Arial, "MS Trebuchet", sans-serif;
}
.backward {
	position: absolute;
	top:40px;
	left:10px;
}
.forward {
	position: absolute;
	top:40px;
	right:10px;
}
#slideshow div.pane {
	background-repeat: no-repeat;
	background-position: center 5px;
	width: 100%;
	height: 413px;

}
#slideshow div {
		display: none;
}
#slideshow p {
	color:white;
	font-weight: 400;
	width: 520px;
	text-shadow: 0px 3px 8px #3a3a3a;
	filter: dropshadow(color=#3a3a3a, offx=0, offy=6);
	position:absolute;
	top:80px;
	left:0px;
	letter-spacing: -2px;
	line-height: 1em;
	font-size: 4em;
	word-spacing: .1em;
}
#slideshow p.headline-2 {
	top:160px;
}
#slideshow p.byline {
	font-size: 2em;
	width: 440px;
	color: #d1f0ff; 
}
#slideshow img {
	margin-left:0;
 
}
#slideshow-controls {
	height: 89px;
	position: absolute;
	top:370px;
	left:0px;
}
#slideshow-controls a {
	background: url(../new-images/slideshow-control.png) no-repeat 0 0;
	width: 30px;
	float: left;
	text-align: center;
	height: 50px;
	font-family: 'myriad-pro-condensed', Arial, "MS Trebuchet", sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color:white;
	text-decoration: none;
 
}
#slideshow-controls a.current {
	background:url(../new-images/slideshow-control-active.png) no-repeat 0 0;
}

div#main {
	background: #fff;
	font-size:14px;
	line-height:1.5em;
	position:relative;
}
#home div#main {
	padding-top:25px;
}

/* Primary Content Styles */

article {
	width:700px;
	float:right;
	color:#494949;
	line-height:1.7em;
	padding-bottom:10px; padding-top:0px;
}
article h2 { font-size:1.9em;}
body#home article { width:100%;}
article p {font-size:0.9em; line-height:20px;}
#hero-shot { margin:30px auto 0px auto; text-align: center;}
#hero-shot p { margin:0;}
p.byline { line-height:1.6em;
	font-weight:200;
 
	margin: 0 auto 15px auto;
	background: url(../new-images/line-break.png) no-repeat bottom center;
	padding-bottom:75px;
}


article ol table { background:#ddd; margin-top:15px; width:100%;}
article ol table td { background: #fff; padding:5px 10px; border:1px solid #ddd; vertical-align:middle;}




#article .sitemap ul { margin:0; padding:0; border:0;  }
#article .sitemap h2 {}
#article .sitemap ul li { background:url(../new-images/dot.png) center left no-repeat; padding:5px; padding-left:15px; width:330px; float:left; border:0; line-height:20px;}
#article .pasite h3 { border-bottom:1px solid #BFBFBF; line-height:30px; margin-bottom:12px; padding-bottom:5px; }
#article .pasite ul { margin:0; padding:0; border:0;  }
#article .pasite ul li { background:url(../new-images/dot.png) center left no-repeat; padding:5px; padding-left:15px; width:230px; float:left; border:0; line-height:20px;}
#article .pasite .secw{ width:160px;}
#article .pasite .secy {width:275px; }
/*Layout Basics*/

div.split {
	width:335px;
	margin-right: 28px;
	margin-bottom: 20px;
	float:left;
}
div.split.even {
	margin-right:0;
}
div.one-half {
	width:448px;
	margin-right:28px;
	float:left;
}
div.one-third {
	width:308px;
	margin-right:28px;
	float:left;
}
div.one-third.last, div.one-quarter.last {
	margin-right:0;
}
div.one-quarter {
	width:224px;
	float:left;
	margin-right:28px;
}
ul#social-stats li {
	line-height:1.5em;
	padding: 10px 35px;
	margin-top:0;
}

/*platform pages*/

#platform article {
	width:auto;
	float:none;
}

#platform section {
	margin:40px 0 0 0;
	clear:both;
	background:url(../new-images/hr.png) no-repeat bottom center;
	padding-bottom:90px;
	overflow:auto;
}
#platform section h2 {
	margin-top:5px;
	text-align:left;
}
#platform section ul {
	margin-top:20px;
	padding-top:20px;
	}
#platform section li {
	border:none;
	background-position: 3px 4px;
	line-height:2.4em;
}
#platform section.even li {
	background-position: right 4px;
	padding:0 35px 0 0;
}

#platform section div {
	float:left;
	margin-right:28px;
} 
#platform section.even div {
	float:right;
	margin-left:28px;
	margin-right:0;
}
#platform aside {
	float:right;
	width:420px;
}
#platform section.even aside {
	float:left;
}

#platform section.even, #platform section.even h2 {
	text-align:right;
}

/*blog pages*/

body.our-blog div.item .blogDescription {
	height: 92px;
	overflow: hidden;
	display:block;
}
body.our-blog div.item a .blogDescription {
	color:#494949;
}
body.our-blog div.item a {
	display:block;
}
body.our-blog div.item a:hover {
	text-decoration:none;
}
body.our-blog div.item a:hover .blogTitle {
	text-decoration:underline;
}
body.our-blog article {
	width:100%;
}
body.our-blog section {
	width:313px;
	float:left;
	margin-right:20px;
	margin-top:50px;
}
body.our-blog section.last {margin-right:0}

body.our-blog section img {
	margin-left:1px;
}
body.our-blog .matte span {
	width:312px;
	padding:4px;
}
body.our-blog section .item {
	margin:10px 0;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	height:186px;
}
body.our-blog span.blogTitle {
	display: block;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}
body.our-blog span.blogAuthor, body.our-blog span.blogDate {
	font-size:12px;
	color:grey;
	line-height:12px;
}
span.blogAuthor {
font-size: .9em;
font-weight: 400;
font-style: italic;
}
p.button {
	width: 100%;
	margin-top: 20px;
	padding: 0;
	margin-left: 0px;
}
p.button span {
	background-image: url('/images/link-arrow.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-position: 275px 4px;
	display: block;
}
p.button a {
	display:block;
	padding: 5px 20px;
}
body.blog article {
	float:left;
}
nav.blog {
	float:right;
	background:url(../new-images/blog-bg-sidebar.png) repeat-y 0 0;
	width: 252px;
	padding-left: 8px;
}
nav.blog ul {
	padding:0;
}
nav.blog h3 {
	font-size:1.9em;
	font-weight:400;
	padding-left:30px;
	margin: 38px 0 20px 0;
}
nav.blog li {
	list-style-type: none;
	margin-left:0;
	border-top:1px solid #dadada;
	font-size:1.1em;
}
nav.blog li a {
	display:block;
	padding:12px 0 12px 30px;
}

body.blog article h1 {
	width:532px;
	margin-left:140px;
	float:right;
}

body.blog article aside {
	float:left;
	width:140px;
	margin-right:28px;
	margin-top: 6px;
	background: none;
	text-align:right;
	padding:0 5px 0 0;
}
body.blog article aside img {
	margin-bottom:10px;
}
body.blog article aside p {
	font-style: italic;
	font-weight:400;
	font-size:.8em;
	line-height:.8em;
	margin:0 0 16px 0;
}
body.blog article aside ul {
	margin:0 0 0 0;
}
body.blog article aside li {
	font-style: italic;
	font-size:.8em;
	line-height: 1em;
	margin-bottom: 8px;
}
body.blog h1 {
	text-align:left;
	margin-top:33px;
}
body.blog h4, div.excerpt h4 {
	font-weight:700;
	margin:0 0 2px 0;
	font-size:.9em;
}
div.excerpt aside img {
	width: auto;
}
div.post {
	width:532px;
	float:right;
}
div.excerpt p, div.post p {
	font-size:16px;
	line-height:26px;
}
div.excerpt {
	margin-top:13px;
}
div.excerpt div.body {
	float:right;
	width:532px;
}
body.blog h2 {
	text-align: left;
	line-height:1.2em;
	margin: 20px 0 10px 0;
}

body#index.blog article, body#tag.blog article, body#archive.blog article {
	padding-top:0;
	margin-top:-13px;
}
div.post img, div.excerpt img {width:500px}
div.date-badge {
	background: url(../new-images/blog-date-badge.png) no-repeat -26px -4px;
	width:154px;
	height:150px;
	margin-top:-15px;
	margin-right:20px;
	margin-left:-7px;
	float:left;
	color:#FFF;
	text-align:center;
	padding-top:55px;
	text-transform: uppercase;
	font-weight:600;
	
}
div.date-badge span {
	display:block;
}
.excerpt:first-child div.date-badge {
	background-position:-26px -1px;
}
.excerpt div.date-badge {
	background-position: -26px 4px;
	margin-top: -18px;
	margin-right: 20px;
	padding-top:45px;
}
.blog-month-day {
	font-size:2.4em;
}
.blog-year {
	font-size:.9em;
	letter-spacing: 1.2em;
	margin-left:10px;
}

body.blog div.meta {
	margin-top: 20px;
}

#comments  {
	clear:both;
	margin-top:50px;
	margin-bottom: 40px;
}
#post-a-comment {
	width: 532px;
	float: right;
	margin-bottom:50px;
}
#post-a-comment h2 {
	margin-bottom:0;
}
#post-a-comment p {
	margin-top:0;
}
#post-a-comment form {
	margin-top:-10px;
}
#post-a-comment label {
	display: block;
	margin: 10px 0 0 0;
}
#post-a-comment input.submit {
	display: block;
	padding: 5px 20px;
	margin-top: 15px;
}
#pagination {
	clear:both
}

ul#pagination{
	border:0;
	margin: 0 0 100px 162px;
	padding: 35px 0 0 0;
	font-family:'myriad-pro-condensed';
}

#pagination li{
border:0; margin:0; padding:0;
font-size:1.2em;
list-style:none;
margin-right:2px;
float:left;
background: none;
line-height: 1.5em;
}
#pagination li span {
	padding-left:4px;
	padding-right:4px;
}
#pagination a {
border:solid 1px #117391;
margin-right:2px;
}
#pagination .prev,
#pagination .next {
/*border:solid 1px #DEDEDE;*/
color:#888888;
display:block;
float:left;
font-weight:400;
/*margin-right:2px;*/
/*padding:3px 4px;*/
}

#pagination .current_page{
background:#117391;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:2px 2px;
margin-right: 4px;
}
#pagination a:link,
#pagination a:visited {
color:#117391;
display:block;
float:left;
padding:1px 2px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #117391;
background-color: #52a9c4;
color:#FFF;
}





/*Image matte & Drop Shadow*/
.otherpro { margin:25px 0 0px 0;}	
.matte img, body#platform section img {
	background: #FFF;
	border: 1px solid #CCC;
	z-index: 1;
}
.matte, body#platform section div {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
margin: 0 0 0 -8px;
padding: 0; 
padding-bottom:20px;
width:532px;
display:block;
}

.matte span, body#platform section div span {
position: relative;
float: left;
width: 516px;
padding: 7px;
border: 1px solid #e2e2e2;
margin: 0 0 0px 8px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
clear:both
}


ul.matte li:before,
ul.matte li:after,
.matte span:before,
.matte span:after,
body#platform section div span:before,
body#platform section div span:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 7px;
width: 70%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 100px;
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-12deg) rotate(-3deg);
-moz-transform: skew(-12deg) rotate(-3deg);
-ms-transform: skew(-12deg) rotate(-3deg);
-o-transform: skew(-12deg) rotate(-3deg);
transform: skew(-12deg) rotate(-3deg); }


ul.matte li:after, 
.matte span:after,
body#platform div span:after {
left: auto;
right: 10px;
-webkit-transform: skew(12deg) rotate(3deg);
-moz-transform: skew(12deg) rotate(3deg);
-ms-transform: skew(12deg) rotate(3deg);
-o-transform: skew(12deg) rotate(3deg);
transform: skew(12deg) rotate(3deg); }


/*==============================================================================*/
/*==========================---------------------==============================*/
/*==========================     Help Center     =============================*/
/*==========================---------------------============================*/
/*==========================================================================*/

.help-center article iframe {
	margin-bottom: 35px;
}
#help-center article {
	float:left;
}
#help-center .blogDate {
	display:none;
}
#help-center .item {
	line-height:1em;
	margin:1em 0;
}

#help-center .sitemap-container {
	width:448px;
	float:left;
}

.help-center .split h2 {
	text-align:left;
	font-size: 2.6em;
}

.help-center .block {
	height: 270px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.help-center .block ul {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
}









/* Sitemap
------------------------------------------------------------------------- */
div.sitemap-container {
  width: 100%;
  margin: 30px 0px 0px 0px;
}

div.sitemap-container ul {
  width: 290px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.sitemap-container ul li {
  list-style-type: none;
}

div.sitemap-container ul.top {
  display: block;
  float: left;
  margin: 0 20px 20px 0;
  line-height: 22px;
  font-size: 22px;
}

div.sitemap-container ul li ul li {
  line-height: 24px;
}

div.sitemap-container ul.top li { background:transparent none}

div.sitemap-container ul.top li a {
  margin: 0 0 0 0;
  display: block;
  background: none;
  padding-left: 3px;
  padding-bottom: 5px;
  font-family: 'TrajanProRegular','Times New Roman';
}

div.sitemap-container ul.top li ul li a {
  border: none;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding-bottom: 0;
  font-family: 'Arial';
}

div.sitemap-container ul.top ul li ul li a {
}

div.sitemap-container ul.top li ul li {
  background-image:url(../new-images/ul-long.png);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:0 -6px;
  padding-left: 18px; /* left padding to push text off of the image */
}

div.sitemap-container ul.top li ul li:last-child {
  background-image:url(../new-images/ul-end.png);
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:0 -25px;
  padding-bottom: 0;
}

div.sitemap-container-rows {
  width: 100%;
  overflow: auto;
}

/*==========================================================================*/

/* For primary editable page content */



div.split h2 {
	color: #414141;
	font-size: 2.7em;
	text-align: left;
	font-weight: 300;
	margin-top:30px;
}
article ul {
	border-top: 1px solid #BFBFBF;
	list-style-type: none;
	list-style-position: inside;
	padding:0;
	margin-bottom: 20px;
	margin-top:25px;
}
	article ul ul {
		border:none;
		margin-top:10px;
	}
article li {
	border-bottom: 1px solid #BFBFBF;
	padding: 0 0 0 35px;
	margin: 0;
	background: url(../new-images/bullet.png) top 9px left no-repeat;
	line-height: 1.9em; padding-top:8px; padding-bottom:8px;
}
	article li li, body#post.blog article li li {
		border:none;
		background:none;
		padding:0;
		min-height:0;
		margin-bottom:10px;
		margin-left:10px;
		list-style: disc inside;
		list-style-type: decimal;
	}
article .none { border-bottom:0;}	
	article span { margin-right:25px;}
body.policies article li {
	line-height: 1.6em;
	padding:12px 0 12px 35px;
}
body#post.blog article li {
	line-height: 1.5em;
	min-height: 48px;
	padding-top: 14px;
	padding-bottom: 8px;
}
	body#post.blog article aside li, div.excerpt aside li {
		border:none;
		background:none;
		padding-top:0;
		padding-bottom:0;
		margin:0 0 8px 0;
		min-height: 0;
	}
	body#post.blog article aside ul, div.excerpt aside ul {
		border:none;
	}
	a.read-full {
		text-align: center;
		background: #f9f9f9;
		display: block;
		padding: 10px 20px;
		border: 1px solid #eaeaea;
		width: 520px
	}
.contact-prompt-wrap {
	margin-bottom:35px;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 95%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#ebebeb 95%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.contact-prompt {
	background: url(../new-images/caduceus.png) no-repeat top right;
	padding:20px;
}
.contact-prompt h3 {
	margin-top: 0;
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 15px;
	width: 190px;
}
.contact-prompt p {
	font-style: italic;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.2em;
	margin-bottom:15px;
}
.tuck {
	margin-left:-50px;
}

nav.children { width:252px;	float:left;	z-index:999; background:url(../new-images/bg-sidebar.png) repeat-y -12px 0; border-radius:8px; border:1px solid #ddd; margin-top:15px;}
body.blog nav.children {float:right;}
nav.children ul {}
nav.children li {}
nav li.last { padding-top:10px;height:20px;}
nav.children li.last {background:url(../new-images/bg-sidebar-fade.png) no-repeat -12px 0;}
div.nav-foot {background:url(../new-images/bg-sidebar-fade-right.png) no-repeat 0 0;height:200px;width:252px;float:right;}
nav.children li.current {background:none;}
nav.children li.current a {color:#414141;}

nav.children ul #nava { padding:0; margin:0; background:#666;}
nav.children #nava ul { }

nav.children a {height: 50px;width: 248px;padding-top: 16px;border-bottom: 1px solid #DFDFDF;font-size:1.1em;}
nav.children li.first.current a {border-top: 1px solid #DFDFDF;}
nav.children img {margin-right: 5px;margin-top: -7px;}


#main .sidebar { width:252px; float:left;	z-index:999; background:url(../new-images/bg-sidebar.png) repeat-y -12px 0; border-radius:8px; border:1px solid #ddd; margin-top:15px;}
#main .sidebar ul { padding:0px; margin:0;}

#main .sidebar ul h3{ background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px;}
	#main .sidebar ul h3 a { color:#666;}
#main .sidebar ul h3 img { vertical-align:middle; margin-right:10px;}
#main .sidebar ul li { background: url("../new-images/dot.png") no-repeat scroll left center transparent; font-size:13px;
    line-height: 1.9em;
    margin: 0 15px;
    padding-left: 12px; display:block; margin-bottom:8px; margin-top:2px; float:none;} 
#main .sidebar ul li a { color:#666;}
div.testimonial {width: 476px;float: left;margin-top:10px;}
div.testimonial.even {margin-left:28px;}
div.testimonial img {width: 168px;float: left; padding-bottom:10px;}
div.testimonial p {width: 280px;float:left;margin-left:28px;margin-top:15px;}
div.testimonial p.name {margin-top: -10px;	font-size: 1.2em;font-style: italic;margin-bottom:0;}
div.testimonial p.practice {
	color:#1c8600;
	text-transform: uppercase;
	margin-top:0;
}
div.divide {
	width:100%;
	clear:both;
	background: transparent url(../new-images/home-break.jpg) repeat-x 0 0;
	height: 5px;
}
/*div.divide.hack {
	margin-top:80px;
}*/
#how-can-we {
	background: url(../new-images/home-break.jpg) center top 45px no-repeat;
	padding-top:35px;
	padding-bottom:20px;
}
#how-can-we h2 { padding-bottom:12px; } 
#how-can-we ul {
	list-style-type: none;
	padding:0;
}
#how-can-we li {
	margin:25px 0 5px 56px;
	color:#376b93;
	font-size:1em;
	font-weight:600;
	float:left;
	width:435px;
	height:50px;
	padding-left:60px;
}
#how-can-we li#sem {
	background: url(../new-images/01.png) no-repeat 0 -4px;
}
#how-can-we li#social {
	background: url(../new-images/02.png) no-repeat 0 -4px;
}
#how-can-we li#websites {
	background: url(../new-images/03.png) no-repeat 0 -4px;
}
#how-can-we li#docshop {
	background: url(../new-images/04.png) no-repeat 0 -4px;
}
#how-can-we li#video {
	background: url(../new-images/05.png) no-repeat 0 -4px;
}
#how-can-we li#dev {
	background: url(../new-images/06.png) no-repeat 0 -4px;
}

#how-can-we li#other {
	background: url(../new-images/07.png) no-repeat 0 -4px;
}
#how-can-we li span {
	margin:0;
	display:block;
	color:#494949;
	font-size:12px;
	font-weight:400; margin-bottom:12px;
}
#how-can-we table { margin:8px 0 0 0;}
#how-can-we table td { padding:8px; padding-top:0;}
#how-can-we table td a { color:#70B33C;}

.consult-action {
	margin:0 auto;
	width: 314px;
	margin-top: -29px;
	height: 76px;
	margin-bottom:28px;
	background: transparent url(../new-images/free-consultation.png) no-repeat 0 0 ;
}

.contain td span { font-size:13px;}
.consult-action a {
	display:block;
	width:314px;
	height:76px;
}

footer a {
	padding: 10px 0;
}

footer a:link, footer a:visited {
	color:#fff
} 
footer a:hover, footer a:active {
	color:#FFF;
	text-decoration: none;
}
footer ul#contact-options .consult-action {
	width: 248px;
	height: 68px;
	margin-bottom:5px;
	margin-left:3px;
	background: transparent url(../new-images/free-consultation-small.png) no-repeat 0 0 ;
}
footer ul#contact-options .consult-action:hover {
	background-position: 0 -68px;
}
footer ul#contact-options .consult-action a {
	display:block;
	width:248px;
	height:68px;
}
#facebook, #twitter, #blog-recent {
	width: 300px;
	margin-left: 20px;
	text-align: center;
	float:left;
}
.fb-facepile.fb_iframe_widget {
	margin-left:-290px;
}
body#home .fb-facepile.fb_iframe_widget {
	margin-left:2px;
	margin-top:10px;
}
body#home #facebook .fb-like {
	width: 48px;
	overflow: hidden;
	margin-top:12px;
	height:24px;
}
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
	width: 51px;
	overflow: hidden;
}

	
body#home #facebook h2, body#home #blog-recent h2 {
	margin-top:6px;
	margin-bottom:10px;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

.friend-us {
	background-color: 
	rgba(255,255,255,.8);
	width: 300px;
	margin: 20px auto 0 auto;
	padding: 0 0 10px 0;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	border-color: 
	#C8C8C8;
	border-width: 1px;
	border-style: solid;
}
.friend-us h3 {
	margin-top: 12px;
	display: block;
	float: left;
	width: 180px;
}
#blog-recent span {
	display:block;
}
#blog-recent .item {
	border-top: 1px solid #DDDDDD;
	padding:5px;	
}
#blog-recent .blogDate {
	font-size:.9em;
	font-style: italic;
	color:#444444 !important;
	border-top: none;
	padding-top:0px;
	font-weight:300;
}
#blog-recent .blogTitle {
	line-height:1.2em;
}
#blog-recent .blogDescription, #blog-recent .blogAuthor, #blog-recent br {
	display:none;
}
#blog-recent p {
	font-weight: 600;
	font-size: 1.1em;
	border-top:1px solid #bcbcbc;
	padding-top:10px;
}
.social-streams { padding-top:30px;
	display:block;
	padding-bottom:10px;  
}
#home .social-streams {
	background: none; background:url(../new-images/home-break.jpg) top no-repeat; 
}
#home .social-streams ul { background:#FFF; border:1px solid #ddd; border-radius:8px; padding:15px; box-shadow: 0 2px 2px #DDDDDD;}
#home .social-streams h2 { margin:25px 0 0 0;}
.social-buttons {
	width: 56px;
	float: right;
}
#atic_auth, #at15pf {
	display:none !important;
}
.atm-s a, #at_hover.atm-s a {
	padding: 8px 10px !important;
}
.addthis_toolbox {
	float:right;
	width:50px;
}

footer {
	background:#70B33C url(../new-images/footer-bga.jpg);
	padding:35px 0;
	color:white;
	font-size:14px;
}
footer h3 {
	font-size:1.3em;
	text-shadow: -1px -1px 2px #3a3a3a;
	filter: dropshadow(color=#3a3a3a, offx=-1, offy=-1);
	font-weight:600;
	color:#FFF; 
	margin:5px 0 0 0;
}
footer ul {
	list-style-type: none;
	padding:0; margin:0;
}
#mission, #our-services, #our-work, #contact-options {
	float:left;
}
#our-services, #our-work, #contact-options {
	margin-left:24px;
	margin-top: 0px;
}
#mission { width:240px; font-weight:200;line-height:2em; letter-spacing: 1px;}
#mission h3, #our-work h3, #our-services h3{ margin:5px 0 12px 0;}
#mission ul li { float:none; background:url(../new-images/doa.png) left center no-repeat; padding-left:12px;}
 
#our-work ul li, #our-services ul li { float:none; background:url(../new-images/doa.png) left top 12px no-repeat; padding-left:12px; font-weight: 200; letter-spacing: 1px; line-height: 2em;}
 
#our-services { width:200px;}
#our-work {	width:198px;}
 




#contact-options {
	width: 252px;
	margin-top: 0px; float:right; margin-left:0;
}

#contact-options h3 { margin-bottom:25px;}

ul#contact-options li {
	margin-left:-3px;
	margin-bottom:10px;
}
ul#contact-options li a {
	padding: 12px 0 0 20px;
	font-size:1.3em;
	font-weight:300;
}
ul#contact-options li, ul#contact-options li a {
	height:48px;
	width:258px;
	display: block;
}
ul#contact-options li#call a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -84px ;
}
	ul#contact-options li#call a:hover {background-position:0 -330px}
	
ul#contact-options li#send a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -141px; color:#FFF;
}
	ul#contact-options li#send a:hover {background-position:0 -387px}

ul#contact-options li#connect a {
	background: transparent url(../new-images/footer-buttons.png) no-repeat 0 -198px ; color:#FFF
}
	ul#contact-options li#connect a:hover {background-position:0 -444px}
	
#footnote {
	background:white;
	padding:10px 0 120px 0; 
	font-size:14px;
	height:40px;
}

#footnote li { text-align:center; margin:15px 0;}
#footnote img {  margin:0px 5px 5px 5px; }
 #footnote a { color:#494949;}
#footnote .contain { text-align:center; font-size:0.9em; }
.divide.footer {margin-top:0;}
 
 

/*Help Center Styles*/

/*#blogPost .item {
	padding: 10px;
}

.blogDate, .blogTitle, .blogContent, .blogReadMore {
	display: block;
	font-family: 'myriad-pro-condensed';
}
.blogDate {
	font-size:1.2em;
	font-weight:300;
}
.blogTitle {
	font-size: 2em;
	font-weight: 700;
	}
.blogContent {
	font-size:1.5em;
	font-weight:400;
}
.odd {
	background:#CCC;
}*/



/* =============================================================================
   Full Width Pages
   ========================================================================== */

body#full-width.thank-you article {
	width: 700px;
	margin: 0 auto;
	float:none;
}
body#full-width article {
	width:100%;
	padding-bottom: 50px;
	}
body#full-width section {
	overflow: auto;
	width: 100%
}


/*FlexDesign Gallery Platform*/

body#full-width.flexdesigns article ul li, body#full-width.flexdesigns article ul, body#full-width.flexdesigns article h3 {
	margin:0;
	padding:0;
	line-height:2em;
}

body#full-width.flexdesigns article li {
	background: none;
}

body#full-width.flexdesigns article h2 {
	font-size:2.3em;
	margin-bottom:50px;
}

body#full-width.flexdesigns article h3 {
	width:130px;
	float:left;
	clear:both;
	line-height:2em;
	text-align:right;
}
body#full-width.flexdesigns article div.core-colors h3 {
	display:block;
	padding-right:10px;
	color:white;
	text-shadow: 1px 1px 2px #555;
	filter: dropshadow(color=#555, offx=1, offy=1);
}
body#full-width.flexdesigns article div.core-colors h3 a {
	display:block;
	color:white;
}

body#full-width.flexdesigns article ul {
	width:315px;
	float:right;
	margin:5px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #BFBFBF;
	border-top:none;
}

body#full-width.flexdesigns article ul li {
	display:inline;
	border:none;
	margin:0;
	padding:0 30px 0 0;
}
body#full-width.flexdesigns article h3, body#full-width.flexdesigns article h4 {
	clear:both;
}

body#full-width.flexdesigns article ul.last {
	border:none;
}

body#full-width.flexdesigns article ul.live li {
	display:block;
	margin-bottom:5px;
}

body#full-width.flexdesigns article ul.custom li {
	line-height:1.2em;
	margin-bottom:15px;
	margin-top:5px;
}

.set {
	overflow: auto;
	width: 100%;
	margin-top:10px
}

body#full-width.flexdesigns article section hr {
	height: 1px;
	margin: 20px 0;
	border-bottom: 1px solid #DADADA;
	width: 100%;
}
body#full-width.flexdesigns article hr {
	margin:0 0 20px 162px
}

.flexdesign-links, .flexdesign-hero {
	width:475px; 
}

.flexdesign-hero {
	float:left;
}
.flexdesign-links {
	float:right;
}


/*FlexDesign Colors*/

body#full-width.flexdesigns article ul li span {
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	margin-right: 7px;
	margin-top: 3px;
}


/*SoftStone*/

body#full-width.flexdesigns article ul li span.bordeaux, 
body#full-width.flexdesigns article h3.bordeaux {
	background-color: #7b1732;
}

body#full-width.flexdesigns article ul li span.sunrise, 
body#full-width.flexdesigns article h3.sunrise {
	background-color: #ecb145;
}

body#full-width.flexdesigns article ul li span.nautica, 
body#full-width.flexdesigns article h3.nautica {
	background-color: #19487e;
}

body#full-width.flexdesigns article ul li span.slate-sky, 
body#full-width.flexdesigns article h3.slate-sky {
	background-color: #3dc7d2;
}



/*Mahogany*/

body#full-width.flexdesigns article ul li span.soft-mint, 
body#full-width.flexdesigns article h3.soft-mint {
	background-color: #b4d58f;
}
body#full-width.flexdesigns article ul li span.creme-brulee, 
body#full-width.flexdesigns article h3.creme-brulee {
	background-color: #E7DD91;
}
body#full-width.flexdesigns article ul li span.autumn-red, 
body#full-width.flexdesigns article h3.autumn-red {
	background-color: #8C2710;
}
body#full-width.flexdesigns article ul li span.powder-blue, 
body#full-width.flexdesigns article h3.powder-blue {
	background-color: #9FCCE4;
}


/*Mystique*/

body#full-width.flexdesigns article ul li span.plum, 
body#full-width.flexdesigns article h3.plum {
	background-color: #874165;
}
body#full-width.flexdesigns article ul li span.sea-blue, 
body#full-width.flexdesigns article h3.sea-blue {
	background-color: #427590;
}
body#full-width.flexdesigns article ul li span.chocolate, 
body#full-width.flexdesigns article h3.chocolate {
	background-color: #845939;
}
body#full-width.flexdesigns article ul li span.lavender, 
body#full-width.flexdesigns article h3.lavender {
	background-color: #836984;
}



/*Horizons*/

body#full-width.flexdesigns article ul li span.toffee, 
body#full-width.flexdesigns article h3.toffee {
	background-color: #786246;
}
body#full-width.flexdesigns article ul li span.sky-blue, 
body#full-width.flexdesigns article h3.sky-blue {
	background-color: #2869A3;
}
body#full-width.flexdesigns article ul li span.tundra, 
body#full-width.flexdesigns article h3.tundra {
	background-color: #335501;
}



/*Homestead*/

body#full-width.flexdesigns article ul li span.dusk, 
body#full-width.flexdesigns article h3.dusk {
	background-color: #57549B;
}
body#full-width.flexdesigns article ul li span.baby-blue, 
body#full-width.flexdesigns article h3.baby-blue {
	background-color: #4A87C0;
}
body#full-width.flexdesigns article ul li span.citrus, 
body#full-width.flexdesigns article h3.citrus {
	background-color: #9AAD3A;
}



/* =============================================================================
   Contact Page
   ========================================================================== */
#contact h1 {
	text-align:left;
}
section p {
	line-height:1.9em;
}
.map {
	padding:0;
	margin:0;
	color:#272727;
	margin-top: 33px;
	background:url(http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/map.png) no-repeat 0 0; 
	height:347px
}

.map .telephone, .map .fax, .map .address, .map .label, .map .business-name {
	padding-left:56px;
	margin-bottom:15px;
	font-size:1.4em;
	display: block;
	width: 200px;
	float: right;
	clear: right;
}
.map .telephone, .map .fax {
	height: 80px;
	margin-bottom: -60px;
}
.map a {
	display:block;
}
.map a:link, .map a:visited {
	color:#272727;
}
.map span.label {
	display: block;
	font-size: 1em;
	color: #909090;
	font-style: italic;
	font-weight: 400;
}
.map .telephone {
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/icon-ringing-phone.png') no-repeat 1px 0;	
}
.map .fax {
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/icon-fax.png') no-repeat 0 0;
}
.map .address {
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/icon-map-pin.png') no-repeat 7px 0;
	font-size:1em;
}
.map .address, .map .address span {
	font-style:normal;
	font-size:1em;
	color:#272727;
}
.map .business-name {
	font-size: 1.9em;
	padding-left: 0;
	margin-bottom: 22px;	
}
#contact .testimonial {
	margin-top: 17px;
	}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { background:url(../new-images/footer-bga.jpg); }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfix ul li { float:left; padding-right:15px;}
 

.clearfix ul li span { font-size:0.9em; color:#666;}
.clearfix ul .one { width:225px;}
.clearfix ul .two { width:180px;}

#footer {background:url(../new-images/footer-bga.jpg); }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




/* contact form validation */
#contact form input, #contact form textarea {
	color: #afafaf;
	font-style: italic;
	font-size: 1.2em;
}

#contact form input.error {
}

#contact form li textarea {
	padding-top: 10px;
	padding-left: 12px;
}

#contact form li {
	position: relative;
}

#contact form label.error {
	color:#494949;
	background: #ffbfbf;
	position: absolute;
	left: 200px;
	font-style: normal;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px 4px 4px 6px;
	top: 15px;
	text-align: center;
	line-height: 16px;
	border-radius: 3px;
}

/*================================================================
				Webinar Training Page
================================================================*/
#webinar #main p.headline{
	font-size: 2.3em;
	line-height: 1em;
	margin: 50px 0 15px 0;
	text-align: center;
	font-weight: 500;
	letter-spacing: -1px;
	color: #494949;
}
.webinar-contact{
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 0 0 -8px;
	padding: 0;
	padding-bottom: 20px;
	display: block;
	width:436px; 
	margin-top:25px;
}
.webinar-contact span{
	position: relative;
	float: left;
	width: 516px;
	padding: 7px;
	border: 1px solid #e2e2e2;
	margin: 0 0 0px 8px;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	clear: both;
}
ul.webinar-contact li:before, ul.webinar-contact li:after, .webinar-contact span:before, .webinar-contact span:after{
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 7px;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-12deg) rotate(-3deg);
	-moz-transform: skew(-12deg) rotate(-3deg);
	-ms-transform: skew(-12deg) rotate(-3deg);
	-o-transform: skew(-12deg) rotate(-3deg);
	transform: skew(-12deg) rotate(-3deg);
}

ul.webinar-contact li:before, ul.webinar-contactli:after,
.webinar-contact span:before, .webinar-contact span:after{
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 7px;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-12deg) rotate(-3deg);
	-moz-transform: skew(-12deg) rotate(-3deg);
	-ms-transform: skew(-12deg) rotate(-3deg);
	-o-transform: skew(-12deg) rotate(-3deg);
	transform: skew(-12deg) rotate(-3deg);
}
ul.webinar-contact li:after,
.webinar-contact span:after{
	left: auto;
	right: 10px;
	-webkit-transform: skew(12deg) rotate(3deg);
	-moz-transform: skew(12deg) rotate(3deg);
	-ms-transform: skew(12deg) rotate(3deg);
	-o-transform: skew(12deg) rotate(3deg);
	transform: skew(12deg) rotate(3deg);
}
#webinar form li.required {
	background-image: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/form-input-bg-required.png');
}
#webinar form li {
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/form-input-bg.png') no-repeat 0 0;
	margin-left: 28px;
	position: relative;
	height: 60px;
}
#webinar form input, #webinar form textarea {
	color: #afafaf;
	font-style: italic;
	font-size: 1.2em;
}
#webinar form input {
	color: #494949;
	top: 9px;
	left: 8px;
	height: 28px;
	width: 327px;
	padding-left: 10px;
}
#webinar form label, #webinar form input {
	font-size: 1.2em;
}
#webinar form input, #webinar form textarea {
	border-width: 0;
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/x.gif');
}
#webinar form input, #webinar form textarea, #webinar form label {
	position: absolute;
}
#webinar li.submit {
	background: url('http://d2agh9ata29wb8.cloudfront.net/e/einsteinmedical.com/form-submit.png') no-repeat 0 0;
	height: 50px;
}
#webinar form li {
	position: relative;
}
 
#webinar form li textarea {
	padding-top: 10px;
	padding-left: 12px;
}
#webinar form li textarea {
	top: 8px;
	left: 7px;
	width: 339px;
	height: 150px;
}
#webinar form input, #webinar form textarea {
	color: #afafaf;
	font-style: italic;
	font-size: 1.2em;
}
 
#webinar form label.error {
	color: #494949;
	background: #ffbfbf;
	position: absolute;
	left: 200px;
	font-style: normal;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px 4px 4px 6px;
	top: 15px;
	text-align: center;
	line-height: 16px;
	border-radius: 3px;
	z-index: 9999;
	min-width: 170px;
}
#webinar form label.date label.error {top: -25px;}
#webinar label.date{
	position: relative;
	margin-left: 28px;
	display: inline-block;
	margin-bottom: 20px;
}
#webinar select{ width: 346px;/*margin-left: 3px;*/}
.clear { clear:both;}






.menu{float:right; width:595px;height:48px; margin:1em 0 0 0;}
.menu ul { margin:0 0 0 0;}
.menu li{float:left;position:relative;height:47px;border-right:1px solid #dfdfdf;z-index:20; font-weight:700;}
.menu li a{display:block; line-height:47px; font-size:15px;padding-left:15px;}
.menu li .w120{width:119px;}
.menu li .w89{width:89px;}
.menu li a:hover,
.menu li.curr a{ background:url(img_style/nav_bg.gif) repeat-x;color:#333;text-decoration:none;}
.menu li a:hover { color:#333;}
.menu li:hover .subNav{display:block;}
.menu li .subNav{display:none;position:absolute;background:#fff;top:47px;left:-1px;border:1px solid #dfdfdf;padding:15px 0;width:540px;z-index:20; font-weight:400; color:#666;}
 .menu li .subNav a { color:#666; padding:0; margin:0; line-height:25px; font-size:13px;}
 .menu li .subNav table { font-size:13px; line-height:20px;} 
 .menu li .subNav table td { padding-left:20px; padding-right:0px; vertical-align:middle; padding-bottom:10px; padding-top:10px;}
.menu li .subNav table td a { background:url(../new-images/dot.png) center left no-repeat; padding-left:8px;} 
.menu li .subNav table td a:hover { color:#1C8600;}

.menu li .subNav table td .none { background:none; display:inline; padding-left:0; font-size:15px; font-weight:700;}
.menu li .subNav table td .none img { margin-right:5px;}
.menu .none { border:none; padding:0 0 0 18px;}
.menu .cur{background: none repeat scroll 0 0 #70B33C; border-radius: 3px 3px 0 0;  box-shadow: 0 2px 13px #456E26 inset; color: #FFF; text-shadow: 0 0 0;}
.menu .cur a { color:#FFF;}
.menu li .search {width:190px; height:38px; float:right; }
.menu li .search .searchinput{ border:none; background: url(../new-images/search-bg.png) center left no-repeat; padding:0px 0px 0px 10px; display:inline; width:125px; }
.menu li .search #searchsubmit { border:none; background: url(../new-images/search-bg.png) center right no-repeat; padding:0px 0px 0px 10px; height:35px; display:inline; width:37px; margin-right:0; }
.menu li .search form {background: url(../new-images/search-bg.png) center left no-repeat; width:202px;}

#purchase, #product{ margin:0; padding:0; background:#FFF;}
#purchase .content, #product .content { width:980px; margin: 0 auto; padding:0;}
#purchase .content h2 { margin:0; padding:0; line-height:35px; text-indent:15px; font-size:16px; background:url(../new-images/purchase-h2-bg.jpg) top repeat-x; text-align:left;}
#purchase .content .bread, #product .content .bread{ margin:0 auto; padding:0; width:980px; padding:15px 0;}
#purchase .content .buy { width:980px; }
#purchase .content .buy .left {width:670px; height:350px; float:left; border:1px solid #ddd; border-radius: 10px 10px 0 0; margin:0 0 15px 0;  box-shadow: 0 2px 4px #DBDBDB;}
#purchase .content .buy .left .pic { float:left; width:210px; margin:15px 15px 15px 15px;}
#purchase .content .buy .left .int { float:right; margin: 15px 0px 15px 0px; width:410px;}
#purchase .content .buy .left .int h3 {  font-size: 25px; line-height: 25px; margin:0 0 10px 0; padding:0; }
#purchase .content .buy .left .int ul { padding:0; margin:0;}
#purchase .content .buy .left .int ul li { padding: 0; margin:0 0 10px 0;}
#purchase .content .buy .left .line { background:url(../new-images/hr.png) bottom center no-repeat; height:25px;}
#purchase .content .buy .left .buynow { font-size:25px; font-weight:400; text-align: center;}
#purchase .content .buy .left .buynow img { margin:0 0 0 25px;}
#purchase .content .buy .left .buynow font { color:#F33502;}
#purchase .content .buy .right{width:290px; height:350px; float:right; border:1px solid #ddd; border-radius: 10px 10px 0 0; margin:0 0 15px 0; box-shadow: 0 2px 4px #DBDBDB;}
#purchase .content .buy .right ul { padding:0; margin:0;}
#purchase .content .buy .right ul li { padding:5px 0 15px 0; border-bottom:1px dashed #ddd; margin:15px;}
#purchase .content .buy .right ul li img { float:left;}
#purchase .content .buy .right ul li span { float:right; width:160px; margin:10px 0 0 0;}
#purchase .content .buy .right ul li span strong { font-size:15px;} 
#purchase .content .buy .right .none, #purchase .content .buy .guide .none { border:none;}
#purchase .content .buy .note { width:504px; float:left; margin:5px 0 20px 0; border-radius: 0 0 10px 10px; border:1px solid #ddd; box-shadow: 0 2px 4px #DBDBDB; height:230px;}
#purchase .content .buy .note .con { padding:15px; }
#purchase .content .buy .note .con a { color: #76B008;}
 
#purchase .content .buy .guide { width:190px; float:left; margin:5px 0 20px 20px; border-radius: 0 0 10px 10px; border:1px solid #ddd; box-shadow: 0 2px 4px #DBDBDB; height:230px;}
#purchase .content .buy .guide .con { padding:15px; }
#purchase .content .buy .guide ul { padding:0; margin:0;}
#purchase .content .buy .guide ul li { background:url(../new-images/dot2.png) right center no-repeat; line-height:25px; padding-right:35px; border-bottom:1px dashed #ddd; padding-bottom:2px;}
#purchase .content .buy .note p { margin-bottom:10px;}
#purchase .content .buy .contact {float:right; margin:5px 0 20px 0px; border-radius: 0 0 10px 10px; border:1px solid #ddd; padding:15px;  box-shadow: 0 2px 4px #DBDBDB; height:230px; }

#product { background:url(../new-images/product-bg.png) bottom repeat-x; border-top:1px solid #ccc;}
.productb { background:url(../new-images/product-bg.png) top repeat-x; border-top:1px solid #ccc;}
#producta {background:url(../new-images/product-bg.png) bottom 150px repeat-x;}
#product .content h1 { font-size:28px; text-align:center; padding-top:18px; padding-bottom:15px; margin:0px 0; line-height:40px;}
#product .content .list { text-align:center; background:url(../new-images/pro-nav-bg.png) top center no-repeat; padding-left: 45px;}
#product .content .list ul{ float:left; padding:0; margin:0 0 0 180px; width:700px;}
#product .content .list ul li { float:left; padding:0 20px; margin:0; line-height:33px;}
#product .content .list ul .choose { font-weight:700; border-top:3px #090 solid; line-height: 27px; padding-top: 0;}
#product .content .int { width:980px; padding:0; margin:0 auto;}
#product .content .int .left { float:left; width:165px; text-align:center; margin-right:20px;}
#product .content .int .left { margin-top:35px; color:#FF3300; font-weight:700; line-height:25px; font-size:13px;}
#product .content .int .left font { text-decoration:line-through; margin-left:8px; color:#999; }
#product .content .int .center { width:500px; float:left; font-size:1em; padding:0px 0 15px 0; }
#product .content .int .center h2 { text-align:left; font-size:20px;}
#product .content .int .center h2 p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:400; letter-spacing: 0px;}
#product .content .int .center ul { padding:0; margin:0; text-align:left;}
#product .content .int .center ul li { padding-left:15px; margin:0px 0 8px 0; background:url(../new-images/yes.gif) left top 3px no-repeat; line-height:18px;}
#product .content .int .right p { margin:5px 0 10px 0;}
#product .content .int .right p a { color:#70B33C; text-decoration:underline;}
#product .content .int .right p a:hover { text-decoration:none;}
#product .content .int .right { float:right; width:230px; padding-top:15px; display:inline; display:inline; padding-bottom:15px;}
#product .content .int .right img { margin:0 0 10px 0;}

#all { background:#FFF; border-top:5px solid #CDCDCD; }
#all .content { width:980px; padding:0; margin:0 auto; padding:20px 0;}
#all .content .bread { margin-bottom:15px;}
#all .content .left { width:710px; float:left; border:1px solid #ddd; border-radius:8px; line-height:20px;}
#all .content .left a { color:#1C8600;}
#all .content .left .over { padding:0px 12px 12px 12px;}
#all .content .left .over p { padding:0; margin:0; line-height:19px;} 
#all .content .left .over h3 {background:none; text-indent:0; line-height:2.0em;}
#all .content .left .pic { width:280px; margin-top:10px;}
#all .content .left .int { width:380px;line-height:1.7em; margin-top:10px;}
#all .content .left .left { float:left; border:none; margin-left:15px;}
#all .content .left .review { margin:15px 0; background: #E8E8E8;}
#all .content .left .review .con { padding:12px;}
#all .content .left .review .con .pics { float:left; width:190px;}
#all .content .left .review .con .ints { float:right; width:480px; line-height:20px;}
#all .content .left .review .con .ints span { float:right; color:#999;}
#all .content .left .review .con .ints span em { margin-right:10px;}
#all .content .left .right { float:right; margin-right:15px;}
#all .content .left .right h3 { background:none; text-indent:0; line-height:1.5em;}
#all .content .right { width:250px; float:right;}
#all .content .more { padding:15px;}
#all .content .left table { width:100%;}
#all .content .left img { max-width: 670px;}

#all .content .left table td { padding:5px; vertical-align:middle; border:1px solid #ddd; font-size:12px;}


#all .content .left .guide { padding:15px;}
#all .content .left .guide h1 { font-size:18px;}
#all .content .left .guide h2 { text-align:left;}
#all .content .left .guide p { margin:5px 0 15px 0; line-height:19px;}
#all .content .left .guide .hotreview { padding:12px; border: 1px dashed #66CC66; background:url(../new-images/product-bg1.jpg) bottom repeat-x; border-radius :5px; margin-bottom:25px;}
#all .content .left .guide .hotreview h4 { padding:0; margin:0; line-height:25px; background:url(../new-images/five-stars.png) right center no-repeat;}
#all .content .left .guide .features { margin-bottom:15px;}
#all .content .left .guide .features .pic { float:left; width:260px;}
#all .content .left .guide .features .int { float:right; width:400px;}
#all .content .left .guide .features .int h2 { padding:0; margin:0; font-size:22px; margin-bottom:10px; }
#all .content .left .guide .featureslist li { background: url("../new-images/bullet.png") no-repeat scroll left top 9px rgba(0, 0, 0, 0);line-height: 1.9em; margin: 0;  padding: 8px 0 8px 35px; font-size:13px;}
#all .content .left .guide .featureslist h3 {background: url("../new-images/storetitle1.jpg") no-repeat scroll left center rgba(0, 0, 0, 0); color: #FFF; font-size: 22px; line-height: 45px; text-indent: 55px;}




#all .content .left .morefeatures { padding:15px; margin:0;}
#all .content .left .morefeatures h3 { font-size:20px;}
#all .content .left .morefeatures .one { width:320px; float:left; margin:15px 0;}
#all .content .left .morefeatures .one .pic { float:left; width:50px;}
#all .content .left .morefeatures .one .int { float:right; width:270px}
#all .content .left .morefeatures .two {width:320px; float:right; margin:15px 0;}
#all .content .left .morefeatures .two .pic { float:left; width:50px;}
#all .content .left .morefeatures .two .int {float:right; width:270px;}

#all .content .right .facebook { width:250px; border-radius:8px 8px 8px 8px; border:1px solid #ddd; text-align:center;}
#all .content .right .adwards { width:250px; border-radius:8px 8px 8px 8px; border:1px solid #ddd; text-align:center; margin:15px 0;}
#all .content .right .tips { width:250px; border-radius:8px 8px 8px 8px; border:1px solid #ddd; margin: 0 0 15px 0;}
#all .content .right .tips ul { width:248px; }
#all .content .right .tips ul li { padding-left:12px; line-height:1.9em; background:url(../new-images/dot.png) left top 9px no-repeat; margin:0 15px 0 15px;}
#all .content .right h3 {background:url(../new-images/storetitle01.gif) bottom repeat-x; line-height:2.2em; margin-top:0; padding-top:0; border-radius:8px 8px 0 0; text-align:left; text-indent:15px; }
#all .content .right .related { width:250px; border-radius:8px 8px 8px 8px; border:1px solid #ddd; margin:0 0 15px 0;}
#all .content .right .related h4 { margin:6px 10px 0 10px; line-height:20px;}
#all .content .right .related h4 a { color: #76B008;}
#all .content .right .related .pic { margin:10px; width:100px; text-align:center; line-height:30px; font-weight:700; color:#FF0000; font-size:14px; float:left;}
#all .content .right .related .int { margin:10px 10px 10px 0; width:110px; float:right; line-height:18px;}
#all .content .right .related .trydown { text-align:center; padding-bottom:8px;}



 #all .content .resources {background: none repeat scroll 0 0 #FFFFFF; margin:15px auto; border: 1px solid #DDDDDD; border-radius: 8px 8px 8px 8px; }
 #all .content .resources .content { padding:15px;}
 #all .content .resources .content img { margin:10px 0;}
 #all .content .resources .content em img { margin:0;}
 #all .content .resources .content ul{ float:left; padding:0; margin:0;}
 #all .content .resources .content ul li { float:left; width:300px; margin-right:15px; margin-bottom:25px; }
 #all .content .resources .content ul li p{ text-align:left; line-height:18px; margin:0 0 8px 0; padding:0; background:url(../new-images/dot.png) left top 7px no-repeat; width:auto; float:none; display:block; padding-left:10px; }
 
 #all .content .resources .content ul li p a {color:#76B008;}
 #all .content .resources .content ul li h3, #all .content .resources .content ul li h3 a {color:#76B008; font-size:16px;}
 #all .content .resources .content hr {background: url(../new-images/hr.png) bottom center no-repeat; height:25px; border: 0 none; clear: both;display: block; margin: 10px 0 0;padding: 0; width:950px; } 
 #all .content .resources .content .browse { float:left; width:470px;}
 #all .content .resources .content .browse h3 { margin:0; padding:0; line-height:30px;}
 #all .content .resources .content .browse p { float:left; padding:0; margin:0; line-height:25px; width:230px; background:url(../new-images/dot.png) left top 12px no-repeat; display:block; padding-left:10px;}
  







 




#main .contain article .download table td { vertical-align: top; padding:5px;}
#main .contain article .download table td img { margin-top:0;}
#main .contain article .download .sidebar { 
    background: url("../new-images/bg-sidebar.png") repeat-y scroll -12px 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin-top: 15px;
    width: 252px;
    z-index: 999;
} 

#main .contain article .download .sidebar ul { margin:0; padding:0; border:0;}
#main .contain article .download .sidebar ul .none { border:0;}





.footer {background: url("../new-images/footer-bga.jpg") repeat scroll 0 0 #70B33C;
    color: #FFFFFF;
    font-size: 14px;
    padding: 35px 0; border-top:5px solid #f4f4f4;}
	.footer h3 {margin: 5px 0 12px; color: #FFFFFF;
    font-size: 1.3em;
    font-weight: 600;
    text-shadow: -1px -1px 2px #3A3A3A; }
.footer a {color: #FFFFFF;}
 
#article {color: #494949;
    float: right;
    line-height: 1.7em;
    padding-bottom: 10px;
    padding-top: 0;
    width: 700px;}
#article h2 {
    font-size: 1.9em;  clear: both;
    line-height: 1.2em;
    margin-top: 20px;
    text-align: left;
}
#article p { font-size:0.9em;}
#article a { color:#76B008; text-decoration:none;}
#article a:hover { text-decoration:underline;}
.top20 { margin-top:20px;}



#main .contain .nav{ 
    border:0;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin-top: 15px;
    width: 300px;
    z-index: 999;}
	
#main .contain .nav	li{border-bottom: 1px solid #DFDFDF;
    font-size: 1.1em;
    height: 50px;
    padding-top: 16px;
    width: 248px; float: left;
    padding-right: 15px; padding-bottom:8px;}
	
	
/*================================================================
				NEW
================================================================*/	


#main .contain .newleft {
    border: 1px solid #DDDDDD;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin-top: 15px;
    width: 252px;
    z-index: 999;}
#main .contain .newleft ul li { display:block; border-bottom: 1px solid #DFDFDF;
    font-size: 1.1em;
    height: 50px;
    padding-top: 8px; width:auto; float:none; padding-left:15px;}	
#main .contain .newleft .days { margin-left:15px;}



/*================================================================
				store
================================================================*/
#main .contain #article .store { margin:0; padding:0;}
#main .contain #article .store p { margin:0 0 15px 0;}
#main .contain #article .store h2 { background: url(../new-images/storetitle1.png) left no-repeat; line-height:45px; text-indent:55px; font-size:22px; color:#fff;}
#main .contain #article .store .topsell { padding:0px 0 15px 0;}
#main .contain #article .store .topsell .price { font-size:16px; font-weight:700; color:#F30; text-align:center;}
#main .contain #article .store .topsell h3 { margin:0 0 10px 0; padding:0;}
#main .contain #article .store .topsell h3  span { display:block; font-size:14px;}
#main .contain #article .store .topsell h3 a { color:#666;}
#main .contain #article .store .topsell h3 a:hover { color:#76B008; text-decoration:none;}
#main .contain #article .store .topsell .left { width:300px; float:left;}
#main .contain #article .store .topsell .right { width:300px; float:right;}
#main .contain #article .store table { font-size:1.1em;} 
#main .contain #article .store table td { padding:6px 25px 6px 0px; text-align:center; border-bottom:1px dashed #ddd;}
#main .contain #article .store table td h3 { text-align:left; font-size:1.3em; font-weight:400; }
#main .contain #article .store table th { text-align:left; font-weight:400; padding:6px 25px 6px 0px; border-bottom:1px dashed #ddd;}
#main .contain #article .store table th h3 { text-align:center; font-size:1.3em; font-weight:400;}
#main .contain #article .store table td img { margin-left:5px; text-align: right; }
#main .contain #article .store table td font { color:#F33502; margin-left:5px;}

#main .contain #article .store ul { margin:0; padding:0; border:0; width:700px; }
#main .contain #article .store ul .none { border:none; margin-right:0;}
#main .contain #article .store ul li { background:none; width:210px; border-bottom:none; padding:0px 5px 5px 5px; margin:5px 15px 0 0; border-top:none; float:left; font-size:12px; line-height:20px; border-right:1px solid #ddd;}
#main .contain #article .store ul li p { text-align:center;}
#main .contain #article .store ul li span { text-align:center;}
#main .contain #article .store ul li .pic { width:100px;}
#main .contain #article .store ul li img { max-width:120px; margin: 0 0 0px 0;}
#main .contain #article .store ul li .int { float:right; font-size:12px; line-height:20px; width:100px;}
#main .contain #article .store ul li .max img{ max-width:90px;}

#main .contain #article .store .review { width:auto; padding:0; margin:0;}
#main .contain #article .store .review h3 { }
#main .contain #article .store .review .left { width:525px; float:left; border:1px solid #ddd; padding:0px 0; border-radius:10px; background:#FFF;   }
#main .contain #article .store .review .left h3 {background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px; margin-bottom:12px;}
#main .contain #article .store .review .left table { width:700px;}
#main .contain #article .store .review .left table td { padding:0; margin:0;}
#main .contain #article .store .review .left .pic { float:left; width:55px; margin-left:10px;}
#main .contain #article .store .review .left .int { float:right; width:430px; font-size:12px; line-height:20px; padding-right:10px;}
#main .contain #article .store .review .left .int em { display:block; text-align:right;}
#main .contain #article .store .review .right { width:165px; float:right;  border-radius: 8px 8px 8px 8px; border:1px solid #ddd; background:#FFF;}
#main .contain #article .store .review .right h3 { background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0;
    line-height: 2.2em;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 15px; margin-bottom:0;
}

#main .contain #article .store .review ul { margin:0; padding:0; border:0; width:150px; }
#main .contain #article .store .review .ons, #main .contain #article .store .review .ons a{ color:#70B33C; }
#main .contain #article .store .review ul li { float:none; padding:0; margin:0; border:0; background: url("../new-images/dot.png") no-repeat scroll left center transparent;
    line-height: 2.5em; width:135px;
    margin: 0 15px;
    padding-left: 12px;}
#main .contain #article .store .review ul li a { color:#666;}
#main .contain #article .store table td { vertical-align: middle; border:0;}
#main .contain #article .store table span { font-size:12px; display:block; line-height:18px;}





/*================================================================
				product
================================================================*/
#main .contain #article .products, #main .contain #article .download { margin:0; padding:0; width:980px;}
#main .contain #article .products p { margin:0 0 15px 0;}
#main .contain #article .products h2 { background: url(../new-images/video-icon.png) left no-repeat; line-height:40px; text-indent:35px; font-size:22px; color:#333; margin-bottom:0;}
#main .contain #article .products .topsell { padding:0px 0 15px 0;}
#main .contain #article .products .topsell .price { font-size:16px; font-weight:700; color:#F30; text-align:center;}
#main .contain #article .products .topsell h3 { margin:0 0 10px 0; padding:0;}
#main .contain #article .products .topsell h3  span { display:block; font-size:14px;}
#main .contain #article .products .topsell h3 a { color:#333;}
#main .contain #article .products .topsell .left { width:300px; float:left;}
#main .contain #article .products .topsell .right { width:300px; float:right;}
#main .contain #article .products table { font-size:1.1em;} 
#main .contain #article .products table td { padding:6px 25px 6px 25px; text-align:center; border-bottom:1px dashed #ddd;}
#main .contain #article .products table td h3 { text-align:left; font-size:1.3em; font-weight:400; }
#main .contain #article .products table th { text-align:left; font-weight:400; padding:6px 25px 6px 25px; border-bottom:1px dashed #ddd;}
#main .contain #article .products table th h3 { text-align:center; font-size:1.3em; font-weight:400;}
#main .contain #article .products table td img { margin-left:5px; text-align: right; }
#main .contain #article .products table td font { color:#F33502; margin-left:5px;}

#main .contain #article .products ul { margin:0; padding:0; border:0; width:980px; }
#main .contain #article .products ul .none { border:none; margin-right:0;}
#main .contain #article .products ul li { background:none; width:210px; border-bottom:none; padding:0px 5px 5px 5px; margin:5px 15px 0 0; border-top:none; float:left; font-size:12px; line-height:20px; border-right:1px solid #ddd;}
#main .contain #article .products ul li p { text-align:center;}
#main .contain #article .products ul li span { text-align:center;}
#main .contain #article .products ul li .pic { width:100px;}
#main .contain #article .products ul li img { max-width:120px; margin: 0 0 0px 0;}
#main .contain #article .products ul li .int { float:right; font-size:12px; line-height:20px; width:100px;}
#main .contain #article .products ul li .max img{ max-width:90px;}

#main .contain #article .products .review { width:auto; padding:0; margin:0; width:980px;}
#main .contain #article .products .review .left { width:800px; float:left; border:1px solid #ddd; padding:0px 0; border-radius:10px; background:#FFF;   }

#main .contain #article .products .review .left .pic { float:left; width:55px; margin-left:10px;}
#main .contain #article .products .review .left .int { float:right; width:700px; font-size:12px; line-height:20px; padding-right:10px;}
#main .contain #article .products .review .left .int em { display:block; text-align:right;}

#main .contain #article .products .review .left h3 {background: url("../new-images/pcb.gif") repeat-x scroll center bottom transparent; border-radius: 8px 8px 0 0;
    line-height: 2.2em; margin-top: 0; padding-top: 0; text-align: left; text-indent: 15px; margin-bottom:12px;} 

#main .contain #article .products .review .right { width:165px; float:right;  border-radius: 8px 8px 8px 8px; border:1px solid #ddd; background:#FFF;}
#main .contain #article .products .review .right h3 { background: url("../new-images/storetitle01.gif") repeat-x scroll center bottom transparent;
    border-radius: 8px 8px 0 0; line-height: 2.2em; margin-top: 0; padding-top: 0; text-align: left; text-indent: 15px; margin-bottom:0;}

#main .contain #article .products .right ul { margin:0; padding:0; border:0; width:150px; border:0; }
#main .contain #article .products .right ul li { float:none; padding:0; margin:0; border:0; background: url("../new-images/dot.png") no-repeat scroll left center transparent; border:0; display:block;
    line-height: 2.5em; width:135px; margin: 0 15px; padding-left: 12px;}
#main .contain #article .products .right ul li a { color:#666;}
.clear { clear:both;}
.cents { text-align:center}
.cents img { border-radius:5px; margin:5px 0;}
#all .content .left #cse td { border:0; padding: 0 35px 0 0;}
#all .content .left #cse .gsc-inpu, #all .content .left #cse .gsc-search-button, #all .content .left #cse .gsc-clear-button { border: 0;}
#all .content .left .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image { max-width:90px;}


#resource { width:980px; margin:15px auto; padding:0; border: 1px solid #DDDDDD;
    border-radius: 5px;
    
    position: relative;
    }
	
#resource .title{border-bottom: 1px solid #DDDDDD; text-align:left;
    margin: 0 auto 20px;
    position: relative;
    padding:15px;}
#resource h3 { margin:15px 0; }	
#resource .line {border-bottom: 1px solid #DDDDDD; height:5px;}
#resource .tipon { margin:10px 0 0 0px; padding:0;}
#resource .tipon .one, #resource .tipon .two, #resource .tipon .three { float:left;}
#resource .tipon .one { width:220px;}
#resource .tipon .two { width:480px; color:#666; font-size:14px;}
#resource .tipon .three { width:250px;}
#resource .tipon .two h3 { padding-bottom:10px;}
#resource .tipon .two a { padding-right:25px; color:#70B33C;}
#resource .arti { padding:15px; background:#FFF;}
#resource .arti ul { padding:0; margin:0;}
#resource .arti ul li { width:465px; float:left; padding-left:10px; background:url(../new-images/dot.png) center left no-repeat; line-height:25px;}
#resource .arti ul li a {color:#70B33C;}