/* DR Floors CSS Document */

* {padding: 0; margin: 0;}
html {min-height: 100%; margin-bottom:1px;}
body {text-align: center; background: #fff url(body_bg.png) 0 0 repeat-x; color: #333; 
font: 10pt Verdana, Arial, sans-serif;}

/*container, header, logo and contact divs*/
#container {width: 100%; margin: 10px auto; text-align: left;}
#header {width: 100%; margin: 0px; height: 75px;}
#logo {width: 330px; height: 71px; float: left; margin: 0px 0px 0px 30px; background:  url(header_drf_logo.png) 0 0 no-repeat;}
#contact {width: 310px; height: 71px; background: #111 url(header_contact_bg.png) 0% 0% no-repeat; float: right; margin: 0px 30px 0px 0px; color: #333;}
#logo span, #contact span {display: none;}

/*content div - nav, splash and main live in here*/
#content {width: 790px; margin: 0px auto;}

/*main_nav*/
#main_nav {width: 468px; height: 32px; margin: 0px; padding-left: 2px; background: url(nav_bg.png) 0 0 repeat-x; float: left; color: #333;}
#main_nav ul {list-style-type: none;}
#main_nav ul li {float: left;}
#main_nav span {display:none;}
#main_nav a {display:block;height:32px; width:100px; padding:0px; margin: 0px 5px 0px 0px;}
#main_nav a.main_nav_home {background: url(main_nav_home.png) no-repeat left top;}
#main_nav a.main_nav_profile {background:url(main_nav_profile.png) no-repeat left top;}
#main_nav a.main_nav_gallery {background: url(main_nav_gallery.png) no-repeat left top;}
#main_nav a.main_nav_contact {background: url(main_nav_contact.png) no-repeat left top;}
#main_nav a:hover {background-position:center top;}
#main_nav a.main_nav_active {background-position:right top; cursor:auto;}

/* sub_nav */
#sub_nav {width: 320px; height: 32px; margin: 0px; background: url(nav_bg.png) 0 0 repeat-x; color: #333; float: right;}
#sub_nav ul {list-style-type: none;}
#sub_nav ul li {float: left;}
#sub_nav span {display:none;}
#sub_nav a {display:block;height:32px; width:100px; padding:0px; margin: 0px 0px 0px 5px;}
#sub_nav a.sub_nav_intro {background: url(sub_nav_intro.png) no-repeat left top;}
#sub_nav a.sub_nav_contract {background:url(sub_nav_contract.png) no-repeat left top;}
#sub_nav a.sub_nav_domestic {background: url(sub_nav_domestic.png) no-repeat left top;}
#sub_nav a.sub_nav_methodology {background: url(sub_nav_methodology.png) no-repeat left top;}
#sub_nav a.sub_nav_links {background: url(sub_nav_links.png) no-repeat left top;}
#sub_nav a.sub_nav_random {background: url(sub_nav_random.png) no-repeat left top;}
#sub_nav a.sub_nav_email {width: 300px; background: url(sub_nav_email.png) no-repeat left top; float: right; margin-right: 3px;}
#sub_nav a:hover {background-position:center top;}
#sub_nav a.sub_nav_active {background-position:right top; cursor:auto;}

/*main - page content with #sidebar*/
#main {width: 448px; margin: 15px 0px 15px 0px; padding: 20px; float: left; background: url(main_bg.png) 0px 0px repeat-y; text-align: justify;}
#main a {text-decoration: none; color: #333; border-bottom: #aaa 1px dotted;}
#main a:hover {background: #aaa; color: #eee; border-bottom: #aaa 1px solid;}
#main h1 span, #main a span {display: none;}

