*

Theme Name: Dream Driven Designs

Theme URI: http://DreamDrivenDesigns.com

Description: Frame Work For DreamDrivenDesigns

Version: 2 (WP2.6.2)

Author: Dwayne Myers

Author URI: http://dreamdrivendesigns.com

Tags: web design, web design company, wordpress themes, cms theme

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";


body {

background: #DCE6E3;

font-family: "Arial";

}


#container-holder {

overflow: hidden;

margin: 0px auto 0 auto;

width: 1000px;


}



#container {

overflow: hidden;

margin: auto;

width: 1000px;

}




#header {

float: left;

width: 1000px;

height: 130px;

}


.header-left {
float: left;
width: 300px;
height: 102px;
padding-left: 20px;
}


.telephone1 {
float: left;
width: 233px;
margin-top: 5px;
height: 58px;
background: url(images/telephone1.png) no-repeat;
}

#phoneTampa {
float: left;
width: 325px;
height: 90px;
margin-top: 20px;
background: url(images/phone-number-813ro.jpg) no-repeat left top;
}

#phoneStPete {
float: right;
width: 325px;
height: 90px;
margin-top: 20px;
background: url(images/phone-number-727ro.jpg) no-repeat left top;
}

#QCILogo {
float: left;
width: 350px;
height: 130px;
margin: -18px 0 0 0;
background: url(images/QCI_LLC_Logo_350x130.jpg) no-repeat left top;
}

.flu-service {
float: left;
margin-top: 5px;
width:232px;
height: 22px;
background: url(images/flu_service.png) no-repeat;
}


.call-now {
float: right;
margin-top: 5px;
width:55px;
height: 86px;
background: url(images/callnow.png) no-repeat;
}



.header-middle {
float: left;
width: 320px;
height: 102px;

}


.logo {
float: left;
margin: 10px 0 0 40px;
height: 90px;
width: 255px;
background: url(images/qci-logo.jpg) no-repeat;
}



.header-right {
float: right;
width: 320px;
height: 102px;
}


.visa {
float: left;
margin: 5px 0 0 0px;
height: 81px;
width: 57px;
background: url(images/visa.png) no-repeat;
}

.telephone2 {
float: right;
margin: 5px 20px 0 0px;
height: 58px;
width: 233px;
background: url(images/telephone2.png) no-repeat;
}


.reo_services {
float: right;
margin: 5px 20px 0 0px;
height: 22px;
width: 232px;
background: url(images/reo_services.png) no-repeat;
}




.navigation-container {
float: left;
width: 960px;
height: 52px;
padding-left: 20px;
padding-right: 20px;
background: white;
}

.navbar_holder {
float: left;
width: 800px;
height: 42px;
}


.nav-left-corner {
float: left;
height: 42px;
width: 20px;
background: url(images/top_menu_left_corner.png) no-repeat;
}


.nav-right-corner {
float: left;
height: 42px;
width: 20px;
background: url(images/top_menu_right_corner.png) no-repeat;
}



.nav-menu {
float: left;
}


li.page-item-375 a {
padding: 13px 10px 0 10px;
height: 29px;
}


li.page-item-376 a {
padding: 13px 10px 0 10px;
height: 29px;
}


li.page-item-8 a {
padding: 5px 10px 0 10px;
height: 37px;
}


li.page-item-12 a {
padding: 5px 10px 0 10px;
height: 37px;
}


li.page-item-14 a {
padding: 5px 10px 0 10px;
height: 37px;
}


li.page-item-16 a {
padding: 5px 10px 0 10px;
height: 37px;
}


li.page-item-18 a {
padding: 5px 10px 0 10px;
height: 37px;
}


li.page-item-21 a {
padding: 13px 10px 0 10px;
height: 29px;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
text-transform: uppercase;

	width: 70px;
	background: url(images/nav_li_bg.png) repeat-x;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: url(images/nav_li_bg_hover.png) repeat-x}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #D8F5FF;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
border: 1px solid black;
		color: #FFF}






.social-icons { 
float: right; 
height: 45px;
width: 147px;
}


.social-icons ul { 
margin: 0px;
padding: 0px;
}


.social-icons ul li { 
display: inline;
float: left;
border-right: 1px solid #ECECEC;
padding: 0 2px 0 2px;
}



