/*
RidgWay Media WebSite CSS Business Hub Systems 2007
*/

.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}


body {
	margin: 0;
	padding: 0;
	background:#000000;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 11px;
	color:#000000;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 20px 0;
	background: url(images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #135293;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	background: url(images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 140%;
}

.orange {
	margin: 20px 30px;
	background: #0066CC url(images/img10.gif) repeat-x;
	color: #FFFFFF;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;
	padding-left:10px;
	margin-top:10px;
	padding-left:20px;
    background-color:#FFFFFF;
	width: 350px;
}

.col-two {
	float: right;
	margin-top:10px;
	padding-left:20px;
 	background-color:#FFFFFF;
	padding-right:40px;
	width: 320px;
}

/* Page */

#page {
	border: 0px solid #0033FF;
	width: 900px;
	height: 1180px;
	margin-top:40px;
	margin-left:240px;
	margin-bottom:40px;
	padding-top:10px;
	padding-bottom:40px;
	background-color:#FFFFFF;

}

/* Splitter */
#splitter 
{
    border: 0px solid;
	width: 900px;
	height:9px;
	background-image:url(images/splitter.jpg);
	background-repeat:no-repeat;
	margin-top:260px;
}	

/* Splitter End*/
#endsplitter 
{
	float:left;
    border: 0px solid #FFFF00;
	width: 900px;
	height:9px;
	background-image:url(images/splitter.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:0px;
}	


/* Sidebar */

#sidebar {
	float: left;
	width: 1px;
}

#leftsidebar
{
border: 0px solid;
float:left;
margin-top:20px;
padding-left:10px;
padding-top: 0px;
width: 60px;
height:500px;
background-color:#FFFFFF;
}

#leftsidebar li
{

}

#contactimage{
position: absolute;
top: 300px;
left: 250px;
width: 508px;
height:185px;
margin-top:20px;
padding-top:10px;
padding-right:20px;
border: 0px solid #6666FF;

}

#rhsidebarindexpage{
float:right;
padding-left:1px;
width: 210px;
height:1060px;
background-image:url(images/gradientfill2.jpg);
}

#rhsidebarservicespage{
float:right;
padding-left:1px;
width: 210px;
height:1040px;
background-image:url(images/gradientfill2.jpg);
background-repeat:no-repeat;
}

#newstickerdiv{
float:right;
margin-right:70px;
padding-top:40px;
padding-bottom:30px;
width: 100px;
height:100px;
}

#rhsidebar p{
padding-top:30px;
color:#CCCCCC;

}

#rhsidesplit{
float:right;
width: 3px;
height:100px;
background: url(images/img13.gif) repeat-y;

}

/* Logo */



#logo {
	float:left;
	height: 160px;
	width:300px;
	margin-left:40px;
	margin-top:40px;
	margin-bottom:20px;
	padding-right:0px;
	padding-bottom:10px;

}

#logobanner {
	float:right;
	height: 200px;
	width:220px;
	margin-right:110px;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/banner.jpg);
	background-repeat:no-repeat;
}

#logobannerservices {
	float:right;
	height: 200px;
	width:250px;
	margin-right:70px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/banner_spotlight.jpg);
	background-repeat:no-repeat;
}

#logobannerapproach {
	float:right;
	height: 160px;
	width:250px;
	margin-right:70px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/banner_experience.jpg);
	background-repeat:no-repeat;
}

#logobannerexperience{
	float:right;
	height: 160px;
	width:250px;
	margin-right:70px;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/service_header1.jpg);
	background-repeat:no-repeat;
}

#logobannerclients{
	float:right;
	height: 160px;
	width:250px;
	margin-right:70px;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/banner_clients.jpg);
	background-repeat:no-repeat;
}

#logobannerteamwork{
	float:right;
	height: 162px;
	width:260px;
	margin-right:80px;
	margin-top:30px;
	margin-bottom:0px;
	padding-bottom:10px;
	background:url(images/rowing.png);
	background-repeat:no-repeat;
}

#logo p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:130px;
	margin-left:32px;
}

#logo h1, #logo h2 {
	margin: 0;
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #9C9C9C;
}

#logo h1 {
	padding: 100px 0 0 0;
	background: url(images/img03.gif) no-repeat center center;
	font-size: 36px;
}

#logo h2 {
	font-size: 14px;
}

#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

#maintext{
float:left;
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
width:840px;
height:420px;
}

#indexjonimage
{
float:left;
height:90px;
width:120px;
margin-left:15px;
margin-top:20px;
padding-right:10px;
background-image:url(images/banner_jon1.png);
background-repeat:no-repeat;
}

#mainpagetext
{
float:right;
width:600px;
height:640px;
border:0px solid #B79A5E;
margin-top:20px;
margin-right:50px;
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:40px;
background-image:url(images/textbackground.jpg);
background-repeat:no-repeat;
}