/*#main h1 backgrounds*/
#main h1.main_home_contract {width: 448px; height: 75px; background: url(main_home_contract.png) 0% 50% no-repeat;}
#main h1.main_home_domestic {width: 448px; height: 31px; background: url(main_home_domestic.png) 0% 50% no-repeat;}
#main h1.main_profile_intro {width: 448px; height: 25px; background: url(main_profile_intro.png) 0% 50% no-repeat;}
#main h1.main_profile_methodology {width: 448px; height: 31px; background: url(main_profile_methodology.png) 0% 50% no-repeat;}
#main h1.main_profile_links {width: 448px; height: 29px; background: url(main_profile_links.png) 0% 50% no-repeat;}
#main h1.main_contact {width: 448px; height: 35px; background: url(main_contact.png) 0 50% no-repeat;} 
#main h1.main_contact_thanks {width: 448px; height: 35px; background: url(main_contact_thanks.png) 0 50% no-repeat;} 

#main h2 {font: bold 12pt verdana, tahoma, arial, sans-serif; margin-top: 15px; padding-bottom: 5px; border-bottom: #ddd 2px solid;}

#main p {margin-top: 15px;}
#main p.main_dave_sig {width: 448px; height: 49px; background: url(main_dave_sig.png) 100% 100% no-repeat;}
#main p.main_profile_links_padding {margin: 98px 0px 10px 0px;}

#main a.main_highlight_contact {display: block; height: 119px; margin-top: 15px; background: url(main_highlight_contact.png) 50% 50% no-repeat; border: none;}
#main a.main_highlight_contact_short {display: block; height: 76px; margin-top: 15px; background: url(main_highlight_contact.png) 50% 50% no-repeat; border: none;}

#main ul {list-style-type: square; padding-left: 20px; margin-top: 15px;}
#main ul li {margin-bottom: 5px;}

/*main_wide - page content without #sidebar*/

#main_wide {width: 750px; margin: 15px 0px 15px 0px; padding: 20px; float: left; background: url(main_wide_bg.png) 0px 0px repeat-y;}
#main_wide span {display: none;}

#main_wide_all_our_own_work {width: 750px; height: 330px;  margin: 15px 0px 15px 0px; padding: 20px; float: left; background: url(../assets/all_our_own_work_bg.jpg) 0px 0px repeat-y;}
#main_wide_all_our_own_work span {display: none;}


#main_wide_index_intro {width: 750px; height: 330px; margin: 15px 0px 15px 0px; padding: 20px; float: left;}
#main_wide_index_intro span {display: none;}

#main_wide_gallery {width: 750px; height: 330px; margin: 15px 0px 15px 0px; padding: 20px; float: left; background: url(main_wide_bg.png) 0px 0px repeat-y;}
#main_wide_gallery span {display: none;}

/*Gallery - for gallery pages - same dimensions as #main*/
#gallery {width: 488px; height: 330px; display: block; margin: 15px 0px 15px 0px; float: left; text-align: justify; text-transform: uppercase; color: #333; background: url(../assets/drf_icon.gif) 0 0 no-repeat;}
#gallery .gallery_clickhere {display: block; height: 370px; background: #000 url(../assets/gallery_clickhere.png);}

#gallery .gallery_contract_02 {display: block; height: 370px; background: url(../assets/gallery_contract_02.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_03 {display: block; height: 370px; background: url(../assets/gallery_contract_03.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_04 {display: block; height: 370px; background: url(../assets/gallery_contract_04.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_05 {display: block; height: 370px; background: url(../assets/gallery_contract_05.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_06 {display: block; height: 370px; background: url(../assets/gallery_contract_06.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_07 {display: block; height: 370px; background: url(../assets/gallery_contract_07.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_08 {display: block; height: 370px; background: url(../assets/gallery_contract_08.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_09 {display: block; height: 370px; background: url(../assets/gallery_contract_09.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_10 {display: block; height: 370px; background: url(../assets/gallery_contract_10.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_11 {display: block; height: 370px; background: url(../assets/gallery_contract_11.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_12 {display: block; height: 370px; background: url(../assets/gallery_contract_12.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_13 {display: block; height: 370px; background: url(../assets/gallery_contract_13.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_14 {display: block; height: 370px; background: url(../assets/gallery_contract_14.jpg) 0px 0px no-repeat;}
#gallery .gallery_contract_15 {display: block; height: 370px; background: url(../assets/gallery_contract_15.jpg) 0px 0px no-repeat;}

