/* fort-collins-tree-care.css */

html, body {
 margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #000000;
	background: #353535;
	}

a {
	text-decoration: none;
	color: #0000FF;
 }
a:hover {
	color: #9999FF;
 }	

a.home { color: #B02110; }
a.hl2 {
 display: block;
	text-align: center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 20px;
	font-weight: normal;
	color: #B02110;
 }
a.hl2:hover {
	color: #9999FF;
 }

.red { color: #F30; }

h1 {
 display: inline;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 30px;
	font-weight: normal;
	color: #B02110;
 }

h2 {
 display: inline;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 20px;
	font-weight: normal;
	color: #B02110;
 }
h2.spec { 
 display: block;
 margin-bottom: 0px; 
	}
.blacktitle {
	color: #000000;
 }
h2.title { padding-bottom: 10px; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; }

p.notopmarg { margin-top: 0px; }
p.spec {
	margin-top: 5px;
 }

.homebullet { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #000000;
}

div.bannerlink { background-color:#B02110; padding: 10px; }
a.bannerlink { color: #FFFFFF; }
a.bannerlink:hover { color: #0000FF; }


/* header section start */
#header {
	background-color: #FFFFFF;
 }
#header a{
	color: #B02110;
	text-decoration: none;
 }
#header a:hover {
 color: #B4B2B3;
 }
#header .logo {
	text-align: right;
 }
#header .title {
 vertical-align: bottom;
 padding-bottom: 5px;
 }
#header .contact {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #B4B2B3;
 }
.label {
	color: #000000;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
}
#header1, #header2, #header3 {
	margin-left: auto;
	margin-right: auto;
}
/* header section end */

/* tagline section start */
#tagline { 
 background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 18px;
	font-weight: normal;
	padding: 5px;
 }
#tagline1, #tagline2, #tagline3 {
	margin-left: auto;
	margin-right: auto;
}
/* tagline section end */

/* navbar section start */
td.whiteline {
	height: 1px;
	background-color: #FFFFFF;
 }
td.blackline {
	height: 1px;
	background-color: #000000;
 }
td.nav {
	padding: 12px;
 }
#navbar a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
 }
#navbar a:hover {
	color: #333333;
 }	
#navbar1 {
	height: 82px;
	background-image: url(images/common/navbar-bgnd.jpg);
}
#menu-properties, #menu-manufactured, #menu-carportsheds {
	position: relative;
 }
#menuheader-properties, #menuheader-manufactured, #menuheader-carportsheds {
	position: relative;
	z-index: 20;
 }
#menuheader-properties { z-index: 40; }
#menubox-properties, #menubox-manufactured, #menubox-carportsheds {
	position: absolute;
	background-color: #EEEEEE;
	visibility: hidden;
 }
#menucontent-properties, #menucontent-manufactured, #menucontent-carportsheds {
 position: absolute;
	z-index: 10;
	background-color: #999999;
	background-repeat: repeat;
	visibility: hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	line-height: 25px;
	}
#menucontent-properties { width: 200px; }
#menucontent-manufactured { width: 300px; }
#menucontent-carportsheds {	width: 200px; }
#menucontent-properties { z-index: 30; }
#navbar2 {
	background-image: url("images/common/navbar2-bgnd.jpg");
	background-size: contain;
}
#navbar2 .nav {
	padding-top: 5px;
	padding-bottom: 5px;
}
#navbar-box-2 { display: none; }
#menubox-manufactured-2 { display: none; }
#menubox-properties-2 { display: none; }
#menubox-skyline-1 { display: none; }
#menubox-skyline-2 { display: none; }
#menubox-commodore-1 { display: none; }
#menubox-commodore-2 { display: none; }
#menubox-carportsheds-2 { display: none; }
/* navbar section end */

/* picture at top of content start */
#top-pic { 
 margin-left: auto;
 margin-right: auto;
 }

/* picture at top of content end */

/* main content section start */
#main-box {
	width: 100%;
	background-image: url(images/common/navbar-bgnd.jpg);
	background-size: contain;
}
#main {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
.col1 { float: none; clear: both; }
.col2 { float: left; }
.col2bl { float: left; margin-right: 20px; }
.col2br { float: left; }
.center { text-align: center; padding-left: auto; padding-right: auto; align: center; }
.topspace { margin-top: 100px !important; }
.swatches { float: left; margin-right: 10px; margin-bottom: 10px; }
.h180 { height: 180px; vertical-align: bottom; }

div.announcement {
	padding: 10%;
	width: 80%;
	font-style: italic;
	color: #B02110;
	background-color: #EEEEEE;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #CCCCCC;
 }

div.form_box {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 80%;
	/* width: 520px; */
	font-style: italic;
	color: #B02110;
	background-color: #EEEEEE;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #CCCCCC;
 }

