/* ::::: http://www.observepoint.com/css/solutions.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; font-size: 100%; vertical-align: baseline; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body { line-height: 1; }
ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
body { font-family: "Myriad Pro","Trebuchet MS",Arial,Helvetica,sans; }

.clear { clear: both; }

#nav { height: 58px; }
#nav #logo { width: 227px; float: left; padding: 5px 0pt;}
#nav #links { margin: 0pt; padding: 0pt; width: 650px; float: right; height: 48px; text-align: right; }
#nav #links ul { list-style-type: none; }
#nav #links li { padding: 0pt 15px; display: inline-block; float: left; font-size: 15px; }
#nav #links li a { padding: 25px 0pt; color: rgb(255, 216, 0); text-decoration: none; display: block; }
#nav #links li a:hover { color: rgb(255, 255, 255); }
#nav #links li.active a { color: rgb(255, 255, 255); }
#nav #links li.divide { padding: 5px 10pt; }
/* LIVE CHAT */
#nav #links ul li.live-chat
{
    padding-left:21px;
    background:url(../images/live_chat_icon.jpg) 0 20px no-repeat;
  
}
#nav #links ul li.live-chat a
{
    text-decoration:none;
    color:#99d827;
}

#nav #links ul li.live-chat a:link,#nav #links ul li.live-chat a:visited
{
    color:#33CC66;
}

#nav #links ul li.live-chat a:hover,#nav #links ul li.live-chat a:active
{
    color:#33CC66;
} 


#links ul { list-style-type: none; }
#links li { padding: 0pt 15px; display: inline-block; float: left; font-size: 15px; }
#links li a { padding: 15px 0pt; color: rgb(185, 185, 185); text-decoration: none; display: block; }
#links li a:hover { color: rgb(255, 255, 255); }
#links li.active a { color: rgb(144, 217, 246); }
#links li.acct a { color: rgb(151, 219, 244); font-size: 12px; position: relative; top: 3px; }
#links li.acct a:hover { color: rgb(255, 255, 255); }
.solutions #testimonials { width: 100%; float: none; }
.solutions #testimonials div { background: rgb(249, 249, 249) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.solutions #testimonials div p { color: rgb(85, 85, 85); }
#testimonials { width: 550px; float: right; }
#testimonials div { border-bottom: 1px solid rgb(204, 204, 204); padding: 15px; background: rgb(243, 243, 243) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#testimonials div p { margin: 25px; font-size: 24px; font-style: italic; color: rgb(34, 34, 34); line-height: 32px; }
#testimonials div span { margin: 0pt 35px 0pt 0pt; text-align: right; display: block; font-size: 15px; color: rgb(102, 102, 102); }
#testimonials div span strong { color: rgb(51, 51, 51); }
#testimonials div p strong { font-size: 48px; font-family: "Times New Roman",Times,serif; color: rgb(204, 204, 204); }

.clear.hr { border-bottom: 2px solid rgb(218, 217, 217); }


#footer { padding: 10px; background: rgb(42, 41, 41) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: Arial,Helvetica,sans-serif; }
#footer #flinks { margin: 0pt auto; width: 1024px; }
#footer #flinks .links { margin: 15px 35px 10px 0pt; width: 315px; float: left; line-height: 15px; }
#footer #flinks .links a { color: rgb(154, 152, 152); text-decoration: none; font-size: 12px; }
#footer #flinks .links a:hover { color: rgb(255, 255, 255); }
#footer #flinks .links h6 { margin: 0pt 0pt 10px; color: rgb(255, 216, 0); font-weight: normal; font-size: 19px; }


.subBody { background: rgb(236, 234, 234) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#topContainerSub { background: transparent url('../images/topcontainersubbg.jpg') no-repeat scroll center center; width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 180px; }
#topContentSub { margin: 0pt auto; width: 1024px; height: 220px; }
#sectionHeader { margin: 45px 0pt 0pt; }
#sectionHeader img.subsolutions { float: left; }
#sectionHeader img.topproacct { margin: 10px 7px 0pt 0pt; float: right; }
#sectionShell { margin: 0pt auto; background: transparent url('../images/subpageshellbg.png') no-repeat scroll 0% 0%; overflow: auto; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 1068px; }

#solutionLinks { margin: 25px auto 0pt; width: 1024px; }
#solutionLinks a { border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(216, 214, 214); margin: 0pt; padding: 25px; color: rgb(144, 144, 144); font-size: 24px; text-decoration: none; display: block; float: left; }
#solutionLinks a.signup { border: medium none ; margin: 10px 0px 0pt 0pt; padding: 0pt; display: block; float: right; }
#solutionLinks a:hover { color: rgb(0, 0, 0); }
#solutionLinks a.active { border-bottom: 20px solid rgb(255, 216, 0); padding-bottom: 15px; color: rgb(0, 0, 0); }

#solutionsnav { margin: 25px auto; width: 950px; }
#solutionsnav .prev, #solutionsnav .next { width: 150px; text-align: center; float: left; }
#solutionsnav .convinced { width: 450px; height: 77px; float: left; }
#solutionsnav .convinced { margin-left: 120px; padding-top: 15px; }
#solutionsnav .next { float: right; }


#subcontent { margin: 0pt auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; width: 1024px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }


#subbody { margin: 30px auto; width: 964px; height: 600px; }
#subbody p.top { margin: 15px 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 17px; color: rgb(85, 85, 85); line-height: 24px; }
#subbody h1 { font-size: 54px; color: rgb(17, 17, 17); font-weight: normal; }
#subbody.solutions { overflow: auto; height: auto; margin-bottom: 0pt; padding-bottom: 25px; }


.solutions h2 { font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 24px; color: rgb(0, 102, 153); }
.solutions p { margin: 10px 0pt; font-family: Arial,Helvetica,sans-serif; color: rgb(68, 68, 68); font-size: 13px; line-height: 21px; }
.solutions p strong { color: rgb(34, 34, 34); }
.solutions p a { color: rgb(0, 102, 153); text-decoration: none; }
.solutions p a:hover { color: rgb(34, 34, 34); }
.solutions img { border: 1px solid rgb(238, 238, 238); padding: 5px; }
.solutions img.nob { border: medium none ; }
.solutions .left { float: left; }
.solutions .left.text { padding: 25px 0pt 0pt; width: 475px; margin-left: 50px; }
.solutions .left.img { background: transparent url('../images/screenshotbg.png') no-repeat scroll 0% 0%; margin-left: 25px; width: 393px; height: 236px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; }
.solutions .left.img img { margin: 11px 0pt 0pt; }
.solutions .right { float: right; }
.solutions .right.img { background: transparent url('../images/screenshotbg.png') no-repeat scroll 0% 0%; margin-right: 25px; width: 393px; height: 236px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; }
.solutions .right.img img { margin: 11px 0pt 0pt; }
.solutions .right.text { padding: 25px 0pt 0pt; width: 475px; margin-right: 50px; }

#corp-content {
	width:750px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:none;
	background-color:#eee;
	}

#corp-content p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#benifits ul {
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-left
{
	background: rgb(231, 231, 231) url('left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-right
{
	background: rgb(231, 231, 231) url('right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	background: rgb(231, 231, 231);
}
#rounded-corner td
{
	padding: 8px;
	background: rgb(231, 231, 231);
	border-top: 1px solid #fff;
	color: #000000;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: rgb(231, 231, 231) url('botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: rgb(231, 231, 231) url('botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: rgb(231, 231, 231);
}

