/*
	Author	:	Mike Ilsley for Sites and Signs
	Email	:	mikeilsley@gmail.com
	Website	:	sitesandsigns.com	webdesignandsuch.com
*/

* {
	border:0;
	margin:0;
	padding:0;
}

.boxMidInsideLarge li {list-style:none; margin-left:45px;  padding: 5px 0px; font-size:13px; color:#CCCCCC; font-variant:small-caps; letter-spacing:.15em; border-bottom:#333333 1px solid; width:70%; text-align:right}
.boxMidInsideLarge ul {margin-top:15px;  margin-bottom:50px; color:#FFFFFF;}

.boxMidInsideLarge li span {color:#999999; font-size:11px;}

.boxMidInsideLarge p {margin-top:15px;}



#wrapper {margin:0 auto; width:884px; }


#navLine {
		width: 100%;
		height: 7px;
		top:0px;
		background: #015480;
		z-index: 65;
		position:fixed;
}

#navContent {
		height: 280px;
		position:absolute;
		top:0px;
		left:0px;
		display:table;
		z-index: 66;
		padding-left:300px;
		padding-top:150px;
		color:#b8bedf;
		background-image:url(../gImages/swatch.png); background-position:center; background-repeat:no-repeat;
}

.boxTop ul {


	list-style:none;
	width:500px;
	padding-top:39px;
	padding-left:335px;


}
.boxTop ul li {
	font-size:14px;
	display:inline;
	list-style:none;
	letter-spacing:.18em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;

}


.boxTop ul li a:link {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#015480;
	text-decoration:none;
	letter-spacing:.18em;


}
.boxTop ul li a:visited {
	color:#015480;
	text-decoration:none;
	padding-top:13px;
	letter-spacing:.18em;


}
.boxTop ul li a:hover {
	color:#c41230;
	text-decoration:none;
	letter-spacing:.18em;


}
.boxTop ul li a:active {
	color:#c41230;
	text-decoration:none;
	letter-spacing:.18em;

}

.boxTop ul li a.current {
	color:#c41230;
	text-decoration:none;

	letter-spacing:.18em;
	}






#logo {
	margin-top:10px; margin-left:7px;
}

#header {height:150px; padding:0px;

	}




#copyright {font-size:10px; padding-right:45px; margin-top:10px; line-height:16px; text-align:right}




html {background-image:url(../gImages/sidingBack.jpg); background-attachment:fixed;}




/* body */
body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../gImages/can.png); background-position:top right; background-repeat:no-repeat;

	font-size:13px;

	letter-spacing:1px;
	color:#666666;
}

/* general */
a:link {
	color:#c41230;
	text-decoration:none;
}
a:visited {
	color:#c41230;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a:active {
	color:#FFFFFF;
	text-decoration:none;
}


h1 {width:400px; height:60px;background-position:left top; background-repeat:no-repeat;

}

.contact {background-image:url(../gImages/contact.png);
		position:relative;
		top: -14px;
		left: -5px;
		padding-bottom:15px;
		padding-left:35px;}

.info {background-image:url(../gImages/info.png);
		position:relative;
		top: -14px;
		left: -5px; padding-bottom:15px; padding-left:35px;}

.welcome {background-image:url(../gImages/welcome.png);
		position: absolute;
		top: 0px;
		left: 0px; padding-bottom:15px; padding-left:35px;}

.about {background-image:url(../about/images/aboutTitle.png);
		position: absolute;
		top: 0px;
		left: 0px; padding-bottom:15px; padding-left:35px;}

.services {background-image:url(../services/images/servicesTitle.png);
		position: absolute;
		top: 0px;
		left: 0px; padding-bottom:15px; padding-left:35px;}

.work {background-image:url(../work/images/workTitle.png);
		position: absolute;
		top: 0px;
		left: 0px; padding-bottom:15px; padding-left:35px;}


/* content */
#content {
		width: 884px;
		margin: 0px auto;
		position: relative;

}


/* footer */
#footer {
		height: 50px;
		width: 850px;
		clear:both;

		padding-left:55px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:10px;
		padding-top:10px;
		margin-left:0px;
		letter-spacing:.1em;
}

#footer ul {list-style:none}

#footer li {display:inline; color:#666666;}


#footer a:link {
	color:#015480;
	text-decoration:none;
	text-transform:uppercase;
}
#footer a:visited {
	color:#015480;
	text-decoration:none;
}

#footer a:hover {
	color:#c41230;
	text-decoration:none;
}
#footer a:active {
	color:#c41230;
	text-decoration:none;
}

/* BOXES */

.boxContainerLarge { float:left; margin:50px 7px 10px 9px; width:884px; }

.boxTop {background-image:url(../gImages/boxTop.png);  background-repeat:no-repeat;  height:81px; padding-left:25px; }
.boxMid {background-image:url(../gImages/boxMid.png); background-repeat:repeat-y; height:100%;  }
.boxBot {background-image:url(../gImages/boxBot.png); background-repeat:no-repeat; height:43px;}

.boxMidInsideLarge {width:850px; padding-bottom:25px; padding-left:30px;}

#contact {
	font-size:14px; font-weight:bold; width:400px;
	border-top:#FFFFFF 1px dotted;
	border-bottom:#FFFFFF 1px dotted;
	margin-top:25px;

	padding:20px;}

#contactForm {
	font-size:12px;  width:500px;
	border:#333333 1px solid;
	margin-top:25px;

	padding:20px;}

#contactForm td {padding-left:5px;
	padding-top:10px;}


/* SERVICES BREADCRUMBS */

#sub  {list-style:none; margin:20px 0px 0px 0px; }

#sub li {display:inline; margin-left:0px; border:0px; font-size:16px;}

#sub a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
}
#sub a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
}

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

#sub a.current {
	color:#FFFFFF;
	text-decoration:underline;
	cursor:default;
	font-weight:bold;
}

/* LEFT CONTENT BOX */

#rightBox {width:485px; float:right; padding-top:20px; color:#000000; padding-right:35px; }

#leftBox {width:300px; float:right;  min-height:30px; margin:25px 29px 0px 0px;}

form .error {
	background: red;
	font-weight: bold;
}