@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../images/crescent-universal-bg.gif);
	width:100%;
	height:100%;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, strong, form, fieldset, table, th, tr, td, input, label, select, div {
    margin: 0;
    padding: 0;
	color:#06F;
}
a:link, a:visited { color:#CCC; font-size: 14px; font-family:Verdana, Geneva, sans-serif; text-decoration: none; }

a:hover { text-decoration:blink; color:#FFF; }
img {
    border: medium none;
    font-size: 20px;
    font-weight: normal;
}
img:hover{
	filter:alpha(opacity=80);/* Needed for IE8 and old versions */
	opacity:0.8;
}
p {
	line-height: 24px;
	margin: 0;
}
p a,
#body div#content div#services div.section div span a {
	color: #0CF;
}
p a:hover,
#footer div div.last div a:hover,
#body div#content div#product ul li h2 a:hover,
#body div#content div#blog div.section ul li p a.readmore:hover,
#body div#content div#home div.sidebar ul li p a.readmore:hover,
#body div#content div#blog div.section ul li h2 a:hover,
#body div#content div#services div.section div span a:hover {
	color: #FFF;
}
.navmenu{
	background-repeat:no-repeat;
	width:960px;
	height:31px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	text-align:right;
	background-image:url(../images/universal_01.gif)
}
#nav{
	padding-top:5px;
}

.left1{
	width:185px;
	height:1350px;
	float:left;
	background-color:#edf177;
	font-size:16px;
	
	
		
}
.right1{
	width:202px;
	height:1350px;
	float:right;
	background-color:#edf177;
	font-size:16px;
}
.hleft{
	float:left;
	background-image:url(../images/universal_02.gif);
	height:75px;
	width:227px;
	background-repeat:no-repeat;
}
.hmiddle{
	float:left;
	background-image:url(../images/universal_03.gif);
	height:75px;
	width:637px;
	background-repeat:no-repeat;
}
.hright{
	float:left;
	background-image:url(../images/globe.gif);
	height:75px;
	width:96px;
	background-repeat:no-repeat;
}
.mainmenu{
	background-image:url(../images/universal_06.gif);
	width:960px;
	height:48px;
	float:left;
}
/*
-------------------------------------------------------------------------------
	Tabs Style
-------------------------------------------------------------------------------
*/

