/* @override 
	https://www.jfsebastian.com.php5-25.dfw1-2.websitetestlink.com/assets/css/main.css
	https://www.sebastianandsons.com/assets/css/main.css
*/

/* @group reset */

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;}
strong {font-weight: bold;}
ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* @end

*/

/* @group global */

.clear {clear: both; line-height: 1px;}

body {background: url(images/bg-body.jpg) repeat-x 0 0;}
html {background: #1b325f url(images/bg-html.jpg) repeat-x 0 0;}

.floatleft {float: left;}
.floatright {float: right;}

/* @end */

/* @group header */

#header {height: 139px; background: url(images/images-sprite.png) no-repeat 120px -110px;}

#logo h3 {
	width: 298px;
	height: 110px;
	background: url(images/images-sprite.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#logo h3 a {
	cursor:pointer;
	display:block;
	width: 298px;
	height: 110px;
	border-bottom: none;
	text-decoration: none;
}

#logo {float: left;margin: 8px 0 0 0;}

#logo h3 span {visibility: hidden;}

#contact {height: 28px;margin: 71px 0 0 62px; float: left;background: url(images/dotted-rules.png) repeat-x 2px 23px;}
#contact span {color: #9cc4e4;}
#contact p {color: #1b325f;font: 700 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#contractorLogin {
	float: right;
	font: 700 12px/20px Verdana, Arial, sans-serif;
	margin: -10px 20px 0 0;
}


/* @group search */

#keywords { width:185px; }

#searchPageHome input#keywords.textinput, input#keywordsWide.textinput {
	border-top: 1px solid #9cc4e4;
	border-left: 1px solid #9cc4e4;
	border-bottom: 1px solid #9cc4e4;
	border-right: none;
	padding: 5px;
	width: 148px;
	height: 14px;
	font: 400 12px/16px Verdana, Arial, sans-serif ;
	color: #333;
	margin: 0;
	float: left;
}

input#keywordsWide.textinput {
	width: 75%;
}

input#searchPageSubmit, input#resultsPageSubmit {
	background: #265ac5;
	display: block;
	float: left;
	width: 40px;
	height: 26px;
	font: 700 14px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	color: #fff;
	margin: 0;
	cursor: pointer;
}

input#searchPageSubmit:hover {background: #f15c3c;}

form#searchPageHome {
	width: 200px;
	float: right;
	margin: 70px 10px 0 0;
	padding: 0 0 0 0;
}

/* @end */
/* @end */

/* @group globalnav */

#globalnav {
	border-top: 1px solid #0000bc;
	border-bottom: 1px solid #e9f2f9;
}

#globalnav ul {
	background: url(images/bg-horizontal-repeat.jpg) repeat-x 0 0;
	list-style-type: none;
	height: 51px;
	padding: 0;
}

#globalnav ul li {
	height: 51px;
	width: 133px;
	text-align: center;
	float: left;
	margin: 0;
}
#globalnav ul li.lg {width: 185px;}
#globalnav ul li.divider {
	background: url(images/bg-horizontal-repeat.jpg) no-repeat 0 -51px;
	width: 1px;
}

#globalnav ul li a, #globalnav ul a:link {
	display: block;
	height: 23px;
	padding: 14px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font: 700 15px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#globalnav a:hover, #globalnav a.current {background-color: #3a89c9;}

/* @end */

/* @group banner */

#banner .content-div hr {
	width: 87%;
	background: url(images/dotted-rules.png) repeat-x 0 -27px;
	border: none;
	height: 2px;
}

#banner { 
	position:relative; 
	margin:0 auto; 
	background:#68696c; 
	color:#fff; 
	width: 960px;
	height: 352px;
}

#banner ul { 
	list-style-type: none;
	width:307px; 
	height:239px; 
	padding:0; 
	margin:0; 
}
#banner ul li {
	margin: 0;
	padding: 0;
}
#banner ul li .body-div { 
	overflow:hidden; 
	position:relative; 
	background: #1b325f;
}

#banner ul li .body-div h2 {
	font: 700 16px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 8px 20px; 
	margin:0;  
	height:20px; 
	background:#9cc4e4; 
	border-top:1px solid #e9f2f9; 
	color:#1b325f; 
	cursor:pointer; 
}
	
#banner ul li .body-div h2:hover {
	background: #f15c3c;
	color: #fff;
}

#banner ul li div.body-div h2 span {float: right;font: 400 16px/16px Arial, Helvetica, Geneva, sans-serif;}

#banner ul li .content-div h1, #banner ul li .content-div h3 { 
	margin: 0;
	padding: 15px 20px 5px;
	font: 400 26px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#fff; 
}

#banner ul li .content-div h4 { 
	margin: 0;
	padding: 10px 20px;
	font: 400 16px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#fff; 
	background: none;
}