#gallery .gallery_domestic_02 {display: block; height: 370px; background: url(../assets/gallery_domestic_02.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_03 {display: block; height: 370px; background: url(../assets/gallery_domestic_03.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_04 {display: block; height: 370px; background: url(../assets/gallery_domestic_04.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_05 {display: block; height: 370px; background: url(../assets/gallery_domestic_05.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_06 {display: block; height: 370px; background: url(../assets/gallery_domestic_06.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_07 {display: block; height: 370px; background: url(../assets/gallery_domestic_07.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_08 {display: block; height: 370px; background: url(../assets/gallery_domestic_08.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_09 {display: block; height: 370px; background: url(../assets/gallery_domestic_09.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_10 {display: block; height: 370px; background: url(../assets/gallery_domestic_10.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_11 {display: block; height: 370px; background: url(../assets/gallery_domestic_11.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_12 {display: block; height: 370px; background: url(../assets/gallery_domestic_12.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_13 {display: block; height: 370px; background: url(../assets/gallery_domestic_13.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_14 {display: block; height: 370px; background: url(../assets/gallery_domestic_14.jpg) 0px 0px no-repeat;}
#gallery .gallery_domestic_15 {display: block; height: 370px; background: url(../assets/gallery_domestic_15.jpg) 0px 0px no-repeat;}

/*sidebar - sidebar - goes with #main*/

#sidebar {width: 262px; margin: 15px 0px 15px 0px; padding: 20px; float: right; background: url(sidebar_bg.png) 0px 0px repeat-y; color: #666; text-transform: uppercase;}
#sidebar span {display: none;}
#sidebar ul {width: 262px; list-style-type: none;}
#sidebar ul li {display: block; width: 262px; height: 50px; margin-bottom: 15px;}

#sidebar ul li.sidebar_index_contract_01 {height: 182px; background: url(../assets/sidebar_index_contract_01.jpg) 0% 100% no-repeat;}
#sidebar ul li.sidebar_index_contract_02 {height: 182px; background: url(../assets/sidebar_index_contract_02.jpg) 0% 100% no-repeat;}
#sidebar ul li.sidebar_index_contract_03 {height: 182px; background: url(../assets/sidebar_index_contract_03.jpg) 0% 100% no-repeat;}

#sidebar ul li.sidebar_index_domestic_01 {height: 162px; background: url(../assets/sidebar_index_domestic_01.jpg) 0% 100% no-repeat;}
#sidebar ul li.sidebar_index_domestic_02 {height: 162px; background: url(../assets/sidebar_index_domestic_02.jpg) 0% 100% no-repeat;}
#sidebar ul li.sidebar_index_domestic_03 {height: 162px; background: url(../assets/sidebar_index_domestic_03.jpg) 0% 100% no-repeat;}

#sidebar ul li.sidebar_profile_intro_01 {height: 162px; background: url(../assets/sidebar_profile_intro_01.jpg) 0% 100% no-repeat;}
#sidebar ul li.sidebar_profile_intro_02 {height: 347px; background: url(../assets/sidebar_profile_intro_02.png) 0% 50% no-repeat;}

#sidebar ul li.sidebar_profile_methodology_01 {height: 162px; background: url(../assets/sidebar_profile_methodology_01.jpg) 0% 0% no-repeat;}
#sidebar ul li.sidebar_profile_methodology_02 {height: 162px; background: url(../assets/sidebar_profile_methodology_02.jpg) 0% 0% no-repeat;}
#sidebar ul li.sidebar_profile_methodology_03 {height: 162px; background: url(../assets/sidebar_profile_methodology_03.jpg) 0% 0% no-repeat;}
#sidebar ul li.sidebar_profile_methodology_04 {height: 162px; background: url(../assets/sidebar_profile_methodology_04.jpg) 0% 0% no-repeat;}
#sidebar ul li.sidebar_profile_methodology_05 {height: 162px; background: url(../assets/sidebar_profile_methodology_05.jpg) 0% 0% no-repeat;}
#sidebar ul li.sidebar_profile_methodology_06 {height: 99px; background: url(../assets/sidebar_profile_methodology_06.jpg) 0% 0% no-repeat; margin-bottom: 0px;}
#sidebar ul li a.sidebar_profile_methodology_06_link {display: block; height: 99px;}


