/* Bozeman Fence Stylesheet
Design by: David Howlett
Programming by: Philip Downer */

/* GENERAL COLOR VALUES
General BG: #96bddb
Text: #e9f4f7
*/

body {
background:#96bddb url(../images/bg/bgtile.jpg) repeat-x top left;
font-family:arial,helvetica,verdana,sans-serif;
color:#e9f4f7;
font-size:14px;
line-height:19px;
overflow-x:hidden;
margin-bottom:0px;
}
img {
border:none;
}
a, a:visited {
color:#ffffff;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}

/* FAVORITE GLOBAL CLASSES */
.right {
float:right;
}
.left {
float:left;
}
.textcenter {
text-align:center;
}
.textright {
text-align:right;
}

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}

/* COLUMN SETUP */
#wrapper {
width:960px;
padding-bottom:250px;
/*height:1500px;*/
background:url(../images/bg/equipment-footer.jpg) no-repeat bottom left;
}

#contact #wrapper {
height:1250px;
}

#header {
width:960px;
float:left;
}

#leftcolumn {
width:351px;
padding-right:25px;
float:left;
clear:left;
border-right:1px dotted #8ab3d4;
}

#rightcolumn {
width:503px;
float:left;
clear:none;
padding-left:20px;
}

#fullcolumn {
	width:900px;
	clear:both;
	padding:20px;
}

/* TEXT HEADER SETUP */
#leftcolumn h1, #header h2, #rightcolumn h2 {
text-indent:-9999px;
margin-bottom:5px;
overflow:hidden;
}

/* PAGE HEADER & LOGO */
#header .logo {
float:left;
position:relative;
z-index:1;
}
#header .info {
float:right;
clear:none;
position:relative;
text-align:center;
}
#header .info p {
margin-top:-15px;
}
#header .info a {
text-decoration:none;
}
#header .link {
position:relative;
z-index:3;
width:40px;
text-align:center;
font-size:11px;
float:right;
clear:right;
top:-25px;
}
#header .link a, #header .link a:visited {
text-decoration:none;
}
#header .link a:hover {
text-decoration:underline;
font-weight:bold;
}
#header .line {
position:relative;
z-index:2;
clear:both;
left:330px;
top:-35px;
}



/***********************************************************************************/
/************************* HEADER IMAGE REPLACEMENT FOR SEO ************************/
#leftcolumn h1.whois {
width:320px;
height:113px;
background: url(../images/home/titles/who-is.png) no-repeat top left;
}

#leftcolumn h1.crew {
width:72px;
height:33px;
margin-top:40px;
background: url(../images/home/titles/crew.png) no-repeat top left;
}

#leftcolumn h1.references {
width:137px;
height:38px;
margin-top:40px;
background: url(../images/home/titles/references.png) no-repeat top left;
}

#header h2.fancy {
width:516px;
height:66px;
background: url(../images/common/fence_fancy.png) no-repeat top left;
}

#rightcolumn h2.fencingthe {
width:504px;
height:35px;
background: url(../images/home/titles/fencing-the.gif) no-repeat top left;
position:relative;
left:20px;
}

/***********************************************************************************/
/************************* HOME PAGE FENCE TYPES ***********************************/
#rightcolumn .types {
margin-top:40px;
position:relative;
left:40px;
}
#rightcolumn .lefttypes {
font-size:12px;
position:relative;
top:65px;
width:40px;
text-align:right;
padding-right:10px;
float:left;
font-style:italic;
}
#rightcolumn .bracket {
width:28px;
float:left;
clear:none;
position:relative;
}
#rightcolumn .righttypes {
float:left;
clear:none;
margin-left:15px;
width:350px;
}
#rightcolumn .righttypes img {
margin-bottom:3px;
}

/************************************************************************
*************************************************************************
*************************************************************************
=PHOTO GALLERIES
*************************************************************************
*************************************************************************
************************************************************************/
.gallery {
	margin:0 auto 5px auto;
	padding: 5px 0;
	border-bottom:1px dashed #fff;
}

#gallery .gallery {
	width:700px;
}

.gallery h3 {
	font-family:"Trebuchet MS",trebuchet,"Lucida Grande",lucida,verdana,arial,sans-serif;
	font-size:20px;
	text-shadow:1px 1px #000;
	margin:5px 0 5px 0;
}

.gallery ul {
	margin:0;
	padding:0;
}

.gallery ul li {
	list-style-type: none;
	display:inline-block;
	padding:5px;
}
	.gallery li img {
		border:1px solid #fff;
	}

.gallery .more {
	font-weight:bold;
	font-size:12px;
	text-align:right;
	margin-top:5px;
}


/***********************************************************************************/
/************************* CONTACT PAGE STYLES *************************************/
#rightcolumn .contactinfo {
position:relative;
margin:20px 0 20px 20px;
z-index:2;
float:left;
width:300px;
}
#rightcolumn .contactinfo img {
position:relative;
float:left;
margin-right:10px;
clear:left;
}
#rightcolumn .contactinfo p {
float:left;
margin-top:-4px;
}
#rightcolumn .cowboy {
position:relative;
z-index:1;
float:right;
clear:none;
margin-left:-40px;
}

/*Contact Form */
#rightcolumn .contactform {
padding:0 20px 0 20px;
border:1px solid #d1e7f9;
height:378px;
background:transparent url(../images/bg/formbg.png) repeat top left;
}

.contactform form {
font-size:12px;
}
form .label {
float:left;
font-weight:bold;
text-align:right;
margin-right:10px;
margin-bottom:10px;
width:100px;
}
.contactform form .field {
margin-bottom:10px;
}
.contactform form .clearleft {
clear:left;
}
.contactform input.text, .contactform textarea.text {
color:#0065a3;
background-color:#e9f4f7;
border:1px solid black;
font-size:14px;
}
.contactform input.text {
height:30px;
font-weight:bold;
position:relative;
top:-8px;
}
.contactform input.submit {
border:none;
background:transparent;
position:relative;
left:-32px;
}