#banner ul li .content-div p { 
	margin: 0;
	padding: 5px 20px;
	font: 400 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#fff; 
}

#banner ul li .content-div a, #banner ul li .content-div a:link { 
	font: 700 14px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	text-decoration: none;
	border-bottom: none; 
	color:#9cc4e4;
	float: right;
	padding-right: 25px; 
}

#banner ul li .content-div a:hover {color: #f15c3c;}

#banner ul li .image-div { 
	position:absolute; 
	top:0px; 
	right:0px; 
	height: 352px;
}

#banner ul li div.image-div div.imgCaption {
	position: absolute;
	width: 367px;
	background: url(images/bg-image-caption.png);
	right: 0;
	top: 240px;
	padding: 6px 30px 5px 10px;	
}

#banner ul li div.image-div div.imgCaption p {
	color: #0000bc;
	font: 700 15px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group grid */

.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 {width: 210px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 450px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}

.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* @group column heights */

.height100 {height: 100px;}
.height150 {height: 150px;}
.height250 {height: 250px;}
.height300 {height: 300px;}
.height350 {height: 350px;}

/* @end */

/* @end */

/* @group content */

/* @group home page */

.featured {padding: 0 3px 10px 6px;}

/* @end */

#singlepage {
	background: #fff;
	border-top: 8px solid #1b325f;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding: 20px 0 30px;
	min-height: 300px;
}

#singlepage h1,
#singlepage h2,
#singlepage h3,
#singlepage h4,
#singlepage h5,
#singlepage h6,
#singlepage p,
#singlepage ul,
#singlepage .testimonial {
	margin-left: 8px;
	margin-right: 10px;
}

#page {
	background: url(images/bg-page.gif) repeat-y 0 0;
	border-top: 8px solid #1b325f;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

#content {
	padding: 20px 20px 30px 20px;
	background: #fff;
	width: 680px;
	float: left;
}

#home-content {
	background: #e9f2f9 url(images/bg-home-content.gif) repeat-x 0 0;
	padding: 20px 0 30px;
}

#home-content h2,
#home-content h3,
#home-content h4,
#home-conten h5,
#home-content h6,
#home-content p {
	padding-left: 10px;
	padding-right: 10px;
}

#home-content h2 {font-size: 18px;}
#home-content h6 {
	background: none;
	color: #1b325f;
	border-bottom: none;
	height: inherit;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 8px 8px 8px;
}

#home-content-header {
	background: url(images/bg-horizontal-repeat.jpg) repeat-x 0 -166px;
	height: 30px;
	border-bottom: 1px solid #9fadc1;
	padding: 34px 0 0;
}

#home-content-header h4 {
	padding-left: 10px;
	padding-bottom: none;
	background: none;
	margin: 0;
	color: #f15c3c;
}
#home-content ul {
	margin-bottom: 10px;
	padding-left: 10px;
}
#home-content ul li {
	list-style-type: none;
	margin: 3px 0 8px;
}

#home-content ul li a, #home-content ul li a:link {
	color: #0000bc;
	background: url(images/buttons-sprite.png) no-repeat 0 -54px;
	padding: 4px 12px;
	height: 19px;
	display: block;
	font-weight: 700;
}
#home-content ul li a:hover {
	color: #f15c3c;
}
.halfcol {
	float: left;
	width: 48%;
}

ul {
	list-style-type: disc;
	color: #1b325f;
	font: 400 14px/18px Verdana, Arial, Lucida, sans-serif;
	padding: 8px 0;
}

li {margin: 0 0 6px 30px;}

.testimonial {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 12px;
	background: #e9f2f9;
	border-top: 1px solid #3a89c9;
	border-bottom: 1px solid #3a89c9;
}

.testimonial p {
	color: #1b325f;
	font: 700 14px/20px "Helvetica Neue", Arial, Geneva, sans-serif;
	font-style: italic;	
}

.audit {padding: 20px;}

.audit h6 {
	color: #fff;
	border-bottom: 1px solid #0000bc;
	font: 700 14px/20px "Helvetica Neue", Arial, Geneva, sans-serif;
	background: url(images/bg-audit-header.gif);
	padding: 4px 0 4px 8px;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}

.audit h2 {
	font-size: 24px;
	line-height: 28px;
	padding-left: 8px;
	padding-bottom: 12px;	
}

.audit p {
	font: 400 14px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
	margin-bottom: 15px;
	padding-left: 8px;
}

#auditCallOut {
	background: url(images/bg-horizontal-repeat.jpg) repeat-x 0 -102px;
	height: 24px;
	border-top: 1px solid #e9f2f9;
	border-bottom: 1px solid #e9f2f9;
	padding: 20px 0 20px;
}

