@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
RK Environmental Screen Stylesheet

version:   1.0
date:      4/15/09
author:    © Eric Witzer
email:     eric@kalmardesigns.com

version history: [location of file]
-----------------------------------------------------------------------------*/


/* IMPORT OTHER STYLESHEETS
-----------------------------------------------------------------------------*/


/* SET UP
-----------------------------------------------------------------------------*/

html,body,#bg,#bg table,#bg td {width:100%;height:100%;/*overflow:hidden*/}

body {background: #1C5891; color:#FFF; font: lighter small/160% "myriad Pro", myriad, Arial, Helvetica, sans-serif;}

p {margin: .2em 0 1em}

#wrapper, #container, #heading, #content, #footer {margin: 0px auto; width: 920px; position:relative;}

#wrapper {width: 1070px; z-index:100;} /* Need the wrapper to position the logo outside of the container */

#content {
	background: url(../images/bg-content.png) repeat-y;	
	min-height:450px;
	height:auto !important;
	height:450px;
}

/*Expanding Background*/
.bg {
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	z-index: 1;
}

#footer {
	background: url(../images/bg-footer.png) no-repeat;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 22px 0 4px;
	text-align: center;
}

#footer a {color: #FFF;}


/* HEADING
-----------------------------------------------------------------------------*/

h1 { /* Logo */
	background: url(../images/logo.png) no-repeat;
	display: block;
	margin: 0;
	position: absolute;
		top: 0px;
		left: 0px;
	text-indent: -9999px;
	width: 173px;
		height: 173px;
	z-index: 100;
}
h1 a { /* Logo */
	display: block;
	line-height: 173px;
	width: 173px;
		height: 173px;
}

#social {	display: block; width: 53px; 	
	position: absolute; left: 33px; top: 180px;
}
#linkedin a, #facebook a {
	background: url(../images/linkedin.png) no-repeat;
	float:left;
	display: block;
	line-height: 59px;
	margin: 0;
	text-indent: -9999px;
	width: 53px; height: 59px;
	z-index: 100;
}
#facebook a {background-image:url(../images/facebook.png)}
#linkedin a:hover, #facebook a:hover {background-position: 2px 2px}

#heading {background: url(../images/bg-heading.png) no-repeat; height: 190px;}

#heading #phone {
	color: #FFF;
	font-size: 130%;
	letter-spacing: .05em;
	position:absolute;
		top: 5px;
		left: 132px;
	z-index: 400;
}
#login {
	position:absolute;
		top: 0;
		right: 32px;
	width: 400px;
	z-index: 300;
}
#vertical_slide {
	background: url(../images/client-login.png) no-repeat;
	width: 400px;
		height: 40px;
	margin: 0;
}
a.marginbottom {
	background: url(../images/client-login-tab.png) no-repeat;
	color: #fff;
	display: block;
	font: italic 18px "Myriad Pro", "Myriad Roman", Myriad, Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-align: right;
	text-decoration: none;
	width: 400px;
		height: 26px;
	margin: 0;
}
#heading h2 {
	background: url(../images/bg-home_header-shadow.png) no-repeat right bottom;
	font-weight: lighter;
	font-size: 28px;
	line-height: 120%;
	padding: 0 10px 16px 0;
	position:absolute;
		top:69px;
		left:42px;
}
#heading h2 strong {font-weight: bold;}

#heading h2 span {
	background: #993300 url(../images/bg-orange-aux.png) repeat-x top;
	border: 1px solid #f93;
	display:block;
	padding: 8px 0 0 85px;
	width: 755px;
		height: 77px;
}


/* NAVIGATION
-----------------------------------------------------------------------------*/

#nav {
	margin-top: -11px;
	padding: 0;
	position: absolute;
		top:38px;
		left:120px;
	width: 755px; height: 70px;
	z-index: 200;
}

