/* CSS FILE AVANSIT */

body {
	font-family: "Open sans", Arial, Helvetica, sans-serif;
	/* font-family: 'myriad-pro-1','myriad-pro-2',sans-serif; */
	font-size:12px;
	margin:0px;
	color:#555;
	text-align:center;
	background:#F0F2F4;
}
a {color:#0868f3;}
a:hover {color:#ff4600;}
optgroup {font-style:normal;}
small {font:90% Arial;}
pre {background:#efefef; font:90% "Courier New", Courier, monospace; border:1px solid #999; padding:9px;}

/***********************************************************************
	CLASSES
***********************************************************************/

.img-left {float:left; margin:0px 10px 12px 0px;}
.img-right {float:right; margin:0px 0px 12px 10px;}
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

a .border1 {margin:0 0 9px 5px; border:5px solid #efe9dd;}
a:hover .border1 {border-color:#D0BF9B; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
a.link1 {color:#fff; padding:0 2px;}
a.link1:hover {background-color:#F0FEFF; color:#083e60; text-decoration:none;}
a.link2 {text-decoration:none; color:inherit;}
a.link2:hover {text-decoration:underline;}
a.bt1 {background:url(../../WelcomeHosting/_includes/bt1.png) no-repeat center top; width:90px; height:20px; text-align:center; line-height:20px; color:#fff; display:block; text-decoration:none; font-weight:bold; font-size:0.9em;}
a.bt1:hover {background-position:center -50px;}

ul.list1, ul.list2 {padding-left:0; margin-left:0; list-style:none;}
ul.list1 li {background:url(../../WelcomeHosting/_includes/bullet.gif) no-repeat left top; padding-left:23px;}
ul.list2 li {background:url(../../WelcomeHosting/_includes/bullet6.gif) no-repeat left 4px; padding-left:14px; margin-left:14px;}
ul.list3  {margin:0; padding:0; list-style:none;}
ul.list3  li {padding:2px 0 3px 18px; background:url(../../WelcomeHosting/_includes/bullet4.png) no-repeat left center;}
ul.list4  {margin:0; padding:0; list-style:none;}
ul.list4  li {padding:2px 0 5px 23px; background:url(icon-check.png) no-repeat left 3px;}

.small-text {font-size:0.9em;}
.text-red {color:#ff4600;}
.text-blue {color:#0868f3;}
.text-gray {color:#777;}

.border-right {border-right:1px solid #d3d3d3;}

ul.list-templates {margin:0; padding:0;}
ul.list-templates li {display:block; float:left; background-color:#f9f9f9; margin:15px 5px; height:180px; width:160px; position:relative; text-align:center;}
ul.list-templates li img {position:absolute; bottom:25px; margin:0 20px;}
ul.list-templates li span {position:absolute; bottom:7px; width:160px; text-align:center; margin:0 auto;}
.border-top {border-top:1px solid #ddd;}
.border-left {border-left:1px solid #ddd;}
.border-right {border-right:1px solid #ddd;}
.border-bottom {border-bottom:1px solid #ddd;}
.cell-left {padding:10px 10px 10px 0;}
.cell-right {padding:10px 0 10px 10px;}

/***********************************************************************
	STRUCTURE
***********************************************************************/

#container, 
#header, #body, #footer {position:relative; width:900px; margin:0 auto;}

/***********************************************************************
	HEADER
***********************************************************************/

#header {text-align:left; position:relative;}
#header #logo {width:298px; height:50px; padding:20px 0 10px 12px; float:left;}
#header h1 {padding:35px 18px 12px 0; margin:0; font-weight:normal; font-size:25px; font-family:trebuchet ms; color:#777; text-align:right;}
#header h1 a {text-decoration:none; color:#064269;}

/***********************************************************************
	BODY
***********************************************************************/

#body {text-align:left; background:url(bg-body-content3.png) no-repeat center bottom; padding-bottom:25px;}
#body-outer {background:url(bg-body-content2.png) repeat-y center;}
#body-content {background:url(bg-body-content1.png) no-repeat center top; padding:15px 25px 0 25px; position:relative;}
#body .content {padding:5px 25px 25px 25px;}
#body h2 {font-size:22px; line-height:1.4em; margin:20px 0 15px 0; font-weight:normal; font-family:trebuchet ms; color:#015184;}
#body h3 {font-weight:normal; font-size:1.4em; font-family:trebuchet ms; margin-top:0; color:#005287;}
#body h4 {font-size:1.0em;}

#body .main-nav ul {position:absolute; right:10px; bottom:10px; margin:0; padding:0;}
#body .main-nav ul li {display:inline; margin:0 1px;}
#body .main-nav ul li a {text-decoration:none; text-transform:uppercase; font-size:7pt; background:#e9e9e9; padding:7px 9px; border-radius:12px;}
#body .main-nav ul li a:hover {background:#ddd;}
#body .main-nav ul li {}

/***********************************************************************
	FOOTER
***********************************************************************/

#footer {text-align:left;}
#footer .sub-nav {padding:15px 0 45px 0; text-align:center;}
#footer .sub-nav ul {list-style:none; margin:0; padding:0;}
#footer .sub-nav ul li {display:inline; padding:0 7px;}
#footer .sub-nav ul li a {text-decoration:none;}
#footer .sub-nav ul li a:hover {text-decoration:underline; color:#da3902;}





/* The Nivo Slider styles */
#slider{ height:250px;  width:850px !important; position: relative; overflow:hidden; border-bottom:solid 5px #0a68a4; margin-top:10px;}
#slider_box{height:250px;  width:363px !important; position: relative; float:left;}
#slider .nivoSlider {position: absolute;}
/* If an image is wrapped in a link */
#slider .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
#slider .nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
#slider .nivo-directionNav a {position:absolute; bottom:21px; z-index:99; display:block; cursor:pointer; text-indent:-5000px; width:26px; height:13px;}
#slider .nivo-prevNav {right:-459px;background: url(marker_left.png) 0 0 no-repeat;}
#slider .nivo-nextNav {right:-485px; display:block; background: url(marker_right.png) 0 0 no-repeat;}
#slider .nivo-prevNav:hover{ background-position: bottom;}
#slider .nivo-nextNav:hover{ background-position: bottom;}

/* Caption styles */
#slider .nivo-caption {position:absolute; right:-468px; top:5px; overflow:hidden; width:430px;}
#slider .nivo-caption p {}
#slider .nivo-caption ul { margin:0; padding:0;}
#slider .nivo-caption ul li {line-height:24px; padding-left:38px; background:url(icon-check.png) no-repeat 14px 3px;}
#slider .nivo-caption ul li.last { background:none;}
#slider .nivo-caption ul li a { background:url(arrow-right.png) no-repeat right top; padding-right:13px;}

#slider .nivo-caption .dropcap_1 { float:left; margin-top:16px; margin-right:11px; width:44px; height:44px; font-size:24px; font-weight:700; line-height:44px; text-align:center; color:#fff;}
#slider .nivo-html-caption { display:none;}
#slider h2 {font-size:22px; line-height:1.4em; margin-bottom:18px; font-weight:normal; position:relative;}
#slider h2 a {text-decoration:none; color:inherit;}
#slider h2 span {display:block; position:relative}