a:link.youTube-icon, a:visited.youTube-icon {
display: block;
background: url(images/youtube-icon.png) no-repeat;
width: 40px;
height: 40px;
}

a:link.twitter-icon, a:visited.twitter-icon {
display: block;
background: url(images/twitter-icon.png) no-repeat;
width: 40px;
height: 40px;
}


a:link.facebook-icon, a:visited.facebook-icon {
display: block;
background: url(images/facebook-icon.png) no-repeat;
width: 40px;
height: 40px;
}


a:link.rss-icon, a:visited.rss-icon {
display: block;
background: url(images/rss-icon.png) no-repeat;
width: 40px;
height: 40px;
}




.content-sidebar-holder {

overflow: auto;

margin: auto;

width: 960px;

padding: 0px 20px 20px 20px;

background: white;
}





.content-holder {

float: left;

width: 645px;

padding-bottom: 20px;

padding: 0 20px 0 20px;

}



.homepage-top-container {
margin auto;
overflow: hidden;
width: 100%;
height: 378px;
}

.container ul {
padding: 0;
margin: 5px 0 0 0;
}


.container ul li {
list-style: disc;
padding: 0;
margin: 5px 0 0 45px;
color:white;
font-size: 14px;
}



.titles {
margin: 10px auto 0 auto;
overflow: hidden;
display: block;
width: 100%;
height: 30px;
font: bold 24px arial;
text-indent: 45px;
color: white;
}


.links {
display: block;
width: 463px;
margin-left: 2px;
height: 23px;
padding-top: 4px;
text-decoration: none;
color: white;
font-weight: bold;
text-align: center;
}


/*EACH CONTAINERS CONTROLS ON THE HOMEPAGE*/
/* Water restoration class on homepage */
.left-container {
float: left;
width: 465px;
height: 369px;
background: url(images/water_restoration_main2.png) no-repeat;
}

/*title here*/
.homepage-water-restoration {
background: url(images/water_restoration_mainbg_icon.png) no-repeat 15px 0px;
}


a.homepage-water-restoration-link {
border-top: 1px solid #008EB5;
border-bottom: 1px solid #008EB5;
background:  #008EB5 url(images/click_here_icon.png) no-repeat 270px 0px;
}


a:hover.homepage-water-restoration-link {
border-top: 1px solid white;
border-bottom: 1px solid white;
background:  #12D9FF url(images/click_here_icon.png) no-repeat 270px 0px;
}

.bullets1 {
float: left;
width: 270px;
height: 280px;
}


.flash1-container {
float: right;
width: 150px;
height: 285px;
padding-top: 10px;
}

.flashvideo1 {
width: 150px;
height: 150px;
margin-bottom: 10px;
}



/* Mold and mildew removal class on homepage */
.right-container {
float: right;
width: 465px;
height: 369px;
background: url(images/mold-mildew-removalbg.png) no-repeat;
}


.mold-mildew-removal {
background: url(images/mold_mildew_mainbg_icon.png) no-repeat 15px 0px;
}




a.mold-mildew-removal-link {
border-top: 1px solid #009245;
border-bottom: 1px solid #009245;
background:  #009245 url(images/click_here_icon.png) no-repeat 270px 0px;
}

a:hover.mold-mildew-removal-link {
border-top: 1px solid white;
border-bottom: 1px solid white;
background:  #10D911 url(images/click_here_icon.png) no-repeat 270px 0px;
}



/* Home inspection services */
/*HOME PAGE BOTTOM CONTAINER*/
.homepage-bottom-container {
margin auto;
overflow: hidden;
width: 100%;
height: 368px;
}


/* Home inspection services */
.bottom-left-container {
float: left;
width: 465px;
height: 369px;
background: url(images/home_inspections_mainbg.png) no-repeat;
}



.homepage-inspections {
background: url(images/home_inspections_icon.png) no-repeat 10px 0px;
}


a.homepage-inspections-link {
border-top: 1px solid #C1272D;
border-bottom: 1px solid #C1272D;
background: #C1272D url(images/click_here_icon.png) no-repeat 270px 0px;
}


a:hover.homepage-inspections-link {
border-top: 1px solid white;
border-bottom: 1px solid white;
background:  #FF8C8C url(images/click_here_icon.png) no-repeat 270px 0px;
}









