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

dark blue: 0B1560
red: FF0000
yellow: FFF100
light blue: 262F72

 */

/*
	UTILITY STYLES
*/

.shadow {
  box-shadow: 5px 5px 5px #062642;
  -moz-box-shadow: 5px 5px 5px #062642;
  -webkit-box-shadow: 5px 5px 5px #062642;
}

.textShadow { text-shadow: 1px 1px 1px #000; }

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}


body {
background-color:#013A81;
margin: 0;
padding: 0;
height: 100%;
font: 12px/1.4em Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

a {
text-decoration:underline;
color:#FFFFFF;
}

h1, h2, h3 {
margin:0;
padding:0;
}

@font-face {
	font-family: 'RotisSemiSansExtraBold';
	src: url('fonts/rotisseb-webfont.eot');
	src: local('☺'), url('fonts/rotisseb-webfont.woff') format('woff'), url('fonts/rotisseb-webfont.ttf') format('truetype'), url('fonts/rotisseb-webfont.svg#webfontuoP5i7Se') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansBold';
	src: url('fonts/rotisssb-webfont.eot');
	src: local('☺'), url('fonts/rotisssb-webfont.woff') format('woff'), url('fonts/rotisssb-webfont.ttf') format('truetype'), url('fonts/rotisssb-webfont.svg#webfontSRqaMhvc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansRegular';
	src: url('fonts/rotisses-webfont.eot');
	src: local('☺'), url('fonts/rotisses-webfont.woff') format('woff'), url('fonts/rotisses-webfont.ttf') format('truetype'), url('fonts/rotisses-webfont.svg#webfontyF26pjSk') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansLight';
	src: url('fonts/rotisssl-webfont.eot');
	src: local('☺'), url('fonts/rotisssl-webfont.woff') format('woff'), url('fonts/rotisssl-webfont.ttf') format('truetype'), url('fonts/rotisssl-webfont.svg#webfontyul7RLKD') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'RotisSemiSansLightItalic';
	src: url('fonts/rotissli-webfont.eot');
	src: local('☺'), url('fonts/rotissli-webfont.woff') format('woff'), url('fonts/rotissli-webfont.ttf') format('truetype'), url('fonts/rotissli-webfont.svg#webfontjon6hVuw') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RotisSemiSansItalic';
	src: url('fonts/rotisssi-webfont.eot');
	src: local('☺'), url('fonts/rotisssi-webfont.woff') format('woff'), url('fonts/rotisssi-webfont.ttf') format('truetype'), url('fonts/rotisssi-webfont.svg#webfontOZx2vBCj') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------------------------------- Header ------------------------------- */


/* ------------------------------- Header Text ------------------------------- */

#header_text {
height: 10px;
margin: 0 0 0 10px;
padding:0;

}

/* ------------------------------- Wrapper ------------------------------- */

#wrapper {
margin: 0;
background: url(images/background_logo.png) no-repeat 6% 100%;
position:relative;
}

/* ------------------------------- Container ------------------------------- */

#container {
width: 800px;
margin: 0 auto;
position:relative;
}

/* ------------------------------- Branding ------------------------------- */

#branding {
height: 69px;
position:relative;
margin: 39px auto 0 auto;
z-index: 999;
width: 282px; }

#branding h1 {
background: url(images/bdicelloLogo.gif) no-repeat;
width:282px;
height:69px;
position:relative;
margin: 0 auto;
z-index: 100;
}

#branding h1 a {
display:block;
width: 100%;
height: 100%;
text-indent: -9999px;
}

#branding2 {text-indent: -9999px}

/* ------------------------------- Navigation ------------------------------- */

#main_nav { background: url(images/nav_top_bkg.jpg) repeat-x ;
height: 93px;
width: 100%;
position: absolute;
top: 35px;
z-index:5;
}

#main_nav ul {width: auto; width: 190px; margin: 0 0 0 0; padding: 0px; position: relative; z-index: 100}
#main_nav ul li {width: auto; display: inline-block; margin: 0px; padding: 0px}

#navWrapper {width: 800px; margin: 0 auto;position: relative; z-index: 5}

#main_nav_left {float: left; text-align: right; margin: 9px 0 0 20px !important}
#main_nav_right {float: right; text-align: left; margin: 9px 20px 0px 0 !important}

#main_nav li {display: block; list-style: none;}
#main_nav li a {display: block; color: #0b1560; font-size: 14px; font-weight: bold; text-decoration: none; padding: 1px}
#main_nav li a:hover {color: #767676}

#top_nav {
display: block;
height: 14px;
width: 155px;
position: absolute;
right: 0px;
top: 0px;
margin: 0;
}

#top_nav li {display: block; list-style: none; height: 20px; position: absolute; top: 0px;}
#top_nav li a {display: block; height: 20px; text-indent: -9999px;}

