/*
Theme Name: ONRAD, Inc.
Theme URI: http://www.onradinc.com/
Description: A custom WordPress theme for ONRAD, Inc.
Author: subLoft
Author URI: http:/www.subLoft.com
*/


* {margin:0; padding:0;}
img {border:none;}
a {outline:none;}

body {background:#bfbfbf url(images/watermark.png) bottom left fixed repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; line-height:1.5em;}

#container {width:920px; margin:0 auto; background:url(images/background.png) top center repeat-y;}
#container.homepage {background-image:url(images/homepage-background.png);}

#header {margin:0 10px; background-color:#fff;}
#request-a-quote {float:right; margin-right:24px;}
#logo {float:left; background:url(images/onrad-logo.gif) no-repeat; width:200px; height:66px; text-indent:-9999px; margin:20px 0 20px 40px; display:inline;}
#logo a {display:block; width:200px; height:66px;}
#nav {clear:right; float:right; margin:36px 40px 0 0; display:inline;}
#nav li.current_page_parent a {color:#26A9E0;}
#nav li.current_page_parent li a {color:#004a6e;}
#nav li li.current_page_item a {color:#26A9E0;}
#banner { background-image:url(images/banner.gif); background-repeat: no-repeat; height:100px; margin:0 10px; padding-bottom: 10px;}
#banner.homepage { background-image:none; height: 278px; width:900px; float: left;}

#banner.splashpage { padding-bottom: 0px; background-image:none; height: 274px; width:900px; float: left;}

#content {float:right; width:550px; margin-right:50px; display:inline;}
#content ul, #content ol {margin-left:1em; padding-left:1em;}
#content a {text-decoration:underline;}
#content a.post-edit-link {color:#26A9E0; font-weight:bold; text-decoration:none;}
#content a.post-edit-link:hover {text-decoration:underline;}

#content.homepage { margin-right: 0px; margin-left: 10px; margin-bottom: 0; margin-top: 0; float:left; width: 900px; display:block;}
#content.homepage h4 {color:#26A9E0; margin-bottom: 0.5em; margin-top:0;}
#splashpage-columns { width: 100%; float: left; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 5px; background: center;}
#homepage-columns {border-bottom-color: #d5d5d5; border-top-color: #d5d5d5; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; width: 100%; float: left; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: 5px; background: center;}
#homepage-columns p {margin:1.5em 0 0 0;}
#left-column, #middle-column, #right-column {width:240px; float:left;}
#middle-column {margin-left:48px;}
#right-column {width:240px; float:right;}

#sidebar {float:left; width:200px; margin-left:50px; display:inline;}
#sidebar ul {list-style-type:none;}
#sidebar li {font-size:16px; margin-bottom:1em;}
#sidebar li ul {margin-top:0.5em;}
#sidebar li a {color:#004a6e; text-decoration:none;}
#sidebar li a:hover {color:#26A9E0;}
#sidebar li li {font-size:13px; line-height:1em; margin-bottom:0.5em; margin-left:0.5em; padding-left:0.5em;}
#sidebar li li a {font-weight:normal;}
#sidebar li.current_page_item a, #sidebar li.current-cat a {color:#26A9E0; font-weight:bold;}
#sidebar li.current_page_item li a, #sidebar li.current-cat li a {color:#004a6e; font-weight:normal;}
#sidebar li.current_page_item li a:hover, #sidebar li.current-cat li a:hover {color:#26A9E0;}
#sidebar li.page-item-202 ul {display:none;}
#sidebar li.page-item-6 li a {font-weight:bold;}
#sidebar li.page-item-6 li li a {font-weight:normal;}

#sidebar li ul.children {display:none;}
#sidebar li.current_page_item ul.children, #sidebar li.current_page_ancestor ul.children {display:inherit;}
#sidebar li.current_page_ancestor ul.children li ul.children {display:none;}
#sidebar li.current_page_ancestor ul.children li.current_page_item ul.children {display:inherit;}



#sidebar #customer-portal {margin-bottom:30px;}

#footer { height: 140px; width: 880px; float: left; color: white; padding-left: 20px; padding-bottom: 0; padding-right: 20px; padding-top: 0px; margin-bottom: 0; margin-top: 0px; background-repeat: no-repeat; background-image: url(images/foot-bkg3.png);}
#footer ul {padding-right: 0px; padding-left: 0px; float: left; width: 410px; text-align: left; font-size:11px; color: white; margin:15px 0 5px 0; font-size: 12px;}
#footer li {
    border-left: 1px solid #CCCCCC;
    color: white;
    float: left;
    font-family: arial;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    list-style: none outside none;
    margin: 0 0 0 4px;
    padding: 0 0 0 4px;
}

#footer li:first-child {margin:0; padding:0; border-left:none;}