/*homepage Mold inspections and testing */
.bottom-right-container {
float: right;
width: 465px;
height: 369px;
background: url(images/mold_inspection_mainbg.png) no-repeat;
}



.mold-inspection {
background: url(images/mold_inspection_main_titlebg.png) no-repeat 15px 0px;
}


a.mold-inspection-link {
border-top: 1px solid #A88114;
border-bottom: 1px solid #A88114;
background: #A88114 url(images/click_here_icon.png) no-repeat 270px 0px;
}


a:hover.mold-inspection-link {
border-top: 1px solid white;
border-bottom: 1px solid white;
background:  #DBAB01 url(images/click_here_icon.png) no-repeat 270px 0px;
}

.breadcrumb {
margin-bottom: 10px;
font-size: 12px;

}




/*blog post title */

.post-title h1 {

font-size: 12px;

}

.post-title a:link, .post-title a:visited {

text-decoration: none;

color: black;

}



.post-title-spacer {

height: 3px;

width: 100%;

border-top: 1px solid #cccccc;

}



.post-spacer {

height: 1px;

width: 100%;

}



.clear-left-fix {

clear: left;

}



.clear-right-fix {

clear: right;

}





.entry {

padding: 5px 0 5px 0;

font-family: arial;

width: 100%;

}



.entry p {

font-size: 14px;

margin: 0px;

}



.entry a {

color: #3FA3EF;

}







.entry a:visited {

color: #0000FF; 

}





.entry p strong {

font-weight: bold;

}





.entry h1 {

font-size: 18px;

margin: 0px;

}





.entry h2 {

font-size: 16px;

margin: 0px;

}





.entry h3 {

font-size: 14px;

margin: 0px;

}





.entry h4 {

font-size: 12px;

margin: 0px;

}



.entry li {

list-style: disc;

margin-left: 25px;

}





/* post images start here */



.entry img {

border: 1px solid #d4d4d4;

padding: 0px;

margin-top: 10px;

max-width: 100%;

}





.entry img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.entry img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}





.entry img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}





.entry .alignright {

float: right;

}



.entry .alignleft {

float: left

}

/* post images end here */



.comment-status {

padding: 0 5px 0 5px;

background: #ADADAD;

}





.comment-status a:link, .comment-status a:visited{

text-decoration: none;

color: white;

}



hr {

overflow: hidden;

margin: auto;

color: #B2B2B2;

width: 95%;

}



.single-post-attributes {

border-top: 1px solid #C6C6C6;

font-size: 12px;

}



/* class in index and categories */

.post-bottom-attribute {

overflow: hidden;

margin: auto;

padding-top: 0px;

width: 100%;

height: 1px;


font-size: 10px;

}




.post-category-link a:link, .post-category-link a:visited {

text-decoration: none;

color: black;

font-size: 10px;

}



.side-bar {
float: left;
margin-right: 10px;
width: 190px;
padding: 0px 0px 0 0px;
z-index: 1000;
}

.side-bar li {
list-style-type: none;
}

.side-bar-top {
float: left;
width: 190px;
padding-top: 10px;
}

.side-bar-top ul {
margin: 0;
padding: 0;
}

.side-bar-top ul li {
margin: 0;
padding: 0;
}

.side-bar-top ul li a {
margin-bottom: 0px;
}

/****************/
/* QCI Submenus */
/****************/

.submenu{
margin: 0 0 -20px 0;
padding: 0;
width: 178px;
list-style: none;
font-size: 12px;
font-family: arial;
text-align: center;
display: none;
zindex: 9999;
}

.submenu li{
width: 178px;
position: relative;
border-top: 1px solid white;
}

.side-bar-top ul div:hover ul ul{
display: none;
}

.submenu li ul{
position: absolute;
left: 177px;
top: 0;
display: none;
}

.submenu li a{
display: block;
text-decoration: none;
color: #222;
}

.submenu li:hover a{
color: white;
}

.side-bar-top ul div ul{
margin: -20px 0 0 0;
}

.side-bar-top ul div ul ul{
margin: -16px 0 0 179px;
}

.side-bar-top ul div:hover ul, .side-bar-top ul div ul li:hover ul{
display: block;
}

