body {
	margin: 0px;
	padding: 0px;
	background: #32515F url(/images/corp/default/ronin-block.jpg) repeat scroll center top;
	}

html, body {min-height: 100%; margin-bottom: 1px;}




#body-gradient {
	
	background: url(/images/corp/default/slither.jpg) repeat-x top;
	width: auto;
	margin: 0 auto 0 auto;
	height: auto;
}



/* holder styles */



#holder {
	width: 1001px;
	text-align: left;
	margin: 0 auto 0 auto;
	height: auto;
}

#holder-inside {
	width: 1001px;
	text-align: left;
  	background: url(/images/corp/default/comp-slither.jpg) repeat-y;
	margin: 0 auto 0 auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


#innerholder {
	width: 1001px;
	margin: 0 0px 0 0px;
	position: relative;   /* reference point for absolute position */
}



/* top navigation styles */



#header {

	background: url(/images/corp/default/ronin-top.jpg) no-repeat;
	height: 120px;
	width: 1001px;
	text-align: left;
	margin: 0 auto 0 auto;
	
	}



#header-nav {

	height: 55px;
	width: 1001px;
	background: url(/images/corp/default/corp-main/ronin-nav.png) no-repeat;
	margin: 0 auto 0 auto;
	font: 14px Arial, Helvetica, sans-serif;
	color:  #fff;
	text-align: center;
	line-height: 17px;
	
	}
	

.header-nav a:link {color: #fff; text-decoration: none; }
.header-nav a:visited {color: #fff; text-decoration: none;}
.header-nav a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none;}


.header-subtext {
	
	font: 10px Arial, Helvetica, sans-serif;
	color: #98c7ec;
	text-align: center;

}



#header-nav-home {
	
	height: 38px;
	width: 73px;
	text-align: left;
	float: left;
	margin: 12px 0 0 18px;

}

#header-nav-home a {float: right; width: 73px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-homehover.png) 0 0 no-repeat;}
#header-nav-home a:hover {background-position: 0 -38px;}
#header-nav-home a:active {background-position: 0 -38px;}




#header-nav-why {
	
	height: 38px;
	width: 190px;
	text-align: left;
	float: left;
	margin: 12px 5px 0 5px;

}

#header-nav-why a {float: right; width: 190px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-whyhover.png) 0 0 no-repeat;}
#header-nav-why a:hover {background-position: 0 -38px;}
#header-nav-why a:active {background-position: 0 -38px;}



#header-nav-plans {
	
	height: 38px;
	width: 157px;
	text-align: left;
	float: left;
	margin: 12px 0 0 0;

}

#header-nav-plans a {float: right; width: 157px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-planshover.png) 0 0 no-repeat;}
#header-nav-plans a:hover {background-position: 0 -38px;}
#header-nav-plans a:active {background-position: 0 -38px;}





#header-nav-features {
	
	height: 38px;
	width: 196px;
	text-align: left;
	float: left;
	margin: 12px 5px 0 5px;

}

#header-nav-features a {float: right; width: 196px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-featureshover.png) 0 0 no-repeat;}
#header-nav-features a:hover {background-position: 0 -38px;}
#header-nav-features a:active {background-position: 0 -38px;}


#header-nav-rev {
	
	height: 38px;
	width: 173px;
	text-align: left;
	float: left;
	margin: 12px 0 0 0;

}

#header-nav-rev a {float: right; width: 173px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-revhover.png) 0 0 no-repeat;}
#header-nav-rev a:hover {background-position: 0 -38px;}
#header-nav-rev a:active {background-position: 0 -38px;}





#header-nav-client {
	
	height: 38px;
	width: 154px;
	text-align: left;
	float: left;
	margin: 12px 10px 0 0;

}

#header-nav-client a {float: right; width: 154px; height: 38px; background: url(/images/corp/default/buttons/nav/nav-clienthover.png) 0 0 no-repeat;}
#header-nav-client a:hover {background-position: 0 -38px;}
#header-nav-client a:active {background-position: 0 -38px;}








/* paragraph styles */


h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #1d5165;
	maring: 0 0 0 0;

}



p {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	line-height: 17px;
	margin-top: 20px;
	margin-bottom: 0;
	padding-left: 0;

}



.p a:link { color: #307999; text-decoration: none;}
.p a:visited { color: #307999;text-decoration: none;}
.p a:hover, #nav a:active, #nav a:focus { color: #ff9900; text-decoration: none;}





h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #1d5165;
	maring: 0 0 0 0;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #1d5165;
	maring: 0 0 0 0;

}



h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #f26522;

}