.blockTabs {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#000;
	border:1px solid #363d45;
}
.blockTabs .tabsNavContainer {
	border-bottom: 1px solid #363d45;
}
.blockTabs .tabsNavContainer h2 {
	float: left;
	display:inline;
	margin:0 0 0 20px;
	color:#ffa71b;
	text-transform:uppercase;
	font-size:18px;
	line-height:50px;
	font-family:gesta, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	clear:left;
	font-weight:500;
}
.blockTabs:hover .tabsNavContainer h2  {
	text-shadow: 0 0 10px #ffa71b;
	-webkit-transition: color 1s, top 0.2s;
	-webkit-transition: text-shadow 1s, top 0.2s;
	-webkit-transition-delay: 0;
	
	-moz-transition: color 1s, top 0.2s;
	-moz-transition: text-shadow 1s, top 0.2s;
	-moz-transition-delay: 0;
	
	-o-transition: color 1s, top 0.2s;
	-o-transition: text-shadow 1s, top 0.2s;
	-o-transition-delay: 0;
}
.blockTabs .tabsNav {
	float:right;
	width:600px;
	clear:right;
}
.blockTabs .tabsNav li {
	position: relative;
	float: left;
	display: inline;
	list-style-type: none;
	background: transparent;
	border: 0 none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
}
.blockTabs .tabsNav li a {
	float: left;
	display: inline;
	color: #ddd;
	background: transparent url(../images/arrow_down_blue.gif)no-repeat 50% 85%;
	text-transform: uppercase;
	border: 0 none;
	white-space: nowrap;
	line-height: 30px;
	font-size: 14px;
	font-weight: 500;
	font-family: gesta, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	position: relative;
	z-index: 970;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

/* resizing regional tab text to fit in fixed width */
.br .blockTabs .tabsNav li a, 
.ca-fr .blockTabs .tabsNav li a, 
.lat .blockTabs .tabsNav li a,
.nl .blockTabs .tabsNav li a,
.fr .blockTabs .tabsNav li a 
{ 
	font-size:13px;
}

.de .blockTabs .tabsNav li a,
.es .blockTabs .tabsNav li a 
{ 
	font-size:12px;
}

.es  .blockTabs .tabsNav {
	width: 960px;
}



/* hovering over active tab */
.tabsNav li.selected:hover,
.tabsNav li.ui-tabs-selected:hover, 
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover
{
	border-color:#363d45;
}

.br #tab-2.panel .navList, .lat #tab-2.panel .navList {padding-left: 10px;}
.br .blockTabs #tab-2.panel, .lat .blockTabs #tab-2.panel {background: none;}

.br #tab-2 .navList li.item0, .lat #tab-2 .navList li.item0 { background: url("/images/icons/support/bg-icon-knowledge-base.png") no-repeat scroll 0 0 transparent; padding-left: 45px;}
.br #tab-2 .navList li.item1, .lat #tab-2 .navList li.item1 { background: url("/images/icons/support/bg-icon-email-question.png") no-repeat scroll 0 0 transparent; padding-left: 45px;}



.tabsNav li.active a, .tabsNav li.selected a, .tabsNav li.ui-tabs-selected a {
	color: #1978be;
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url(../images/arrow_down_blue.gif)
	no-repeat 50% 90%;
	text-shadow: 0px 4px 10px #000;
}
.tabsNav li a:hover, 
.tabs.ui-tabs .ui-tabs-nav li a:hover {
	color:#1978be;
	background:transparent  url(../images/arrow_down_blue.gif)no-repeat 50% 90%;
	padding-top:5px;
	padding-bottom:2px;
	-webkit-transition: color 1s, top 0.2s;
	-webkit-transition: background 0.2s, top 0.2s;
	-webkit-transition: padding 0.2s, top 0.2s;
	-webkit-transition-delay: 0;
	
	-moz-transition: color 1s, top 0.2s;
	-moz-transition: background 0.2s, top 0.2s;
	-moz-transition: padding 0.2s, top 0.2s;
	-moz-transition-delay: 0;
	
	-o-transition: color 1s, top 0.2s;
	-o-transition: background 0.2s, top 0.2s;
	-o-transition: padding 0.2s, top 0.2s;
	-o-transition-delay: 0;
}
.tabsNav li.selected a:hover,
.tabsNav li.ui-tabs-selected a:hover 
{
	color:#1978be;
	border-color:#363d45;
	background:transparent  url(../images/arrow_down_blue.gif) no-repeat 50% 90%;
}

.blockTabs .tabsNav li a {
    background:url(../images/arrow_down_blue.gif) no-repeat scroll 50% 85% transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #DDDDDD;
    display: inline;
    float: left;
    font-family: gesta,"Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding: 5px 5px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 970;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.tabsNav li a {
	background: url("/images/jquery/ui/ui-tab-default.gif") repeat-x scroll 0 0 transparent;
	border-left: 1px solid #FFFFFF;
	border-radius: 3px 3px 0 0;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #FFF;
	display: inline;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin: 0;
	position: relative;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	z-index: 970;
	padding-top:15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
a:link {
}
a {
    color: #1978BE;
    text-decoration: none;
}

.blockTabs .tabsNav li {
    list-style-type: none;
}
.tabsNav li {
    list-style-type: none;
    text-transform: none;
}
li {
    font-size: 11px;
    line-height: 18px;
}

.tabsNav {
    list-style: none outside none;
}
ul {
    list-style-type: square;
}
ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, 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 {
    font-size: 100%;
}
#pgBody {
    text-align: left;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, 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 {
    font-size: 100%;
}
#pgBodyWrapper {
    text-align: center;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, 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 {
    font-size: 100%;
}
/*
-------------------------------------------------------------------------------
	content Style
-------------------------------------------------------------------------------
*/
.content{
	width:960px;
	height:400px;
	float:left;
}


/*footer*/
img {
	border: 0;
}
p {
	line-height: 24px;
	margin: 0;
	color: #FFFFFF;
}
p a,
#body div#content div#services div.section div span a {
	color: #736e5f;
}
p a:hover,
#footer div div.last div a:hover,
#body div#content div#product ul li h2 a:hover,
#body div#content div#blog div.section ul li p a.readmore:hover,
#body div#content div#home div.sidebar ul li p a.readmore:hover,
#body div#content div#blog div.section ul li h2 a:hover,
#body div#content div#services div.section div span a:hover {
	color: #898066;
}