#sidebar ul li.sidebar_profile_links_amtico {height: 124px; background: url(sidebar_profile_links_amtico.gif) 50% 50% no-repeat;}
#sidebar ul li a.sidebar_profile_links_amtico_link {display: block; height: 124px;}

#sidebar ul li.sidebar_profile_links_karndean {height: 109px; background: url(sidebar_profile_links_karndean.gif) 50% 50% no-repeat;}
#sidebar ul li a.sidebar_profile_links_karndean_link {display: block; height: 109px;}

#sidebar ul li.sidebar_profile_links_polyflor {height: 48px; background: url(sidebar_profile_links_polyflor.gif) 50% 50% no-repeat;}
#sidebar ul li a.sidebar_profile_links_polyflor_link {display: block; height: 48px;}

#sidebar ul li.sidebar_profile_links_forbo {height: 55px; background: url(sidebar_profile_links_forbo.gif) 50% 50% no-repeat; margin-bottom: 0px;}
#sidebar ul li a.sidebar_profile_links_forbo_link {display: block; height: 55px;}

#sidebar ul li.sidebar_contact_bg {height: 311px; background: url(sidebar_contact_bg.png) 50% 50% no-repeat;}
#sidebar ul li.sidebar_contact_thanks_bg {height: 290px; background: url(sidebar_contact_thanks_bg.png) 50% 50% no-repeat;}


/*gallery_sidebar - sidebar - goes with #main*/

#gallery_sidebar {width: 262px; margin: 15px 0px 15px 0px; padding: 20px; float: right; text-transform: uppercase;}
#gallery_sidebar span {display: none;}
#gallery_sidebar ul {width: 262px; list-style-type: none;}
#gallery_sidebar ul li {width: 82px; height: 62px; display: block; float: left; background: #eee; margin: 2px; text-transform: none; border: none;}
#gallery_sidebar ul li a {width: 82px; height: 62px; display: block; float: left;}

#gallery_sidebar a.gallery_sidebar_clickhere {background: url(../assets/gallery_sidebar_clickhere.png) 50% 50% no-repeat;}

#gallery_sidebar a.gallery_sidebar_contract_02 {background: url(../assets/gallery_sidebar_contract_02.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_03 {background: url(../assets/gallery_sidebar_contract_03.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_04 {background: url(../assets/gallery_sidebar_contract_04.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_05 {background: url(../assets/gallery_sidebar_contract_05.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_06 {background: url(../assets/gallery_sidebar_contract_06.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_07 {background: url(../assets/gallery_sidebar_contract_07.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_08 {background: url(../assets/gallery_sidebar_contract_08.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_09 {background: url(../assets/gallery_sidebar_contract_09.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_10 {background: url(../assets/gallery_sidebar_contract_10.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_11 {background: url(../assets/gallery_sidebar_contract_11.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_12 {background: url(../assets/gallery_sidebar_contract_12.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_13 {background: url(../assets/gallery_sidebar_contract_13.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_14 {background: url(../assets/gallery_sidebar_contract_14.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_contract_15 {background: url(../assets/gallery_sidebar_contract_15.jpg) 50% 50% no-repeat;}

#gallery_sidebar a.gallery_sidebar_domestic_02 {background: url(../assets/gallery_sidebar_domestic_02.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_03 {background: url(../assets/gallery_sidebar_domestic_03.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_04 {background: url(../assets/gallery_sidebar_domestic_04.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_05 {background: url(../assets/gallery_sidebar_domestic_05.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_06 {background: url(../assets/gallery_sidebar_domestic_06.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_07 {background: url(../assets/gallery_sidebar_domestic_07.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_08 {background: url(../assets/gallery_sidebar_domestic_08.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_09 {background: url(../assets/gallery_sidebar_domestic_09.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_10 {background: url(../assets/gallery_sidebar_domestic_10.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_11 {background: url(../assets/gallery_sidebar_domestic_11.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_12 {background: url(../assets/gallery_sidebar_domestic_12.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_13 {background: url(../assets/gallery_sidebar_domestic_13.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_14 {background: url(../assets/gallery_sidebar_domestic_14.jpg) 50% 50% no-repeat;}
#gallery_sidebar a.gallery_sidebar_domestic_15 {background: url(../assets/gallery_sidebar_domestic_15.jpg) 50% 50% no-repeat;}