h4 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #666;
	line-height: 21px;
	margin: 10px 0 0 0;

}


h5 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	padding-top: 0;

}


h6 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	text-align: right;

}





hr {

border: thin dashed #CCCCCC;

}





/* content styles */




#content-body {

	background: url(/images/corp/default/ronin-white.png) repeat-y;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1001px;
	
	}
	
	
#content-innerbody {

	background: url(/images/corp/default/ronin-white.png) repeat-y;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1001px;
	
	}

#content-inner {
	 
	float: left;
	margin: 20px 0 10px 25px;
	width: 930px;
	height: auto;

}


#content-inner-rev {
	 
	float: left;
	margin: 0 0 10px 10px;
	width: 690px;
	height: auto;

}


#content-inner-gen {
	 
	float: left;
	margin: 0 0 10px 20px;
	width: 920px;
	height: auto;

}



#content-inner-login {
	 
	background: url(/images/corp/default/gray.jpg) no-repeat;
	float: left;
	margin: 0 0 10px 60px;
	width: 854px;
	height: 520px;
	text-align: center;

}




#content-container {
	 
	float: left;
	padding: 0 0 0 10px;
	width: 982px;
	height: auto;

}


#content-main-slider {
	
	float: left;
	margin: 0 0 0 0;
	width: 982px;
	height: 319px;

}



#content-main-orange {
	
	background: url(/images/corp/default/corp-main/corp-orangebar.jpg) no-repeat;
	float: left;
	margin: 0 0 0 0;
	width: 982px;
	height: 86px;

}


#content-main-body {
	 
	background: url(/images/corp/default/corp-main/corp-back.jpg) no-repeat;
	float: left;
	margin: 0 0 0 5px;
	width: 976px;
	height: 700;

}


#content-main {
	 
	float: left;
	margin: 0 0 0 20px;
	width: 940px;
	height: auto;

}


#content-sidebox {
	 
	float: left;
	margin: 0 20px 0 0;
	width: 237px;
	height: 173px;

}

#content-blog {
	 
	float: left;
	margin: 0 0 0 0;
	width: 430px;
	height: 173px;

}



#content-header-top {
	 
	float: left;
	margin: 0 0 10px 0;
	width: 700px;
	height: 180px;

}



#content-header-bottom {
	 
	float: left;
	margin: 0 0 0 0;
	width: 700px;
	height: 210px;

}



#content-inbox {
	 
	background: #F5F6F3;
	float: left;
	margin: 0 0 17px 0;
	width: 675px;
	height: 210px;

}



#content-callaction {
	 
	float: left;
	margin: 0 5px 0 10px;
	width: 215px;
	height: 200px;

}


#content-callaction-inner {
	 
	float: left;
	margin: 20px 5px 0 20px;
	width: 195px;
	height: 180px;

}


#main-right {
	 
	background: url(/images/corp/default/text.png) no-repeat;
	float: right;
	margin: 30px 20px 0 20px;
	width: 236px;
	height: 245px;

}




#logo-rotator {
	 
	background: url(/images/corp/default/corp-main/clients-rotator.png) no-repeat;
	float: left;
	margin: 10px 0 20px 15px;
	width: 908px;
	height: 116px;

}

#content-innersidebar {
	 
	float: left;
	margin: 65px 0 0 100px;
	width: 280px;
	height: auto;

}

/*
#content-innersidebar {
	 
	float: left;
	margin: 65px 0 0 63px;
	width: 480px;
	height: 350px;
}
*/

#content-innersidebar-b {
	 
	float: left;
	margin: 65px 0 0 63px;
	width: 450px;
	height: 370px;

}



#content-main-nav {
	 
	background: url(/images/corp/default/ronin-navbar.jpg) no-repeat;
	float: left;
	margin: 0 0 0 0;
	width: 946px;
	height: 37px;

}






/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	