#body div#content div#home h4,
#footer div h4 {
	color: #00F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.025em;
	line-height: 48px;
	margin: 0;
}

#footer div {
	overflow: hidden;
	padding: 0 0 0 0;
}
#wd{
	width:200px;
	height:150px;
	float:left;
	margin-left:25px;
}
#gd{
	width:150px;
	height:150px;
	float:left;
	margin-left:25px;
}
#wh{
	width:220px;
	height:150px;
	float:left;
	margin-left:25px;
}
#seom{
	width:200px;
	height:150px;
	float:left;
	margin-left:30px;
}
.stepd{
	width:900px;
	height:150px;
	float:left;
	
}

#footer div div.first p {
	letter-spacing: 0.05em;
	text-align: justify;
	color: #FFFFFF;
}
#footer div div.last {
	float: right;
	padding: 0;
	width: 300px;
	height:200px;
	margin-top:20px;
}
#footer div div.last div {
	padding: 5px 0 15px;
}
#footer div div.last div a {
	color: #736e5f;
	display: block;
	float: left;
	height: 26px;
	text-indent: -99999px;
	text-transform: lowercase;
}
#footer div div.last div a#facebook {
	background:url(../images/icons.png)
	no-repeat;
	height: 25px;
	width: 25px;
}
#footer div div.last div a#facebook:hover {
	background: url(../images/icons.png) no-repeat -25px 0;
}
#footer div div.last div a#twitter {
	background: url(../images/icons.png) no-repeat 0 -35px;
	margin: 0 0 0 14px;
	width: 38px;
}

#footer div div.last div a#twitter:hover {
	background: url(../images/icons.png) no-repeat 0 -61px;
}
#footer div div.last div a#googleplus {
	background: url(../images/icons.png) no-repeat 0 -97px;
	margin: 0 0 0 18px;
	width: 26px;
}
#footer div div.last div a#googleplus:hover {
	background: url(../images/icons.png) no-repeat -26px -97px;
}
#footer div div.last form {
	overflow: hidden;
	margin: 0;
}
#footer div div.last form input#newsletter {
	border: none;
	color: #636466;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 34px;
	letter-spacing: 0.05em;
	line-height: 34px;
	margin: 0;
	padding: 0 7px;
	width: 236px;
}
#footer div div.last form input#go {
	background: #4b4946;
	border: none;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	height: 34px;
	letter-spacing: 0.05em;
	padding: 0;
	text-transform: lowercase;
	width: 40px;
}
#footer p.footnote {
	color:#06F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.075em;
	line-height: 75px;
	text-align: center;
}
#site-wrapper #footer div .first div {
	float:left;
	height: auto;
	width: auto;
}
#site-wrapper #footer div .first div a {
	color: #736e5f;
	display: block;
	float: left;
	height: 26px;
	text-indent: -99999px;
	text-transform: lowercase;
}
#site-wrapper #footer div .first div a#home {
	background:url(../images/icon.png)
	no-repeat;
	height: 25px;
	width: 25px;
}
#site-wrapper #footer div .first div a#home:hover {
	background: url(../images/icon.png) no-repeat -25px 0;
}
#site-wrapper #footer div .first div a#about {
	background: url(../images/icon.png) no-repeat 0 -35px;
	margin: 0 0 0 14px;
	width: 38px;
}
#site-wrapper #footer div .first div a#about:hover {
	background: url(../images/icon.png) no-repeat 0 -61px;
}
#site-wrapper #footer div .first div a#contactus {
	background: url(../images/icon.png) no-repeat 0 -97px;
	margin: 0 0 0 18px;
	width: 26px;
}
#site-wrapper #footer div .first div a#contactus:hover {
	background: url(../images/icon.png) no-repeat -26px -97px;
}
.line{
	margin-top:5px;
	width:960px;
	height:5px;
	float:left;
}
#site-wrapper{
	border:#036 thin ridge;
}