a.vtour { color: #B02110; }
a.vtour:hover { color: #9999FF; }
.vtourlink {
	width: 160px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 1px;
	background-color: #CCC;
	float: left;
	border: 1px solid #666;
	text-align: center;
}
#vtourlinks a { color: #000000; }
#vtourlinks a:hover { color: #FFFFFF; }

.clear { clear: both; }
div.spacer { height: 20px; }
div.halfspacer { height: 10px; }
div.gallerythumbnail, div.icon {	margin: 5px;	text-align: center;	float: left; }

/* main content section end */

/* footer section start */
#footer { background-color: #353535; color: #999999; }
#footer1 { margin-left: auto; margin-right: auto; }
#footer a { color: #CCCCCC; }
#footer a:hover { color: #FFFFFF; }
#footer1 .notice, #footer2 .notice { text-align: center; padding: 10px; }
#footer1 .contact, #footer2 .contact { text-align: center; }
#footer1 .fcww, #footer2 .fcww { text-align: right; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; font-size: 10px; }
/* footer section end */

/* floorplan pages start */
#picture-main { position: relative; }
#picture-left { float: left; }
#picture-right { float: right; }
/* floorplan pages end */

/* search boxes start */
#search_results_box { background-color: #FFFFFF; }
#search_results_title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #B02110; text-indent: 100px;  }
.search_result { background-color: #F6F6F6; border: 1px solid #666666; width: 280px; float: left; margin: 5px;}
.search_result_name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; text-indent: 20px; margin: 5px; }
.search_result_manufacturer { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; text-indent: 20px; margin: 5px; }
.search_result_img { width: 280px; height: 160px; }
.search_result_area, .search_result_dims, .search_result_beds, .search_result_baths { text-align: center; font-size: 17px; }
.search_result_specs { text-align: center; font-size: 13px; }
.search_result_specs_button { color: #FFF; background-color: #B22; padding: 5px;}
.search_result_quote { text-align: center; font-size: 13px; }
.search_result_quote_button { color: #FFF; background-color: #B22; padding: 5px;}

#searchbox1 {}
.searchparambox { padding: 5px; background-color: #CCC; float: left; margin-left: 5px; margin-right: 5px; }
.searchparamtitle { font-weight: bold; }
.searchparamchoice { text-indent: 5px; }
#spb_man_mod { width: 200px; }
#spb_manufacturer { width: 160px; }
#spb_price { width: 200px; }
#spb_beds { width: 80px; }
#spb_baths { width: 80px; }
#spb_area { width: 100px; }
#spc_man_mod, #spc_manufacturer, #spc_price, #spc_beds, #spc_baths, #spc_area { display: none; }
/* search boxes end */

/* responsive design section */
/* screen width > 1000px */
#header1 {	width: 1000px; }
#header1 { display: block; }
#header2 { display: none; }
#header3 { display: none; }
#icons { display: block; }
#tagline1 {	width: 1000px; }
#tagline1 { display: block; }
#tagline2 { display: none; }
#tagline3 { display: none; }
#navbar1 { display: block; }
#navbar2 { display: none; }
#top-pic { width: 1000px; }
#main { display: block; }
#main { width: 1000px; padding-top: 30px; padding-bottom: 30px; }
.col1 {	width: 94%;  padding-left: 3%; padding-right: 3%; }
.col2 { width: 44%; padding-left: 3%; padding-right: 3%; }
.alignright { text-align: right; }
#abovefooter { display: none; }
#footer1 { width: 1000px;  }
#footer1 { display: block; }
#footer2 { display: none; }
#slideshow-1 { display: block; }
#slideshow-2 { display: none; }
#picture-left img { width: 50px; height: 50px; }
#picture-right img { width: 50px; height: 50px; }

/* screen width <= 1000px */
@media only screen and (max-width : 1000px) 
{
#header1 { width: 100%; }
#top-pic { width: 100%; }
#main {	width: 94%; padding-left: 3%; padding-right: 3%; }
#tagline1 { width: 100%; }
#footer1 { width: 100%; }
#slideshow-1 { display: none; }
#slideshow-2 { display: block; }
}

/* screen width <= 850px */
@media only screen and (max-width : 850px) 
{
#vtourlinks { display: none; }
}

/* screen width <= 800px */
@media only screen and (max-width : 800px) 
{
#icons { display: none; }
#tagline1 { display: none; }
#tagline2 { display: block; }
#tagline3 { display: none; }
#abovefooter { display: block; }
}

/* screen width <= 700px */
@media only screen and (max-width : 700px) 
{
#header1 { display: none; }
#header2 { display: block; }
#header3 { display: none; }
#footer1 { display: none; }
#footer2 { display: block; }
}

/* screen width <= 640px; 780 */
@media only screen and (max-width : 845px) 
{
#navbar1 { display: none; }
#navbar2 { display: block; }
.col2 { float: none; width: 94%;  padding-left: 3%; padding-right: 3%; }
.alignright { text-align: center; }
}

/* screen width <= 520px */
@media only screen and (max-width : 520px) 
{
div.form_box { 
 width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
	background-color: #FFFFFF;
	}
div.gallerythumbnail {	margin-left: 0px; margin-right: 0px; }
}

/* screen width <= 440px */
@media only screen and (max-width : 440px) 
{
#tagline1 { display: none; }
#tagline2 { display: none; }
#tagline3 { display: block; }
}

/* screen width <= 400px */
@media only screen and (max-width : 400px) 
{
#header1 { display: none; }
#header2 { display: none; }
#header3 { display: block; }
h1 { font-size: 24px; }
#picture-left img { width: 20px; height: 20px; }
#picture-right img { width: 20px; height: 20px; }
#search_results_title { text-indent: 10px; }
}

/* screen width <= 320px */
@media only screen and (max-width : 320px) 
{
#gallery { width: 100%; padding-left: 0%; padding-right: 0%; }
div.gallerythumbnail > a > img { width: 100%; height: auto; }
}