.link_text {
	
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;

}
.link_text a:link { color: #fff; text-decoration: none; }
.link_text a:visited { color: #fff; text-decoration: none; padding: }
.link_text a:hover, #nav a:active, #nav a:focus { color: #ff9900; text-decoration: none; }



.content_text {
	
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 20px;
}
.content_text a:link {color: #666; text-decoration: none;}
.content_text a:visited {color: #666; text-decoration: none;}
.content_text a:hover, #nav a:active, #nav a:focus {color: #f26522; text-decoration: none;}


.content-title {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #f26522;

}



.content-topnavlink {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #f26522;

}

.content-topnavlink a:link {color: #f26522; text-decoration: none;}
.content-topnavlink a:visited {color: #f26522; text-decoration: none;}
.content-topnavlink a:hover, #nav a:active, #nav a:focus {color: #fff; text-decoration: none;}



.p_actionlink {
	background: url(/images/corp/default/ronin-arrow.jpg) no-repeat;
	padding: 5px 0px 0px 28px;
	height: 30px;
	width: auto;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #445457;
	text-align: left;
	line-height: 18px;
	
}

.p_actionlink a:link {color: #445457; text-decoration: none; }
.p_actionlink a:visited {color: #307999; text-decoration: none;}
.p_actionlink a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none;}



.p_link {
	
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #337995;
	text-align: left;
	line-height: 18px;
	
}

.p_link a:link {color: #337995; text-decoration: none; }
.p_link a:visited {color: #307999; text-decoration: none;}
.p_link a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none;}





/* footer styles */



#footer {

	background: url(/images/corp/default/ronin-footer.png) no-repeat;
	height: 37px;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1001px;
	
	}
	

#footer-content {

	height: 37px;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1001px;
	
	}
	

#footer-list ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	
#footer-list li {
	
	list-style-type: none;
	color: #fff;
	margin: 0;
	padding: 0;
	
	}


#footer-list a:link {color: #fff; text-decoration: none; }
	
#footer-list a:visited {color: #fff; text-decoration: none;}

#footer-list a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none;}

#footer-list {
	
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 15px;
	line-height: 20px;
	text-align: left;
	width: 970px;
	height: 100px;

	
	}
	

#footer-callaction {
	 
	float: left;
	margin: 0 10px 0 0px;
	width: 200px;
	height: 100px;

}


#footer-sidebar {
	 
	text-align: right;
	float: left;
	margin: 0 0 0 0px;
	width: 320px;
	height: 100px;

}





#footer-socmedia {
	 
	text-align: right;
	float: right;
	margin: 0 0 0 0px;
	width: 250px;
	height: 50px;

}

#footer-twitter {
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 10px 0 150px;
}

#footer-twitter a {float: right; width: 38px; height: 38px; background: url(/images/corp/default/buttons/hover-twitter.png) 0 0 no-repeat;}
#footer-twitter a:hover {background-position: 0 -38px;}
#footer-twitter a:active {background-position: 0 -38px;}



#footer-facebook {
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 10px 0 0;

}

#footer-facebook a {float: right; width: 38px; height: 38px; background: url(/images/corp/default/buttons/hover-facebook.png) 0 0 no-repeat;}
#footer-facebook a:hover {background-position: 0 -38px;}
#footer-facebook a:active {background-position: 0 -38px;}


	


/* misc styles */

.logo { float: left; margin: 40px 0 0 20px; }
.icon { float: left; margin: 0 10px 0 0; }
.marquee { float: left; margin: 0 10px 0 0; }
#brclear { clear: both; height: 0; margin: 0; font-size: 1px; line-height: 0; }





	
/* slider styles */




div#slide-holder {
	z-index : 40;
	width : 993px;
	height : 299px;
	position : absolute;
	left: -19px;
	top: -14px;
}
div#slide-holder div#slide-runner {
	top : 10px;
	left : 10px;
	width : 981px;
	height : 318px;
	overflow : hidden;
	position : absolute;
}
div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls {
left : 0;
bottom : 0;
width : 981px;
height : 40px;
display : none;
position : absolute;

}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
color: #fff;
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(/images/corp/default/silde-nav.png);
}


.side-list-header {
	
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #445457;
	text-align: left;
	line-height: 18px;
	padding-bottom: 10px;
	
}

.side-list-header a:link {color: #445457; text-decoration: none; }
.side-list-header a:visited {color: #307999; text-decoration: none; }
.side-list-header a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none; }





#side-list ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}


#side-list li {
	
	list-style-type: none;
	color: #307999;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	
	}


#side-list a:link {color: #307999; text-decoration: none; }
	
#side-list a:visited {color: #307999; text-decoration: none;}

#side-list a:hover, #nav a:active, #nav a:focus {color: #ff9900; text-decoration: none;}

#side-list {
	
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #307999;
	margin: 10px 0px 0px 15px;
	line-height: 25px;
	text-align: left;
	width: 200px;
	height: auto;
	

	
	}
	
	
#side-list-gen {
	
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #307999;
	margin: 0 0 0 0;
	line-height: 25px;
	text-align: left;
	float: right;
	width: 200px;
	height: auto;
	

	
	}
	
	
#side-list-message {
	
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 18px;
	text-align: left;
	width: 207px;
	height: auto;
	

	
	}