#auditCallOut p {
	color: #fff;
	float: left;
	font: 400 15px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 20px;
	padding-top: 2px;
}

#auditCallOut p a, #auditCallOut p a:link {
	color: #c3dbef;
	text-decoration: none;
	border-bottom: none;
}

#auditCallOut p a:hover {
	color: #1b325f;
	text-decoration: none;
	border-bottom: none;
}

/* @group navcol */

#nav-sub {
	background: url(images/bg-vertical-repeat.png) repeat-y 0 0;
	padding: 20px 0;
}

ul#nav-sub.navcol {
	padding: 55px 0 80px;
	border-bottom: 1px solid #82a7c9;
}

#nav-sub li.level-1 a, #nav-sub li.level-1 a:link {
	background: url(images/bg-vertical-repeat.png) repeat-y -237px 0;
	color: #f15c3c;
	font: 700 14px/24px Verdana, Arial, Helvetica, Geneva, sans-serif;
	display: block;
	height: 23px;
	border-bottom: 1px solid #c0ccda;
	padding: 6px 0 6px 20px;
	margin-bottom: 2px;
}

#nav-sub li.level-1 a:hover, #nav-sub li.level-1.here a, #nav-sub li.level-1.parent-here a {color: #3a89c9;}

#nav-sub li.level-1 ul li.level-2 a, #nav-sub li.level-1 ul li.level-2 a:link {
	font: 700 12px/24px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #1b325f;
	border-bottom: none;
	background: none;
	height: 25px;
	padding: 2px 0 0 35px;
}

#nav-sub li.level-1 ul li.level-2 a:hover, #nav-sub li.level-1.parent-here ul li.level-2.here  {
	color: #0000bc;
	background: url(images/buttons-sprite.png) no-repeat 22px -81px;
}

#nav-sub li.level-1 ul{margin-top: 10px;margin-bottom: 5px;}

#nav-sub li.level-1.here ul li.level-2.last {
	margin-bottom: 10px;
}

#navcol {
	width: 237px;
	float: left;
	border-right: 1px solid #aabfd5;
}

#nav-sub ul, ul#nav-sub {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-sub ul li, ul#nav-sub li {margin: 0;padding: 0;}


/* @end */

/* @group typestyles */

h1 {
	color: #265ac5;
	font: 400 32px/36px "Helvetica Neue", Arial, Geneva, sans-serif;
	padding-bottom: 10px;
}

h2 {
	color: #1b325f;
	font: 400 20px/24px Verdana, Arial, Lucida, sans-serif;
	padding-bottom: 18px;
}

h3 {
	color: #1b325f;
	font: 400 18px/23px Verdana, Arial, Lucida, sans-serif;
	padding-bottom: 12px;
}

h4 {
	color: #f15c3c;
	font: 700 17px/20px "Helvetica Neue", Arial, Geneva, sans-serif;
	height: 36px;
	background: url(images/dotted-rules.png) repeat-x 0 -33px;
	margin: 16px 0 5px;
}

#project h4 {
	margin-bottom: 8px;
}

#project ul {
	padding-top: 3px;
}

h5 {
	color: #3a89c9;
	font: 700 14px/19px Verdana, Arial, Lucida, sans-serif;
	padding-bottom: 8px;
}

h6 {
	color: #fff;
	border-bottom: 1px solid #0000bc;
	font: 700 14px/20px "Helvetica Neue", Arial, Geneva, sans-serif;
	background: url(images/bg-audit-header.gif);
	padding: 4px 0 4px 8px;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 8px;
}

p {
	color: #1b325f;
	font: 400 14px/19px Verdana, Arial, Lucida, sans-serif;
	margin-bottom: 8px;
}

p.blue {
	color: #265ac5;
	font-weight: 700;
	font-size: 12px;
	padding: 10px 0 0 0;
}

p.caption, .caption {
	font-size: 11px;
	line-height: 16px;
}

.spaceleft {margin-left: 10px;}
.spaceright {margin-right: 10px;}
.spacerightlg {margin-right: 24px;}
.spacebeforesm {margin-top: 6px;}
.spacebefore {margin-top: 12px;}
.spacebeforelg {margin-top: 24px;}
.spaceaftersm {margin-bottom: 6px;}
.spaceafter {margin-bottom: 12px;}
.spaceafterlg {margin-bottom: 24px;}
.nospacebefore {margin-top: 0px;}
.nospaceafter {margin-bottom: 0px;}

.ruleabove {
	background: url(images/dotted-rules.png) repeat-x 0 0;
	padding-top: 10px;
}

.rulebelow {
	background: url(images/dotted-rules.png) repeat-x 0 0;
	padding-bottom: 10px;
}

.nounderline a, .nounderline a:link {
	text-decoration: none;
	border-bottom: none;
}

em, em p {font-style: italic;}