#footer a { color: white; }
#bottom {width:920px; margin:0 auto; background:url(images/footer.png) bottom no-repeat; height:20px;}
a.login {color:#c00;}

h1 {font-size:32px; color:#26A9E0; margin:0.5em 0 0.5em 0;}
#banner h2 {margin-top:0;}
h2 {font-size:24px; color:#26A9E0; margin:1em 0 0.5em 0;}
#banner h2 {font-size:36px; color:#fff; width:860px; text-align:right; padding-top:50px;}
h3, h4 {font-size:24px; color:#004a6e; margin-top:1em;}
h5 {font-size:21px; color:#26A9E0; margin-top:1em;}
h6 {font-size:18px; font-weight:normal; color:#5687a8;}
p {margin:1em 0;}
a {color:#004a6e; font-weight:bold; text-decoration:none;}
a:hover {color:#26A9E0; text-decoration:underline;}

strong.normalize {font-weight:normal;}
em.normalize {font-style:normal;}

.left {float:left;}
.right {float:right;}
.clear {clear:both; font-size:0; line-height:0; height:0;}

.copyright {padding-top:2px; font-size:11px;}

img.alignleft {float:left; border:1px solid #ddd; padding:5px; margin: 5px 20px 20px 0;}
img.alignright {float:right; border:1px solid #ddd; padding:5px; margin: 5px 0 20px 20px;}


/* Dropdown Menu */
#nav, #nav ul { /* all lists */ list-style:none; line-height:1;}
#nav a {color:#0c395a; display:block; width:auto; text-decoration:none; font-size:15px;}
#nav a:hover {color:#26A9E0;}
#nav li { /* all list items */ float:left; height:28px; padding:0 0 0 30px; width:auto; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ position:absolute; z-index:2; background:#fff; margin-left:-10px; width:21em; margin-top:5px; padding-top:5px; left:-999em; border:1px solid #b6c7d6; border-top:none; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul a {font-size:13px;}
#nav li ul ul { /* third-and-above-level lists */ margin:-1em 0 0 9em;}
#nav li ul li {height:auto; padding:0 18px 10px 10px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left:auto;}

#nav li.page-item-202 ul {display:none;}

/* Contact Form & Request a Quote Form */

#page-9 input, #page-9 textarea, #page-1625 input, #page-1625 textarea {display:block; border:1px solid #ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; width:180px; margin-bottom:5px;}
#page-1625 select {width:188px;}
#page-9 input.hidden, #page-1625 input.hidden {padding:0; border:none;}
#page-9 input.submit, #page-1625 input.submit {margin-top:10px; width:auto;}
#page-291 h4, #page-77 h4 {clear:both; border-top:1px dashed #ddd; padding-top:0.5em; margin-top:0.5em;}


/* Blog Styles */

#content.single .post h1, #content.archive .post h2, #content.blog .post h2 {margin-bottom:0;}
#content p.date {font-style:italic; margin:0 0 1em 0;}
#content .post h2 a {text-decoration:none;}
#content .post h2 a:hover {color:#26A9E0;}
#content ol.commentlist {margin:1em 0 0 0.5em;}
textarea#comment {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; line-height:1.5em; width:540px;}
input#author, input#email, input#url, textarea#comment {border:1px solid #ccc; padding:5px; margin-right:5px;}
input#submit {background-color:#004a6e; color:#fff; padding:5px; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; border:none; cursor:pointer;}
.comment-text {margin-top:-0.5em;}
#content.blog .postmetadata, #content.archive .postmetadata {padding-bottom:2em; margin-bottom:2em; border-bottom:1px dashed #ccc;}
.navigation {width:100%; float:left; margin:0; padding:0; overflow:hidden;}
.navigation .alignleft a {float:left;}
.navigation .alignright a {float:right;}

li#xmt_primary {list-style-type:none; font-size:13px; margin-top:50px;}
#xmt_Primary_wid li.tweet_list {margin-bottom:1em !important; padding-bottom:1em !important; border-bottom:1px dashed #ccc !important;}
#xmt_Primary_wid li.tweet_list a {font-weight:bold;}

#sidebar li.widget_text {list-style-type:none;}
#sidebar .textwidget p {font-size:13px; margin-top:0.5em; margin-bottom:0;}
#sidebar .textwidget p input {width:188px; border:1px solid #ccc; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin-bottom:1em;}
#sidebar #text-5 {margin-top:50px;}
#sidebar #text-4 .textwidget a {font-size:15px;}


/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:100%;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	background-repeat: repeat-x;
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	background-position: 0 0px;
/* 	background-image: url(images/acc-bkg.jpg); */
	background-repeat: repeat-x;
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 284px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: justify;
}
/* Handle*/
.handle{
	float: left;
	width: 53px;
	height: 281px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade.png) no-repeat;
}
.handleOver{	
	background: url(../images/blade_sel.png) no-repeat;
}
.handleSelected{	
	background: url(../images/blade_sel.png) no-repeat;
}

/*EXTRAS*/
.contentWrapper h3{
	background-color: #dfdfdf;	
}
p{
	/* padding: 10px; */
}

/*  TEST 3  */

/*Main Container*/
.container3 {
	width: 953px;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container3 li{
	background-repeat: repeat-x;
	background-image: url(images/acc-bkg.jpg);
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 53px;
	height: 281px;
	text-align:center;

	background: #666;
	border: 0px none white;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleOver3{
	
	/* background: #AED043; */
	background: #cccccc;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	
	background: #000;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 10px;
}
.contentWrapper3 h3{

}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 284px;	
	overflow:hidden;
}
p.acc-green { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 136px; font-family: arial; color: #174d56; padding-left: 20px; padding-bottom: 10px; padding-right: 100px; padding-top: 10px; background-position: left; background-repeat: repeat-y; background-image: url(images/acc-bkg-ov.png); width: 500px;}
#splash-left { margin-left: 10px; background-image: url(images/seeproof.jpg); background-position: 0 10px; padding-right: 5px; background-repeat: no-repeat; height: 300px; float: left; width: 386px; }
#splash-right { margin-top: 5px; background-repeat: no-repeat; height: 300px; width: 486px; float: right; overflow:hidden;}
#home-left { background-position: 0 5px; padding-right: 5px; border-right-color: #d5d5d5; border-right-style: solid; border-right-width: 1px; background-repeat: no-repeat; background-image: url(images/home-left-bkg.jpg); height: 300px; float: left; width: 508px; }
#home-left p { margin-top: 121px; line-height: 16px; margin-left: 154px; width: 325px; font-family: arial; font-size: 10px; }
#home-right { margin-top: 5px; background-repeat: no-repeat; background-image: url(images/home-proof-bkg.jpg); height: 290px; width: 379px; float: right; }
#home-right a { display: block; height: 290px; width: 379px; }
div.hs_followme { float: left; width: 150px; }
#f-left { width: 560px; float: left; }
#f-right { text-align: right; color: white; font-size: 10px; font-family: arial; height: 100px; width: 300px; float: right; }
p.footer { clear: both; margin-left: 150px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; font-family: arial; font-size: 10px; float: left; width: 277px; padding: 0px; }
#f-right p { line-height: 15px; margin-top: 20px; margin-right: 70px; }

div.home-rotator { height: 274px; float:left; width: 900px; position:relative; overflow:hidden;}
ul#home-rotator { padding: 0px; background-color: white; height: 274px; float: left; width: 900px;}

ul.home-rotator-txt { margin-left: 6px; width: 320px; top: 40px; left: 10px; float:left; position:absolute; text-shadow: 1px 1px #0d0d0d;}

ul.home-rotator-txt li h2 {font-size: 20pt; font-family: "times new roman"; color: white; text-shadow: 1px 1px #0d0d0d;}

ul.home-rotator-txt li p {font-size: 11pt; font-family: helvetica; color: white; text-shadow: 1px 1px #0d0d0d;}

a.bx-prev { padding-top: 3px; color: #222c51; text-decoration: none; text-align: center; height: 24px; width: 27px; background-color: white; margin-left: 10px; margin-bottom: 10px; right: 0px; bottom: 0px; left: 0px; position: absolute; }

a.bx-next { padding-left: 3px; padding-top: 3px; margin-top: 8px; color: #222c51; text-decoration: none; text-align: center; height: 24px; width: 24px; background-color: white; margin-bottom: 10px; margin-right: 10px; bottom: 0px; right: 0px; position: absolute; }

div.bx-pager {  height: 12px;  width: 70px;  left: 420px;  bottom: 16px;  position: absolute;  }

div.bx-pager a { background-repeat: no-repeat; padding-right: 4px; float: left; display: block; height: 11px; width: 11px; color: white; }

div.bx-pager a:hover { text-decoration: none; background-position: left top; background-repeat: no-repeat; background-image: url(images/splash-but.png); }

a.pager-link { height: 11px; width: 11px; background-position: left top; background-repeat: no-repeat; background-image: url(images/splash-butt2.png); }

a.pager-active { height: 11px; width: 11px; background-position: left top; background-repeat: no-repeat; background-image: url(images/splash-butt.png); }

a.pager-link:hover { background-repeat: no-repeat; background-image: url(images/splash-butt.png); }

#splash-left p { margin-top: 40px; color: #535353; line-height: 19px; font-family: arial; font-size: 12px; }

a.requote { margin-top: 10px; display: block; float: left; height: 100px; width: 100%; }

/* TABS ON SPLASH PAGE */
.ui-tabs-hide {display:none;}

#tabs {width:100%;}
#tabs li.ui-state-default { background:url(images/tab.jpg) no-repeat center bottom; float:left; width:175px; height:45px; margin-bottom:-7px; position:relative; z-index:10; text-align:center; list-style:none; }
#tabs li.ui-state-default a { color:#26A9E0; font-size:16px; text-transform:uppercase; text-decoration:none; line-height:50px;}
#tabs li.ui-state-default.ui-state-active {background:url(images/active-tab.png) no-repeat center bottom; margin-bottom:-8px;}

#tabs li.ui-state-default .cufon { margin:16px 0; }

#tabs div.ui-tabs-panel {background:url(images/tab-box.png) no-repeat center; width:474px; height:259px; float:left; text-align:center;}
#tabs div.ui-tabs-panel img { max-width:400px; max-height:230px; margin:15px auto; width:auto; height:auto;}