li#home {width: 53px; left: 0px;}
li#home a {width: 53px; background: url(images/top_nav_login.png) no-repeat 0 top;}
li#home a:hover {width: 53px; background: url(images/top_nav_login.png) no-repeat 0 -35px;}

li#login {width: 102px; left: 53px;}
li#login a {width: 102px; background: url(images/top_nav_login.png) no-repeat -53px top;}
li#login a:hover {width: 102px; background: url(images/top_nav_login.png) no-repeat -53px -35px;}

/* ------------------------------- Internal Navigation ------------------------------- */

#internal_main_nav {
display: block;
position: absolute;
top: 175px;
right: 0px;
}

#internal_main_nav li {display: block; list-style: none; position: relative; margin: 3px 0;}
#internal_main_nav li a {display: block; background: url(images/highlight.gif); text-decoration:none; padding: 4px 10px; text-align:left; font-size:11px;}
#internal_main_nav li a:hover {display: block; background: #FFF100; text-decoration:none; padding: 4px 10px; text-align:left; font-size:11px; color: #0B1560; }
#internal_main_nav li a.emphasis {display: block; background: #FF0000; text-decoration:none; padding: 4px 10px; text-align:left; color:#FFFFFF; font-size:11px;}
#internal_main_nav li a.emphasis:hover {display: block; background: #FFF100; text-decoration:none; padding: 4px 10px; text-align:left; color:#0B1560; font-size:11px;}

#internal_top_nav {
display: block;
height: 45px;
width: 275px;
position: absolute;
right: 0px;
top: 115px;
margin: 0;
z-index:50;
}

/* ------------------------------- Subnavigation ------------------------------- */

#subnavigation {
width: 165px;
float: right;
padding: 35px 10px 0 0;
margin: 0px;
}

.animated {
float: right;
margin: 0;
padding: 53px 5px 0 0;
}


/* ------------------------------- Subnavigation - Highlight ------------------------------- */

#nav_highlight {
width:165px;
position: relative;
padding: 0 0 5px 0;
}

#nav_highlight p {
background: #075090 no-repeat bottom;
font: 11px/1.5em Arial, Helvetica, sans-serif;
padding: 10px;
position:relative;
top: 10px;
}

#nav_highlight h2 {
font-size:15px;
font-weight:bold;
text-align:right;
position: absolute;
top: 0px;
right: 10px;
z-index: 11;
}

#nav_highlight.red p {
background: #FFF100 no-repeat bottom;
font: 11px/1.5em Arial, Helvetica, sans-serif;
padding: 10px;
position:relative;
top: 10px;
}

#nav_highlight.red a#body {
text-decoration:none;
color:#000000;
}

#nav_highlight.emphasis h2 {
font-size:15px;
font-weight:bold;
color:#FFF100;
text-align:left;
position: absolute;
top: 0px;
left: 10px;
z-index: 11;
}

#nav_highlight a {
text-decoration:none;
}

#nav_highlight a#emphasis {
text-decoration:none;
color: #FFF100;
}
#nav_highlight a#quiz {
text-decoration:none;
color:#FFF100;
background-color:#004078;
padding:2px 5px;
}

/* ------------------------------- Content ------------------------------- */

#content {
width: 550px;
margin: 0 0 0 25px;
padding: 50px 0 0;
position:relative;
}


#content p.firstP {
	padding-top: 0;
	margin-top: 0;
	font-size: 14px;

}

#content ul.businessResults {
	padding-top: 0;
	list-style-type: square;
	margin: 10px 0;
	float: left;
	width: 270px;

}

#content ul.improvements {
	float: left;
	width: 270px;
	list-style-type: square;

}

#content ul.interiorimprovements {
	float: left;
	width: 500px;
	list-style-type: square;

}

#content ul.interiorbusinessResults {
	padding-top: 0;
	list-style-type: square;
	margin: 10px 0;
	float: left;
	width: 290px !important;

}

#content ul.improvements li, #content ul.businessResults li, #content ul.interiorbusinessResults li, #content ul.interiorimprovements li {
	font-size: 14px;
}




.bridgetImage {
	margin-right: 15px;
	width: 190px;
}

.floatright {
float: right;
margin: 10px 0 0;
}

.floatright_2 {
float: right;
margin: 0 -40px 0 0;
}

.floatright_text {
float: right;
width: 250px;
margin: 0 0 10px 15px;
padding: 15px;
display: block;
font-size: 17px;
background: url(images/highlight.png);
text-align:center;
}

.floatleft {
float:left;
margin: 0 10px 0 0;
}

.highlight {
background: url(images/highlight_yellow.png);
padding: 15px 15px 15px 25px;
color: #0b1560;
}

