/*
Theme Name: Remote Systems Integration
Theme URI: http://www.domain.com
Description: Wordpress Theme created by Deluge Studios
Author: Deluge Studios
Author URI: http://www.delugestudios.com
*/


/* Global reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* Main */
* { margin:0; padding:0; }
html { background: #00436e url(images/bg.jpg) top center no-repeat fixed; width: 100%; height:100%; }
body { width: 100%; height:100%; color: #eee; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; line-height: 21px; }
a { text-decoration: none; font-weight: bold; color: #6ec5f8; }

#wrapper { min-height: 100%; height: auto!important; height:100%; margin:0 auto -31px;  width:905px; position:relative; text-align: center; }
#header { height: 157px; }
#logo { width:228px; height:115px; background:url(images/logo.png) no-repeat; text-indent:-9999px; position:absolute; top:24px; left:8px; }
#logo a { display:block; width:228px; height:115px; margin:0 auto; }

#content { position: relative; width: 851px; background: url(images/bgContent.png) repeat-y; text-align: left; padding: 36px 27px 20px; margin-bottom: 20px!important; margin-bottom: 50px; }
#content a:hover, #footer a:hover { border-bottom: 1px dashed #6ec5f8; }
#pageHead { width: 883px; height: 37px; background: url(images/bgHead.png) no-repeat; padding: 18px 0 0 22px; text-align: left; }
#pageHead span { text-indent: -9999px; display: block; }
#bottomContent { width: 905px; height: 20px; background: url(images/botContent.png) no-repeat; position: absolute; left: 0; bottom: -20px; }

#footer { background: #012339; border-top: 1px solid #1a567d; height: 31px;	clear:both;	z-index: 2; color: #bbb; font-size: 11px; }
#ftWrap { width: 905px; margin: 0 auto; position: relative; }
#ftWrap p { position: absolute; top: 5px;}
#ftLeft { left: 10px; }
#ftRight { right: 10px; }
.push { height: 61px!important; height: 1px; }



/* Home Page */
.page-template-page-home-php #pageHead span { width: 667px; height: 25px; background: url(images/h2Welcome.png) no-repeat; }
.page-template-page-home-php #content { margin-bottom: 54px!important; }
.page-template-page-home-php #content img { position: absolute; top: 15px; right: 14px; }
.page-template-page-home-php #content p { width: 500px; }
.page-template-page-home-php #content p a { font-size: 18px; font-style: italic; }
.page-template-page-home-php #content p a span { color: #f0902c; }
.page-template-page-home-php #bottomContent { bottom: -20px!important; bottom: -21px; }

.featured { width: 398px; height: 321px; background: url(images/bgFeat.png) no-repeat; text-align: left; float: left; font-size: 13px; padding: 20px 20px 0; position: relative; }
.featured h2 { text-indent: -9999px; height: 19px; display: block; }
.featured img { margin: 28px 0 12px -6px; }
.featured h3 { color: #6ec5f8; font: bold 16px arial; margin-bottom: 4px;}
.featured ul { color: #f0902b; list-style-type: disc; font-size: 16px; margin-left: 20px; }
.featured ul span { color: #eee; font-size: 13px; }
.featured a { position: absolute; background: url(images/btnLm.png) no-repeat; height: 40px; width: 144px; text-indent: -9000px; overflow: hidden; display: block; border: none; right: 16px; bottom: 15px; }
.featured a:hover { background: url(images/btnLm.png) no-repeat 0px -40px; }
.featured a:active { background: url(images/btnLm.png) no-repeat 0px -80px; }
#feat1 { margin-right: 29px!important; margin-right: 15px; margin-bottom: 30px!important; margin-bottom: 15px; }
#feat1 h2 { width: 36px; background: url(images/h2RSI.png) no-repeat; }
#feat2 h2 { width: 75px; background: url(images/h2RSINet.png) no-repeat; }



/* Interior Pages */
.page-template-default #content, .blog #content, .single #content { width: 745px; padding: 46px 80px 20px; font-size: 15px;  }
.page-template-default #content ul { color: #f0902b; list-style-type: disc; font-size: 16px; margin: 20px 0 0 20px; }
.page-template-default #content strong { color: #6ec5f8; }
.page-template-default #content ul span { color: #eee; font-size: 15px; }
.page-template-default #rsiBt { color: #6ec5f8; font-size: 21px; line-height: 28px; display: block; margin-bottom: -12px; }

.page-template-page-rsinet-php #content { width: 785px; padding: 46px 60px 20px; }
.page-template-page-rsinet-php #pageHead span { width: 75px; height: 19px; background: url(images/h2RSINet.png) no-repeat; }
.page-template-page-rsinet-php #rightCol { padding-left: 240px; font-size: 15px; }
.page-template-page-rsinet-php #leftCol { position: absolute; width: 223px; height: 336px; background: url(images/bgSubNav.png) no-repeat; top: 40px; left: 40px; padding-top: 167px; }
.page-template-page-rsinet-php #content #rightCol ul li { color: #f0902b; list-style-type: disc; font-size: 16px; margin: 0px 0 0 20px; }
.page-template-page-rsinet-php #content strong { color: #6ec5f8; }
.page-template-page-rsinet-php #content ul span { color: #eee; }

.page-id-77 #pageHead span { width: 105px; height: 19px; background: url(images/h2About.png) no-repeat; }

.post h2 { color: #F0902C; font-size: 21px; margin-bottom: 7px; font-family: Arial; font-weight: bold; }
.post h3 { color: #6ec5f8; font-size: 24px; line-height: 28px; font-weight: normal; margin-bottom: 7px;  }
.blog .post h2 { margin: 0;}
.date,.meta { text-transform: uppercase; letter-spacing: .2px; color: #aaa; font-size: 12px; margin-bottom: 8px; }
.meta { border-top: 1px dotted #aaa; margin: 17px 0 55px 0; }

.blog #pageHead span, .single #pageHead span { width: 105px; height: 19px; background: url(images/h2News.png) no-repeat; }
.page-id-81 #pageHead span { width: 119px; height: 19px; background: url(images/h2Contact.png) no-repeat; }
.error404 #pageHead span { width: 213px; height: 19px; background: url(images/h2404.png) no-repeat; }




/* Utility */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.imgLeft, .alignleft { float: left; margin: 0 15px 10px 0; }
.imgRight, .alignright { float: right; margin: 0 0 10px 30px; }




/* Main Navigation */
#navWrap { width:512px; height:46px; overflow:hidden; position: absolute; right: 0; top: 55px; }
#nav { width:512px; height:46px; background:url(images/navBg.png) no-repeat;  }
#nav span { display:none; }
#nav a { border:none; }
#nav li, #nav a { height:46px; display:block; }
#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { margin-left:19px; width:53px; }
#nav-02 { margin-left:27px; width:93px; }
#nav-03 { margin-left:30px; width:66px; }
#nav-04 { margin-left:27px; width:50px; }
#nav-05 { margin-left:28px; width:101px; }

#nav-01 a { background:url(images/nav.png) -19px 0px no-repeat; }
#nav-02 a { background:url(images/nav.png) -99px 0px no-repeat; }
#nav-03 a { background:url(images/nav.png) -222px 0px no-repeat; }
#nav-04 a { background:url(images/nav.png) -315px 0px no-repeat; }
#nav-05 a { background:url(images/nav.png) -393px 0px no-repeat; }

#nav-01 a:hover { background:url(images/nav.png) -19px -46px no-repeat; }
#nav-02 a:hover { background:url(images/nav.png) -99px -46px no-repeat; }
#nav-03 a:hover { background:url(images/nav.png) -222px -46px no-repeat; }
#nav-04 a:hover { background:url(images/nav.png) -315px -46px no-repeat; }
#nav-05 a:hover { background:url(images/nav.png) -393px -46px no-repeat; }

.page-template-page-home-php #nav-01 a,.page-template-page-home-php #nav-01 a:visited { background:url(images/nav.png) -19px -46px no-repeat; }
.page-id-77 #nav-02 a,.page-id-77 #nav-02 a:visited { background:url(images/nav.png) -99px -46px no-repeat; }
.page-template-page-rsinet-php #nav-03 a,.page-template-page-rsinet-php #nav-03 a:visited { background:url(images/nav.png) -222px -46px no-repeat; }
.blog #nav-04 a,.blog #nav-04 a:visited, .single #nav-04 a,.single #nav-04 a:visited { background:url(images/nav.png) -315px -46px no-repeat; }
.page-id-81 #nav-05 a,.page-id-81 #nav-05 a:visited { background:url(images/nav.png) -393px -46px no-repeat; }



/* Sub Navigation */
.page-template-page-rsinet-php #content #leftCol ul { list-style-type: none; }
.page-template-page-rsinet-php #content #leftCol ul li a { border: none; display: block; width: 223px; font-size: 14px; font-family: Arial;  height: 30px; color: #fff; font-weight: bold; padding-left: 15px; line-height: 30px; }
.page-template-page-rsinet-php #content #leftCol ul li a:hover, 
.page-id-79 #content #leftCol ul li#subNav-01 a, 
.page-id-79 #content #leftCol ul li#subNav-01 a:visited, 
.page-id-85 #content #leftCol ul li#subNav-02 a, 
.page-id-85 #content #leftCol ul li#subNav-02 a:visited, 
.page-id-87 #content #leftCol ul li#subNav-03 a, 
.page-id-87 #content #leftCol ul li#subNav-03 a:visited, 
.page-id-89 #content #leftCol ul li#subNav-04 a, 
.page-id-89 #content #leftCol ul li#subNav-04 a:visited { padding-left: 12px; color: #ef902b; border-left: 3px solid #ef902b; } 