#gallery_sidebar .gallery_sidebar_random {width: 262px; height: 290px; background: url(gallery_sidebar_random_bg.png) 50% 50% no-repeat;}

#gallery_sidebar a:hover {width: 73px; height: 53px; border: #aaa 5px solid; background-position: -5px -5px;}
#gallery_sidebar a.gallery_sidebar_active {background: #eee;}

/* Form attributes */
#drfloors_form {width: 448px; float: left; text-align: center; margin: 20px auto;}
label {margin: 0px 0px 10px 0px; text-align:right; float:left; font: 8pt verdana, arial, sans-serif; text-transform:uppercase; 
width: 120px;clear: both; border-top: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; padding-right: 5px;}
fieldset {margin: 0px auto; border:solid 0 #fff; width:440px;}
legend {display: none;}
select {font: 10pt arial, sans-serif; width: 200px; margin: 0px; float: left; border-top: #e4e4e4 1px solid; 
border-bottom: #e4e4e4 1px solid; border-left: #fff 0px solid; border-right: #fff 0px solid;}
checkbox, checkboxAreaChecked, checkboxAreaUnchecked, .checkbox {float: left; width: 15px; margin: 0px 0px 10px 0px; 
height: 15px; width: 16px; border: #e4e4e4 1px solid;}
.br {display:none;}  
.textfield {float: left; margin: 0px 0px 10px 0px; padding: 2px 5px 0px 5px; font: 10pt arial, sans-serif; color:#333; 
height: 18px; border:solid 1px #e4e4e4; background: #fff; width:290px; voice-family: "\"}\""; voice-family:inherit;}
fieldset>input.textfield {background: #fff;}
textarea {float: left; margin: 0px; padding: 2px 5px 0px 5px; font: 10pt arial, sans-serif; color:#333; height:88px;
border:solid 1px #e4e4e4; background: #fff; width:290px; voice-family: "\"}\""; voice-family:inherit;}
fieldset>textarea {background: #fff;}
.button1 {font: 8pt verdana, arial, sans-serif; margin:10px 0px 0px 180px; height:22px; padding: 0px; border:#999 1px solid; 
width:80px; color:#666;text-transform:uppercase; float: left;}
.button2 {font: 8pt verdana, arial, sans-serif; margin:10px 0px 0px 10px; height:22px; padding: 0px; border:#999 1px solid; 
width:80px; color:#666;text-transform:uppercase; float: left;}
/*end of form attributes*/

#framediv {width: 810px; height: 525px; margin: 0px auto;}
iframe {width:810px; height: 525px;overflow:auto;border:none;border: 0px;}

/*footer - outside #content but inside #container*/
#footer {clear: both; width: 100%; height: 50px; margin: 10px auto; 
background: url(footer_bg.png) 0px 0px repeat-x; color: #666; text-align: center; padding-top: 10px; font-size: 10px; }
#footer p {padding-top: 10px; text-transform: uppercase; clear: both;}
#footer ul {list-style-type: none; text-align: center; width: 370px; margin: 0px auto;}
#footer ul li {float: left;}
#footer ul li.footer_nav {display: none;}
#footer ul li a {display:inline; padding:0px; padding: 2px 10px 2px 10px; text-transform: uppercase; 
border-right: #aaa 2px solid; text-decoration: none; color: #666;}
#footer a {text-decoration: none; color: #666;}
#footer ul li a.footer_nav_intro {border-left: #aaa 2px solid;}
#footer ul li a:hover, #footer a:hover {background: #aaa; color: #333;}
#footer a.footer_nav_active {font-weight: bold;}