#mainpagetext p
{
font:Calibri;
font-size:12px;
padding-right:60px;
padding-left:30px;
}

#mainpagetext span
{
font:Calibri;
font-size:12px;
padding-right:60px;
padding-left:30px;
}


#mainpagetext h2
{
color:#b4975a;
margin-top:4px;
padding-top:6px;
padding-bottom:20px;
padding-left:5px;
}


#customersdiv
{
border: 0px solid #66FF33;
float:left;
background-color:#FFFFFF;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
width:800px;
height:100px;
}


#smalldiv1
{
border: 0px solid;
float:left;
background-color:#FFFFFF;
margin-left:180px;
margin-top:10px;
margin-bottom:20px;
padding-top:8px;
padding-left:8px;
width:150px;
height:100px;
background-image:url(images/smalldiv.jpg);
background-repeat:no-repeat;
}

#smalldiv1a
{
border: 0px solid;
float:left;
background-color:#FFFFFF;
margin-left:180px;
margin-top:10px;
margin-bottom:20px;
padding-top:8px;
padding-left:8px;
width:150px;
height:100px;
background-image:url(images/smalldiv.jpg);
background-repeat:no-repeat;
}

#smalldiv2
{
border: 0px solid;
float:right;
background-color:#FFFFFF;
padding-right:300px;
margin-top:-110px;
padding-bottom:10px;
width:150px;
height:100px;
background-image:url(images/smalldiv.jpg);
background-repeat:no-repeat;
}

#smalldiv3
{
border: 0px solid;
float:right;
border:4px solid;
background-color:#FFFFFF;
margin-right:10px;
margin-top:-110px;
padding-bottom:10px;
width:150px;
height:100px;
background-image:url(images/smalldiv.jpg);
background-repeat:no-repeat;
}

#mainpagetext h2
{
color:#b4975a;
padding-right:15px;
padding-left:15px;
}


#maintextindexpage{
float:left;
background-color:#FFFFFF;
padding-top:20px;
width:530px;
height:940px;
}

#maintextservicespage{
float:left;
background-color:#FFFFFF;
padding-top:20px;
width:530px;
height:1060px;
}


.maintext p{
	line-height: 180%;
}

/* Menu */

#menu {
	padding: 20px;
	background: #85C329 url(images/img04.gif) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0;
	background: url(images/pen1jpg)  no-repeat 0 8px;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Login */

#login {
	padding: 20px;
	background: url(images/img06.gif) repeat-x;
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #FFFFFF;
}

/* Content */



#content 
{
	height:600px;
	border: 0px solid #FF0066;
	padding-top: 20px;
	background:#FFFFFF;
	
}



#contentshortcuts {
	float: right;
	padding-right:60px;
	padding-bottom:10px;
	width: 740px;
	height: 20px;
}

#contentshortcuts p{
float:right;
}

#mastbreak {

	height:20px;
	width:740px;
}


#contentmastheadimages1 {

	float:left;
	margin-right:40px;
	height:77px;
	width:133px;
	background-image:url(images/mastimg1.jpg)
}

#contentmastheadimages2 {
	float:left;
	height:77px;
	width:133px;
	background-image:url(images/mastimg1.jpg)
}

#contentmastheadimages3 {

	float:right;
	padding-left:10px;
	height:68px;
	width:145px;
	background-image:url(images/mastheadimg2.jpg)
}

#masthead{
/*border: 1px solid blue; */
float:none;
margin-top:30px;
margin-left:170px;
height:65px;
width:420px;
background-image:url(images/mastheadnew.jpg);
}

#content h1  {
	padding-left:10px;
	margin: 0;
	font-weight: normal;
	font-size:20px;
	font-style: italic;
	/*color: #999999; */
	color:#2B7DBB;
}

#content h2 {
	padding-left:12px;
	margin: 0;
	font-weight: normal;
	font-size:16px;
	font-style: italic;
	color:#2B7DBB;
}



#content p {
padding-left:20px;
padding-right:25px;
}

#content contentul {
	margin-left: 0;
	padding-left: 15px;
	list-style-image: url(images/pen1.jpg);
}

#content contentul.li2 {
padding-left: 25px;
padding-right: 60px;


}

/* Footer */

#footer 
{
    float:left;
	margin-top:20px;
	padding-top:10px;
	width: 900px;
	height:20px;
	background: url(images/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 760px;
	height: 15px;
	padding: 5px 0 0 5px;
	background: url(images/img13.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 20px;
	padding: 35px 0 0 20px;
}


/*
Some snazzy border boxes from CSS Play
*/

.zsnazzy {width:160px;}
.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: transparent; width:120px; float:left; margin:0 3px; padding-left:22px; padding-top: 20px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_a {background:#c9ba65; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}