@charset "UTF-8";
/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/


#container{
	width:780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}
#navbar {
	width:auto;
	display:block;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFF;
	display: block;
	float: left;
	top: -10px;
	vertical-align: baseline;
}

#navbar a{
	display: block;
	float: left;
	height: 30px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: lighter;
	width: 150px;
	padding-top: 50px;
	top: -20px;
	position: relative;
	z-index: 1;
		 }
#column_left_horizontal {
	width:750px;
	float:left;
	color: #FFF;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 20px;
	height: 25px;
	vertical-align: top;
	text-align: left;
}
		a.normal{
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	float: left;
		}
		a.active{
	background-color: #FC0;
	color: #000;
	text-decoration: none;
		}


#main{
	width:auto;
	display:block;
	margin: 0px;
	padding: 0px;
}
.addphoto {
	float: left;
	height: 20px;
	width: 750px;
	text-align: left;
	margin-top: 50px;
}
#column_left{
	width:330px;
	margin-right:0px;
	float:left;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: left;
	margin-bottom: 5px;
}
#column_left_space {
	width:125px;
	margin-right:20px;
	float:left;
	color: #FFF;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 20px;
	vertical-align: bottom;
	height: 20px;
	padding-top: 8px;
	padding-bottom: 30px;
}
/* End Gallery Styles */
a.photo {
	width: 130px;
}
#Decks {
	float: left;
}
#column_right{
	width:400px;
	float:left;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#Pic {
	float: right;
	width: 130px;
	margin: 0px;
	padding-top: 0px;
}
p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	float: left;
	padding-right: 20px;
	color: #0C6;
	padding-top: 15px;
}

/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

div.spacer{
	clear:both;
	height:5px;
	display:block;
	color: #999;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
}

#footer{width:auto; display:block; height:24px;}
/* Gallery Styles */

#motioncontainer {
	/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 750px; /* Set to gallery width, in px or percentage */
	height: 85px; /* Set to gallery height */
	float: left;
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}
#small_rightphoto {
	width: 110px;
	color: #FFF;
	float: left;
	position: relative;
	top: -50px;
}
#textcolumn_right {
	width:380px;
	float:left;
	font-size: 20px;
	margin: 0px;
	padding-left: 20px;
	vertical-align: top;
	text-align: left;
	position: relative;
	top: -50px;
}
#container2 {
	width:780px;
	margin:0 auto;
	background-color: #000;
	float: left;
}
#enlarged_photo {
	width:580px;
	background-color: #000;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 20px;
}
.contactinfo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	float: left;
	padding-left: 50px;
	clear: both;
	color: #FFF;
	width: 250px;
}
.subhead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FC0;
	padding-left: 50px;
	width: 250px;
	text-align: left;
}
#container #column_left .contactinfo br {
	font-weight: bold;
}
.contacinfobold {
	font-weight: bold;
}
.rowform {
	padding-left: 50px;
	color: #FC0;
	line-height: 18px;
	text-decoration: none;
}
#column_left_contactpage {
	width:430px;
	margin-right:0px;
	float:left;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-bottom: 5px;
}
.vertical_line {
	height: 310px;
	width: 3px;
	background-color: #FC0;
	margin: 0px;
	padding: 0px;
	float: left;
}
.addphotoCopy {
	float: left;
	height: 220px;
	width: 750px;
	text-align: center;
	margin-top: 10px;
}
.fullpServicesGrad {
	font-weight: bold;
	width: 760px;
	font-family: "Times New Roman", Times, serif;
	float: left;
	vertical-align: top;
	text-align: left;
	white-space: normal;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 20px;
	background-image: url(../images/grad1.jpg);
	background-repeat: repeat-x;
	padding-bottom: 20px;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	top: -10px;
	margin: 0px;
	height: 100px;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	color: #FFF;
}
.products {
	font-size: 18px;
	top: -60px;
	position: relative;
	color: #FC0;
}
#column_left_contactpage {
	width:330px;
	margin-right:0px;
	float:left;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 50px;
}
.testimonials {
	width: 655px;
	float: left;
	color: #999;
	clear: both;
	padding-right: 40px;
	text-align: right;
	text-indent: 20px;
	display: block;
	padding-left: 30px;
}
.customerservice {
	width: 650px;
	position: relative;
	text-align: center;
	font-size: 24px;
	float: left;
	padding: 10px;
	z-index: 1;
	top: -160px;
	height: 0px;
}

.about {
	color: #FC0;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #FFF;
	font-style: italic;
	padding-top: 15px;
}
.llc {
	font-size: 14px;
}
.subheadIntro {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #FC0;
	padding-left: 25px;
	width: 360px;
	float: left;
	padding-top: 25px;
	line-height: 32px;
}
#textcolumn_right_intro_text {
	width:380px;
	float:left;
	margin: 0px;
	padding-left: 20px;
	vertical-align: top;
	text-align: left;
	color: #FC0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: italic;
	font-size: 16px;
	line-height: 30pt;
}
.hiddenlink {
	color: #000; /* same color as the surrounding text */
	text-decoration: none; /* to remove the underline */
	cursor: auto; /* to make the cursor stay as a text cursor, not the hand */
	border: 0;
	}
.frederickweblink {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	cursor: default;
	color: #999;
}
div.spacer_aboutus {
	clear:both;
	height:5px;
	display:block;
	color: #999;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	position: relative;
	left: -20px;
}
.aboutus {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	float: left;
	padding-right: 20px;
	padding-top: 15px;
	clear: none;
	position: relative;
	top: 10px;
	left: -20px;
}
.subhead_aboutus {
	left: -20px;
	position: relative;
}
.fullpServices {
	font-weight: bold;
	width: 760px;
	font-family: "Times New Roman", Times, serif;
	float: left;
	vertical-align: top;
	white-space: normal;
	clear: both;
	font-size: 20px;
	padding-bottom: 20px;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	top: -10px;
	margin: 0px;
	height: 100px;
	position: relative;
}
#navbarg  a{
	display: block;
	float: left;
	height: 30px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: lighter;
	width: 150px;
	padding-top: 65px;
	top: -20px;
	position: relative;
	z-index: 1;
}
.rowform_black {
	color: #000;
	line-height: 18px;
	text-align: left;
	text-indent: 0px;
	white-space: normal;
}
#column_cntr_horizontal {
	width:750px;
	float:left;
	color: #FFF;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 16px;
	height: 25px;
	vertical-align: top;
	position: relative;
	top: -60px;
	clear: both;
	text-align: center;
}
#column_left_grad2 {
	width:750px;
	float:left;
	color: #FFF;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 20px;
	height: 25px;
	vertical-align: middle;
	text-align: left;
	background-image: url(../images/grad2.jpg);
	background-repeat: repeat-x;
	z-index: 1;
	clear: both;
}
#container_table  {
	text-align: center;
	background-image: url(../images/grad2.jpg);
	background-repeat: repeat-x;
	float: left;
	position: relative;
	height: 40px;
}
#container #column_left_grad2 table {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#container #column_left_grad2 table {
	text-align: center;
}
.p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	float: left;
	padding-right: 20px;
	color: #0C6;
	padding-top: 7px;
	padding-bottom: 7px;
}
.subhead_port {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #960;
	text-decoration: none;
	background-image: url(../images/grad2.jpg);
	background-repeat: repeat-x;
}