#nav li {float:left; margin-left:1px;}
#nav li a {
	color:#808080;
	display:block;
	float:left;
	font-size: 135%;
	font-weight: lighter;
	letter-spacing: .03em;
	height:45px;
	line-height:45px;
	padding:0 9px;
}


/* HOME PAGE
-----------------------------------------------------------------------------*/

#Home #heading {background: url(../images/bg-heading-home.png) no-repeat; height: 312px;}

#Home h1 {background-image:url(../images/logo-home.png)}

#Home #content {background: url(../images/bg-content-home.png) repeat-y;}
		
#Home #content h2 {
	background: url(../images/bg-home_header-shadow.png) no-repeat right bottom;
	border: none;
	font-weight: lighter;
	font-size: 200%;
	line-height: 120%;
	margin-left: 10px;
	position: static;
	float:left; clear:both;
	padding: 0 10px 16px 0;
	margin-bottom: 0;
}

#Home #content h2 strong {font-weight: bold;}

#Home #content h2 span {background: url(../images/bg-home_header.png) repeat-y;  display:block; margin:0; padding: 8px 20px;}

#Home #content-left {float:left; width: 55%;}

#Home #content-right {float:right; padding-right: 33px; width: 36%;}

#Home #content-left p {
	font-size: 135%;
	line-height: 150%;
	padding-left: 30px;
	color:#FFCC99;
}

#Home #content-left p.subtext {
	color:#FFFFFF;
	font-size: 100%; 
	/*margin-left: 30px;
	padding-left: 20px;*/
}

.bottom, .top {background:transparent; display:block; font-size:1px;}

.b1, .b2, .b3, .b4 {background:#272727 url(../images/rk-flower.png) no-repeat; border-left:1px solid #363636; border-right:1px solid #363636; display:block; height:1px; overflow: hidden;}
.b1 {background-position: -14px -21px; border-width:0 3px; margin:0 5px;}
.b2 {background-position: -11px -22px; border-width:0 2px; margin:0 3px;}
.b3 {background-position: -10px -23px; margin:0 2px;}
.b4 {background-position: -9px -24px; height:2px; margin:0 1px;}

.bottom .b1, .bottom .b2, .bottom .b3, .bottom .b4 {background:#272727}

#signature {background:#272727 url(../images/rk-flower.png) no-repeat -7px -27px; padding:10px 10px 0 20px;}

#signature a {
	background: #434343 url(../images/bg-black.png) repeat-x;
	border: 1px solid #FE6702;
	color: #B0B0B0;
	display: block;
	padding: 5px 7px 3px 8px;
	text-decoration: none;
}
#signature a:hover {
	border: 1px solid #39F;
	color:#fff;
	background: url(../images/bg-black_f2.png) bottom;
}

#signature dt {
	font: italic 155% Georgia, "Times New Roman", Times, serif;
	padding: 0 10px 0 2px;
	text-align: center;
}

#signature dt p {
	font: lighter normal 65%/130% "Myriad Pro", "Myriad Roman", Myriad, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #E3E3E3;
	margin: 10px 0;
}

#signature dd {
	background: url(../images/bg-home_sig-shadow.png) no-repeat right bottom;
	padding: 0 12px 12px 0;
}
#signature dd strong  {color: #FE6702; font-size: 110%;}
#signature dd img { display:block; float:left; margin-right: 6px; margin-top: 3px;}

#menu-serv li {
	/*background: url(../images/bg-home_sig-shadow.png) no-repeat right bottom;*/
	/*margin: 6px 6px 6px 0;display: block;*/
}

#menu-serv li a {
	background: #333333;
	color: #FFF;
	display: block;
	font-size: 110%;
	margin-bottom: 6px;
	padding: 5px 7px 3px 8px;
	text-decoration: none;
	width: 200px;
}
#menu-serv a:hover {
	background: url(../images/bg-orange-arrow.png) no-repeat left center;
}
/*#menu-serv a:hover strong {color:#fff;}*/
#menu-serv li li, #menu-serv li li a { background:none; border:none;}