#submenu-red{ background: #FD0000;}
#submenu-blue{ background: #00C7FD;}
#submenu-green, .greenback{ background: #00C800;}
#submenu-yellow{ background: #FFC801;}
.redbottom, .bluebottom, .greenbottom, .yellowbottom{ height: 18px;}
.greentop{ height: 12px;}
.redbottom   { background: url(images/button1_homebuilding_bottom.jpg) no-repeat left bottom;}
.bluebottom  { background: url(images/button2_waterdamage_bottom.jpg) no-repeat left bottom;}
.greentop    { background: url(images/button3_moldremediation_top_right.jpg) no-repeat right top;}
.greenbottom { background: url(images/button3_moldremediation_bottom.jpg) no-repeat left bottom;}
.yellowtop   { background: url(images/button4_moldairtesting_top.jpg) no-repeat left top;}
.yellowbottom{ background: url(images/Button4_moldairtesting_bottom.jpg) no-repeat left bottom;}


/***** END QCI SUBMENUS *****/

#a-red-button-top {
width: 138px;
height: 52px;
background: url(images/red-top-home-inspections-building-inspections.jpg) no-repeat left top ;
display: block;
padding: 18px 0px 0 40px;
font-size: 12px;
font-family: arial;
color: black;
text-decoration: none;
}

#a-red-button-top:hover {
background-position: right top; 
color: white;
}

a.side-bar-button1 {
width: 140px;
height: 52px;
background: url(images/button1_homebuilding.png) no-repeat;
display: block;
padding: 18px 0px 0 38px;
font-size: 12px;
font-family: arial;
color: white;
text-decoration: none;
}

a:hover.side-bar-button1 {
background: url(images/button1_homebuilding_hover.png) no-repeat;
}


a.side-bar-button2 {
width: 138px;
height: 52px;
background: url(images/button2_waterdamage.png) no-repeat;
display: block;
padding: 18px 0px 0 40px;
font-size: 12px;
font-family: arial;
color: white;
text-decoration: none;
}

a:hover.side-bar-button2 {
background: url(images/button2_waterdamage_hover.png) no-repeat;
}


a.side-bar-button3 {
width: 138px;
height: 52px;
background: url(images/button3_moldremediation.png) no-repeat;
display: block;
padding: 18px 0px 0 40px;
font-size: 12px;
font-family: arial;
color: white;
text-decoration: none;
}


a:hover.side-bar-button3 {
background: url(images/button3_moldremediation_hover.png) no-repeat;
}



a.side-bar-button4 {
width: 138px;
height: 52px;
background: url(images/button4_moldairtesting.png) no-repeat;
display: block;
padding: 18px 0px 0 40px;
font-size: 12px;
font-family: arial;
color: white;
text-decoration: none;
}


a:hover.side-bar-button4 {
background: url(images/button4_moldairtesting_hover.png) no-repeat;
}

.side-bar-content {
float: left;
width: 170px;
padding: 0 10px 0 10px;
}




.side-bar-content ul {

margin-bottom: 20px;

padding: 0px;

}





.side-bar-content li {

color: #00516E;

font:16px Helvetica,Arial,sans-serif;

text-transform:capitalize;

margin: 0px 0 0 0;

}







.side-bar-content h2, .side-bar-content h4, .sidebar-subscribe h4 {

font-size: 16px;

line-height: 20px;

width: 100%;

color: green;

border-bottom: 0px solid #E8E7E3;

margin-top: 0px;

margin-bottom: 0px;



}




.side-bar-content a:link, .side-bar-content a:visited {

color:  #00516E;

display: block;

text-decoration: none;

font-weight: bold;

}

a.test {
color: white;
}





.side-bar-content a:hover {

color: #008DC7;
}





.textwidget {

color: #00516E;

font-weight: bold;

padding: 0 0px 5px 0px;

font-size: 16px;

}



.side-bar input {

font-size: 14px;

}






#footer {

margin: auto;

overflow: hidden;

height: 470px;

width: 960px;

background: url(images/footerbg.png) repeat-x;

padding: 10px 20px 0 20px;

font-family: "Arial";

}





.footer-top {
margin: auto;
width: 960px;
padding-top: 0px;
}



.footer-middle {
margin: 10px auto auto auto;
overflow: hidden;
height: 100px;
width: 920px;
}

.footer-middle ul {
margin: 0;
padding: 0;
}

.footer-middle li, .footer-middle li a {
float: left;
margin: 0 10px 0 10px;
padding: 0;
display: inline;
height: 100px;
}


