* {
	padding:0;
	margin:0;

}

img   {
	border: 0;
}

hr {
border:0;
height:1px;
background:#333;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px 0 14px 0;
	color:#535353;
	line-height:18px;
}

#home-body {
	background: #fff url(../img/background-body.gif) repeat-x;
	
}

#page-body {
	background: #fff url(../img/background-body-2.gif) repeat-x;
	
}



#wrapper {
	width:950px;
	margin:0 auto;

}

#menu-wrapper {
	width:950px;
	background:#FFF;
	height:84px;
	float:left;
	margin:0;
	padding:0;

	
}

#menu-wrapper img {
	float:left;
	padding:0;
	margin:0;
}

ul#menu li {
	list-style:none;
	display:inline;
	font-family:"Trebuchet MS";
	font-size:14px;	
	margin-right:24px;
	font-weight:bold;
	font-style:italic;
	
}


#menu li a {
	color:#8a8a8a;
	text-decoration:none;
}

	
#menu li a:hover {
	color:#5fb1e5;
	text-decoration:none;
}


#menu { 
	float:right;
	margin-top:51px; 
	margin-right:11px;
}

#home-header {
	width:950px;
	background: url(../img/background-header.jpg) top no-repeat;
	float:left;
}

#home-header h1 {
	color:#FFF;
	font-family:"Trebuchet MS";
	font-size:36px;
	float:right;
	text-align:right;
	font-style:italic;
	margin-top:33px;
	margin-right:32px;
}

#page-header {
	width:950px;
	float:left;
	height:76px;
}

#screenshot {
	width:544px;
	height:305px;
	background: url(../img/background-screenshot.gif) bottom no-repeat;
	float:left;

	margin-top:-11px;
	margin-left:4px;

}

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	background: #fff;
	width: 456px;
	height: 266px; /*Height should enough to fit largest content's height*/
	margin-left: 46px;
	margin-bottom: 15px;
	text-align:center;


}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 456px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-top: 15px;
}


#arrow-left {
	float: left;
	background: url(../img/button-arrow-left.gif);
	width: 17px;
	height: 19px;
	text-indent: -9999px;
}

#arrow-left:hover {
	background-position: 17px;
	cursor: pointer;
}

#arrow-right {
	float: left;
	background: url(../img/button-arrow-right.gif);
	width: 17px;
	height: 19px;
	text-indent: -9999px;
	margin-left: 8px;
}

#arrow-right:hover {
	background-position: 17px;
	cursor: pointer;
}



#screenshot.panel img {
	border: 20px solid #FFF;
	border-top: 16px solid #FFF;
	margin:0 auto;
}

#screenshot p {
	text-align:left;
	margin-left:50px;
	color:#bebebe;
	font-family:"Trebuchet MS";
	font-size:12px;
}


#screenshot-text {
	margin-left:50px;
}

#screenshot-text p   {
	float:left;
	padding:0;
	margin:1px 0 0 10px;

}

#screenshot-text img {
float:left;
}

#header-text {
	width:355px;
	height:270px;
	float:left;
}

#header-text h2 {
	color:#FFF;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:20px;
	margin-top:28px;
}

#header-text .list1 {
	float:left;
}

#header-text .list2 {
	float:left;
	margin-left:36px;
}


#header-text ul {
	margin-left:26px;
	margin-top:9px;
}
	
#header-text li {
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;

}	

#homepage-buttons {
	margin-top:55px;
	float:left;
	width:355px;

}

#homepage-buttons img {
	float:left;
	margin-left:11px;
	padding:0;
}

#create-account {
	background: url(../img/button-create-account.gif) no-repeat;
	width:191px;
	height:55px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	float:left;
	text-decoration:none;
	margin-left:10px;
}

#create-account:hover {
	background: url(../img/button-create-account.gif) no-repeat;
	background-position:-209px 0px;
}


#create-account span {
	margin:14px 14px 14px 16px;
	float:left;
cursor: pointer;
}

#login {
	background: url(../img/button-login.gif) no-repeat;
	width:117px;
	height:55px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	float:left;
	text-decoration:none;
	margin-left:8px;
}

#login span {
	margin:14px 0 0 30px;
	float:left;
cursor: pointer;	
}

#login:hover {
	background: url(../img/button-login.gif) no-repeat;
	background-position:-133px 0px;
}





#homepage-buttons p {
	color:#c7c7c7;
	margin-top:47px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:18px;
	float:left;
	margin-left:6px;
	font-weight:bold;

}

#content {
	width:543px;
	float:left;
	margin-left:47px;
	display:inline;
}	

h1 {
	color:#1b5275;
	font-family:"Trebuchet MS";
	font-size:24px;
	margin-top:40px;
}





#side {
	width:264px;
	margin-left:48px;
	background:000;
	float:left;
	margin-top:21px;
}



#content-wrapper {
	width:950px;
	float:left;
}


.side-item {
	width:249px;
	padding:8px;
	margin-bottom:10px;	
	border:1px solid #e1e1e1;		
}

.center {
text-align:center;
}


#breadcrumb {
	margin-top:20px;
	float:left;
	margin-left:50px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:18px;
	color:#fff;
}

#breadcrumb a {
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:18px;
	color:#fff;
	text-decoration:none;
}

#breadcrumb a:hover {
	color: #20638E;
}

#header-login {
	float:right;
	margin-top:20px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:14px;
	color:#fff;
	margin-right:50px;
	width:200px;
	text-align:right;
}


#header-login a {
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:14px;
	color:#fff;
}

#header-login a:hover {
	text-decoration: none;
}

.content-seperator {
	float: left;
	height: 20px;
	width: 100%;
}



#content ol , #content ul { 
	Margin-left:20px;
}