blockquote {margin: 0 18px;}

/* @end */

/* @group links */

a, a:link, a:visited, a:active {
	color: #265ac5;
	text-decoration: none;
	border-bottom: none;
}

a:hover, a.selected {
	color: #f15c3c;
	text-decoration: none;
	border-bottom: none;
}

/* @end */


span.pdf {
	background: url(images/icon_pdf-sm.gif) no-repeat left 0;	
	height: 16px;
	padding-bottom: 5px;
}

/* @end */

/* @group edit entry */

p.edit-entry a {
	margin: 15px 0;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background: url(images/button-edit.png) no-repeat 0 0;
	color: #fff;
	border: none;
	display: block;
	width: 140px;
	height: 20px;
}

p.edit-entry a:hover {
	border: none;
	text-decoration: underline;
}

/* @end */

/* @group footer */
.footer h5 {
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	margin: 0;
	padding-left: 12px;
}
.footer p {
	font: 400 12px/16px Verdana, Arial, Lucida, sans-serif;
	color: #fff;
}
.footer p span {color: #9cc4e4;}

.footer {
	padding: 25px 0 15px;
	background: #3a89c9 url(images/bg-horizontal-repeat.jpg) repeat-x 0 -296px;
}

#bot p {text-align: right;}

#bot p a, #bot p a:link {
	font-size: 13px;
	color: #f26c4f;
}
#bot p a:hover {color: #9cc4e4;}
#bot {margin: 20px auto;}

/* @end */

/* @group forms */

form#registration {
	padding: 10px 12px 20px;
	border-right: solid 1px #cdcdcd;
	border-left: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	background-color: #f6f6f6
}

#notification {
	border: solid 1px #cdcdcd;
	background-color: #f6f6f6;
	padding: 10px;
}

form input {margin: 3px 3px 10px 3px;}

form textarea {margin: 3px 3px 1px 3px;}

form input.textinput{
	width: 95%;
	height: 18px;
}
form textarea{
	margin-bottom: 15px;
	width: 95%;
}

form label {
	display: block;
	font-family: Arial, Lucida, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
	clear: both;
	margin-left: 5px;
	padding-right: 10px;
}

form label.error {
	color: #a01c1c;
	font-style: italic;
	margin: 3px 0 3px 10px;
	float: right;
}

span.radiotext {
	font-family: Arial, Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
}

form input.choice, label.choice {
	float: left;
	margin: 0px 6px 0px 0px;
	clear: none;
}

form span.error {
	padding: 3px 4px 2px 4px;
	background-color: #E2D3D3;
	border: solid 1px #C5A7A7;
}

form input.error {background-color: #E2D3D3;}

div.errorheader {
	font-size: 15px;
	line-height: 18px;
	color: #6E2222;
	margin: 30px 20px;
	border: solid 1px #C5A7A7;
	padding: 10px;
	background-color: #E2D3D3;
}

div.errorheadersm {
	font-size: 12px;
	line-height: 18px;
	color: #6E2222;
	border-top: solid 1px #C5A7A7;
	border-bottom: solid 1px #C5A7A7;
	padding: 5px;
	margin: 10px 0px;
}

div.error {
	font-size: 15px;
	line-height: 18px;
	color: #6E2222;
	padding: 3px 0px 2px 4px;
	background-color: #E2D3D3;
	border: solid 1px #C5A7A7;
}

form p {
	margin: 0;
	padding: 0;
}

#submit {
	position: absolute;
	left: 180px;
	width: 50px;
}

/* @end */

/* @group button */

#auditCallOut p a.buttonOrange, #auditCallOut p a.buttonOrange:link {
	color: #fff;
	font: 400 14px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-left: 0;
}

a.buttonOrange, a.buttonOrange:link {
	background: url(images/buttons-sprite.png) no-repeat 0 0;
	color: #fff;
	font: 400 14px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	height: 19px;
	width: 146px;
	display: block;
	text-align: center;
	padding: 4px 0;
}

a.buttonOrange:hover {
	background: url(images/buttons-sprite.png) no-repeat 0 -27px;
} 

/* @end */

/* @group tables */



td {
	padding: 15px;
}



/* @end */

/* @group iconize */

/* Iconize 0.5 */

/* extensions */

a[href$='.pdf'] {
	background: url(images/icon_pdf-sm.gif) no-repeat center right;
	padding: 0 20px 0 0;
}

/* use this class to make sure that images won't get iconized */

#content a.imagelink {
	padding-right: 0px !important;
	background: none !important;
}

/* @end */

/* @group bigTargets */

.bigTarget.over {
	background: #eee;
	cursor: pointer;
}

.bigTarget a {
	border: none;
	text-decoration: none;
}

.bigTarget.over a:hover {
	border: none;
	text-decoration: none;
}

/* @end */