/*#menu-serv li img { display:block; float:left; margin-right: 6px; margin-top: 3px;}*/

/*#menu-serv li strong {color: #FFC07E; font-size: 110%;}*/

/* Corners */
/*.TL, .TR, .BL, .BR {
	background: url(../images/corners-sig.png) no-repeat right bottom;
	display:block;
	position:absolute;
	width:14px; height:14px;
}
.TL {background-position: right bottom; top:0; left:0;}
.TR {background-position: left bottom; top:0; right:0;}
.BL {background-position: right top; bottom:0; left:0;}
.BR {background-position: left top; bottom:0; right:0;}*/



#Home #orgs {
	background: url(../images/bg-home_header-shadow.png) no-repeat right bottom;
	/*border: none;*/
	margin-left: 30px;
	position: static;
	padding: 0 10px 16px 0;
}
#Home #orgs span {
	background: url(../images/bg-orgs.png) repeat-y;
	display:block; 
	zoom: 1;  /* IE zoom fix http://www.positioniseverything.net/articles/haslayout.html */
}
#Home #orgs span h3 {background: #999; float:left; padding:3px 5px 0;}

#Home #orgs span img {display:block; float:left; margin: 1px 6px 4px;}
#Home #footer {background: url(../images/bg-footer-home.png) no-repeat;}



/* AUX PAGES
-----------------------------------------------------------------------------*/


/*#Home #footer {
	background: url(../images/footer.png) no-repeat;
}
*/
/*.spacer {
clear: both;}
*/
#Top {
	background: url(../images/aux-bg.png) no-repeat;
	height: 190px;
	margin: 0px auto;
	width: 920px;
	position:relative;
}

/*#aux-login {
	position:absolute;
	width: 400px;
	top:0;
	right:32px;
	z-index: 50;
}*/




#Mid {
	background: url(../images/content-bg.png) repeat-y;
	height: 207px;
	margin: 0px auto;
	width: 920px;
	min-height:500px;
	height:auto !important;
	height:500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#Foot {
	background: url(../images/footer-bg.png) no-repeat;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	height: 207px;
	margin: 0px auto;
	padding: 22px 0 4px;
	text-align: center;
	width: 920px;
	
}
#copy {
	padding-right: 40px;
	padding-left: 40px;
	
}
#copy h3, #copy h4, #copy h5 {
	color: #FF6600;
	font: normal 20px Arial, Helvetica, sans-serif;
	/*margin:0;*/
}
#copy h4 {
	font-size:16px;
	margin-bottom: 10px; margin-left: 184px;
	color: #999999;
}
#copy h5 {margin: 0 0 0 30px;}

#copy p {
	/*font: normal 14px/135% "Trebuchet MS", Trebuchet, Tahoma, verdana, arial, helvetica, sans-serif;*/
	margin-top: 2px;
	letter-spacing: .02em;
}
#left, #left-serv {
	float: left;
	width: 380px;
	padding-right: 25px;
	border-right: 2px solid #993300;
}

#left-serv {
	width: 25%; border:none;
}

#right, #right-serv {
	float: right;
	width: 375px;
	padding: 10px 10px 20px 20px;
		/*border-left: 5px solid #993300;*/
}
#right-serv {
	width: 68%; background: #272525;
}

#right-serv img {border:1px solid white; margin: 6px 20px 20px 0; width: 164px; height: 142px;float: left;}

#About_Us #right-serv img {height: 164px; width: 142px;}

#About_Us #right-serv {height: 26em;}

#right-serv p {width: 384px; float: right;}
#right-serv p strong {
	color: #FFCC99;
}
#upper {
	margin-bottom: 24px;
	/*border-bottom: 2px solid #333333;*/}
#About_Us #upper img {
width: 270px;
 height: 112px; float:left; clear: left; margin: 5px 15px 10px 0;
}	
	.style1 {color: #FC9}