#content h1 {
font-size: 24px;
line-height: 1.3em;
color: #FFFFFF;
}

#content h2 {
font-size: 18px;
color: #FFF100;
}

#content h3 {
font-size: 15px;
color: #FFF100;
background: url(images/highlight.png);
padding: 5px;
}


#content a {
text-decoration:none;
color:#FFF100;
font-weight: bold;
}

#content a:hover {
text-decoration:underline;
color:#FFF100;
font-weight: bold;
}

#content.testimonials em {
display:block;
margin:0 0 0 20px;
padding:0 0 10px 0;
}

#content.testimonials strong {
color: #FFF100;
}

.indent {
display:block;
margin:0 0 0 50px;
padding:0 0 10px 0;
}

#content h2.rotisHeading {
	font-family: 'RotisSemiSansRegular';
	font-size: 18px;
	color: #fff;
	height: 22px;
	text-align: center;
	margin-top: 10px;
	line-height: 22px;
}

#content h3.rotisLarge {
	font-family: 'RotisSemiSansBold';
	color: #fff;
	background: none;
	font-size: 28px;
	text-align: center;
	padding-top: 10px;
}

p.tagline {
	font-family: 'RotisSemiSansItalic';
	font-size: 20px;
	font-style: italic;
	color: #fff;
	text-align: center;
	padding: 4px 0 10px 0;
	margin: 0;
}

p.pullQuote {
	width: 220px;
	color: #013A81;
	background: #fff;
	margin: 10px;
	margin-left: 50px;
	float: left;
	padding: 10px;
	border: 3px solid #918A84;
	font-size: 15px;
	line-height: 20px;
	font-family: 'RotisSemiSansItalic';
}
	
p.smallTagline {
	font-size: 15px;
	float: left;
	font-style: italic;
	margin: 3px 0 0 25px;
	text-align: left;
	width: 220px;
	color: #FFF100;
	line-height: 18px;
	
}

p.closingTagline {
	font-family: 'RotisSemiSansItalic';
	font-style: italic;
	font-size: 20px;
	text-align: center;
	padding: 20px;
	padding-top: 10px;
	line-height: 24px;
}

/* ------------------------------- Content - Home Page ------------------------------- */

#content.home {
position: relative;
margin: 0 0 0 50px;
width: 525px;
left: 0px;
}

.first {
position: relative;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
font-size: 14px;
}

.second {
position: relative;
margin: 0 0 0 25px;
font-size: 14px;
}

h1#emphasis {
font-size: 28px;
color:#FFF100;
font-style: italic;
display:inline;
line-height: 1em;
}


/* ------------------------------- Subcontent ------------------------------- */

#subcontent.content_highlight {
width: 550px;
margin: 20px 0 10px 40px;
clear: both;
}

#subcontent.content_highlight p {
font: 15px/1.4em Arial, Helvetica, sans-serif;
padding: 10px;
margin: 0 70px;
text-align: center;
}

#subcontent.content_highlight strong {
font: 16px/1.4em Arial, Helvetica, sans-serif;
text-align: center;
color:#FFF100;
font-weight:bold;
}

.yellow {
color: #FFF100;
}

/* ------------------------------- Footer ------------------------------- */

#footer {
clear: both;
position: relative;
margin: auto;
width: 750px;
}

#footer p#line_top {
background: #252F72;
height: 1px;
margin: 5px 0 10px 0;
}

#footer p#line {
background: #252F72;
height: 1px;
}

#footer p#footer_text {
margin: 0;
font-size: 10px;
line-height: 1.3em;
text-align: justify;
}

#footer p#footer_text a {
text-decoration:none;
font-weight:bold;
}

/* ------------------------------- Site Info ------------------------------- */

#siteinfo {
background:url(images/nav_sub_bkg.jpg) repeat-x;
height: 40px;
position: relative;
margin: 0 0 0 0;
width: 100%;
z-index: 0;
clear:both;
text-align: center;
font-size: 11px;
}

#sitelinks {
margin: 5px 0 2px 0;
padding: 4px 0 0 0;
font-size: 11px;
}

#sitelinks li {
display: inline;
margin: 5px auto 0 auto;
padding: 0 4px;
}

#sitelinks li a {
color:#0b1560;
text-decoration:none
}

#sitelinks li a:hover {color: #767676}

p#copyright {
margin: -4px 0 0 0;
color: #0b1560;
}

p#copyright a {
text-decoration:none;
color: #0b1560;
}

p#copyright a:hover {
color:#0b1560;
}

/* ------------------------------- Quiz ------------------------------- */

form div {
clear: left;
margin: 0 0 10px 0;
padding: 0;
}

form div label {
float: right;
width: 95%;
margin: -14px 0 0 0;
padding: 0px;
}