.visa-cards {
width: 150px;
display: block;
height: 30px;
padding: 40px 0 0 0;
background: url(images/VisaMCTop.jpg) no-repeat 15px 0;
text-align: center;
}

.visa-cards a:link, .visa-cards a:visited {
font: 14px bold arial;
color: black;
}

.county1-telephone {
width: 235px;
display: block;
height: 30px;
padding: 60px 0 0 0px;
background: url(images/telephone1.png) no-repeat 3px 0;
font: 14px bold arial;
text-align: center;
}

.county2-telephone {
width: 235px;
display: block;
height: 30px;
padding: 60px 0 0 0px;
background: url(images/telephone2.png) no-repeat 3px 0;
font: 14px bold arial;
text-align: center;
}

a.realtors-link {
display: block;
text-decoration: none;
width: 200px;
height: 100px;
background: url(images/Realtors_Click_Here.jpg) no-repeat;
}



.footer-bottom {
margin: 0px auto auto auto;
overflow: hidden;
height: 126px;
width: 900px;
}


.footer-bottom p {
text-align: center;
font: 12px arial;
}




.footer-menu {
margin: 10px auto auto auto;
overflow: hidden;
height: 20px;
width: 900px;
}

.footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}


.footer-menu ul li {
float: left;
line-height: 20px;
font-size: 14px;
margin: 0 2px 0 0;

}

.footer-menu ul li a {
display; block;
padding: 3px 5px 3px 5px;
color: black;
}

.footer-menu ul li a:hover {
color: #808080;
}

.footer-note {
display: block;
width: 100%;
text-align: center;
font-size: 12px;
}

/* FootER ENDS HERE*/





.calendar-icon {

width: 16px;

height: 19px;

background: url(images/calendar_icon.png) no-repeat left center;

padding-left: 20px;

font-size: 10px;

}



.comment-icon {

padding-left: 20px;

background: url(images/comment_icon.png) no-repeat left center;

}

.sort {
margin: 10px 0 0 0;
}





.custom-input {
font-size: 14px;
}

.readmore a:link, .readmore a:visited {
line-height: 30px;
text-decoration: none;
color: #3FA3EF;
}

.readmore a:hover {
text-decoration: underline;
}

.video_author {
font-size: 12px;
padding-bottom: 5px;
}

.video_author a:link, .video_author a:visited {
text-decoration: none;
color: black;
}






/* comment submit form */
#commentform {
padding: 10px;
background: #F8C2AD;
border: 1px solid #CCCCCC;
font-size: 14px;
}


#commentform input[type="text"] {
display: block;
margin-bottom: 5px;
border: 1px solid white;
background: white;
padding-top: 3px;
height: 20px;
width: 250px;
background: white url(images/input-formbg.png) repeat-x;
}

#commentform textarea {
display: block;
margin-bottom: 5px;
border: 1px solid white;
background: white url(images/input-formbg.png) repeat-x;
width: 500px;
}


#submit {
color: white;
background: #4D4D4D;
border: none;
height: 30px;
padding: 0 5px 0 5px;
font-size: 14px;
margin-top: 5px;
}


/* comments */


.odd-comments {
background: #EEF3F1;
}

.avatar {
float: right;
margin: 0 5px 5px 5px;
border: 2px solid #E6E6E6;
}

.author-comment a:link, .author-comment a:visited{
text-decoration: none;
font-weight:bold;
color: black;
}

.author-comment {
font-size: 12px;
}


.comment-date {
text-decoration: none;
color: #B2B2B2;
font-size: 12px;
}


.comment-text p {
font-size: 12px;
padding-top: 5px;
}




.share_menu_container {
display: block;
margin: auto;
overflow: hidden;
height: 50px;
widtH: 100%;
font-size: 10px;
}


.share_menu_container a:link, .share_menu_container a:visited {
text-decoration: none;
color: black;
font-size: 10px;
}


.ratings2 { float: left; margin-left: 5px; margin-top: 10px; width: 200px;}

.share_buttons {display: block; float: left; height: 30px}


#player1 {
text-align: center;
}

/* ##### QCI added ##### */
.floatright{
float: right;
}
.floatleft{
float: left;
}
.clearboth{
clear: both;
}
.two-column{
width: 7900px;
}
#body1 {
position: absolute; left: 7000px; top:10px; width:800px;
}