#content  li {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		padding: 4px 0 4px 0;
	color:#535353;
	line-height:18px;
}

h2 {
	color:#585858;
	font-family:"Trebuchet MS";
	font-size:16px;
	margin-top:10px;
}

h3 {
	color:#888888;
	font-family:"Trebuchet MS";
	font-size:14px;
	margin-top:2px;
}



#side-menu  {
	margin-bottom:20px;
	float:left;
}

#side-menu li {
	list-style:none;
	border-bottom:1px solid #b1b1b1;
	width:242px;
	height:29px;
	margin:0;
	padding:0;
	float:left;
}

#side-menu li.last  {
	border:0;
}


#side-menu a {
	text-decoration:none;
	color:#8a8a8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:242px;
	padding:7px 0 7px 7px;	
	display:block;
}

/*#side-menu span {
	margin-left:7px;
}*/

#side-menu a:hover , #side-menu #current {
	color:#484848;
	background: url(../img/background-side-menu.gif) no-repeat;
}


.homepage-features-box {
	border:1px solid #e1e1e1;
	width:250px;
	float:left;
	margin-right:10px;
}

.homepage-features-box h2 , .homepage-features-box ol {
	padding:10px 10px 0 10px;
	margin:0;
}

.list-more {
	list-style:none;
}

.more-button {
	background: url(../img/button-more.gif) no-repeat;
	width:117px;
	height:25px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	float:left;
	text-decoration:none;
	margin:10px 10px 15px 0;
}

.more-button:hover  {
	background: url(../img/button-more.gif) no-repeat;
	background-position:-129px 0px;
}

.more-button span {
	margin:0 0 0 15px;
	float:left;
cursor: pointer;	
}

.clear {
	clear:both;
}

#create-account-now {
	background: url(../img/button-create-account-now.gif) no-repeat;
	width:221px;
	height:39px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	float:left;
	text-decoration:none;
}

#create-account-now:hover {
	background: url(../img/button-create-account-now.gif) no-repeat;
	background-position:-239px 0px;
}


#create-account-now span {
	margin:6px 5px 10px 6px;
	float:left;
}

.feature { 
	width:250px;
	margin-top:10px;
	float:left;
	height:140px;
}

.feature img {
	border:1px solid #cccccc;
	margin-right:10px;
}

.feature .img-wrapper {
	float:left;
	width:47px;
}

.txt-wrapper {
	float:left;
	width:203px;
}

.txt-wrapper h3 {
	color:#1b5275;
	font-family:"Trebuchet MS";
	font-size:18px;
}

.features-wrapper {
	float:left;
	width:250px;
	margin-top:10px;
}


.right {
		margin-left:20px;
}

.left {
		margin-right:20px;
}

div#content p.button-row {
	line-height: 33px;
	margin-bottom: 5px;
}

div#content a.button {
	float: left;
	background: url(/assets/img/button-account.gif);
	width: 178px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	padding-top: 7px;
	text-align: center;
	font: 14px "Trebuchet MS", Arial;
	font-weight: bold;
	margin-right: 25px;
}

div#content a.button:hover {
	color: #000;
}

.partner-wrapper {
	float:left;
	margin:15px 0;
	width:100%;
	border:1px solid #cccccc;
	padding:10px;
	
	
}

.partner-wrapper img {
	float:left;
	margin-right:10px;
}

a {
	color:#1b5275; 
}

a:hover {
	color:#999999; 
}

.feature-paragraph {
	color: #20638E;
	/*font-family:"Trebuchet MS";*/
	font-size:14px;
	line-height:18px;
	font-weight: bold;
	/*margin-left:20px;
	border-left:1px solid #cccccc;
	padding-left:10px;
	margin-right:20px;
	margin-top:15px;*/
}


.feature-paragraph a {
	color: #20638E; 
}

.feature-paragraph a:hover {
	text-decoration: none;
	color: #000;
}


/* Side menu login - create account buttons */

#create-account-sml {
	background: url(../img/button-create-account-sml.gif) no-repeat;
	width:140px;
	height:40px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	float:left;
	text-decoration:none;
}

#create-account-sml:hover {
	background: url(../img/button-create-account-sml.gif) no-repeat;
	background-position:-154px 0px;
}


#create-account-sml span {
	margin:7px 1px 1px 12px;
	float:left;
}

#login-sml {
	background: url(../img/button-login-sml.gif) no-repeat;
	width:86px;
	height:40px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	float:left;
	text-decoration:none;
}

#login-sml span {
	margin:7px 1px 1px 24px;
	float:left;
}

#login-sml:hover {
	background: url(../img/button-login-sml.gif) no-repeat;
	background-position:-102px 0px;
}

#side-buttons {
	padding-top:5px;
	padding-bottom:5px;
}

#side-buttons img {
	float:left;
	margin-left:1px;
}

#side-buttons p {
	color:#c7c7c7;
	margin-top:27px;
	font-family:"Trebuchet MS";
	font-style:italic;
	font-size:18px;
	float:left;
	font-weight:bold;
}

sup {
	font-size:6px;
}

p.area {
	padding: 0;
	padding-left: 5px;
	text-align: left;
	color: #fff;
	margin-bottom:10px;
}


#footer-wrapper {
	width:100%;
	height: 100px;
	float:left;
	margin:75px 0 0 0;
	padding-top: 20px;
	border-top: 1px dashed #aaa;
}
	

#footer {
	width: 950px;
	margin: auto auto;
	text-align: center;
}


.team-profile p {
line-height:22px;
}


.social-icon {
width:225px;
float:left;
margin-left:10px;
margin-top:10px;
}

.social-icon img {
float:left;
margin-right:10px;
}

.social-icon p {
font-size:14px;
float:left;
font-weight:900;line-height:26px;
}

.social-icon a {
color:#3197d8;
}