@charset "UTF-8";
/* CSS Document */

body {
	background-color: #DCDEDE;
}

/* NAVIGATION STYLE */

.button { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

.button a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.button a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.button a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;}



#buttonhome {
	height: 24px;
	width: 115px;
	margin-left: 66.5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}
#buttonportfolio {
	height: 24px;
	width: 115px;
	margin-left: 185.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}
#buttonmastercraftsman {
	height: 24px;
	width: 115px;
	margin-left: 302.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}

#buttonabout {
	height: 24px;
	width: 115px;
	margin-left: 419.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}
#buttonarea {
	height: 24px;
	width: 115px;
	margin-left: 536.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}
#buttontestimonials {
	height: 24px;
	width: 115px;
	margin-left: 653.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}
#buttoncontact {
	height: 24px;
	width: 115px;
	margin-left: 770.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: absolute;
	padding-top:5px;
	text-align:center;
	
}



/* NAVIGATION STYLE */


/* SUB NAV */

#subnav {
width:950px;
height:10px;
margin-top:20px;
padding-top:7px;
}


#subnavone {
	height:15px;
	width: 115px;
	margin-left: 66.5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
}
#subnavtwo {
	height:15px;
	width: 115px;
	margin-left: 185.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
	
}
#subnavthree {
	height:15px;
	width: 115px;
	margin-left: 302.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
	
}

#subnavfour {
	height:15px;
	width: 115px;
	margin-left: 419.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
	
}
#subnavfive {
	height:15px;
	width: 115px;
	margin-left: 536.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
	
}
#subnavsix {
	height:15px;
	width: 115px;
	margin-left: 653.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;
	margin-top: 30px;
	
}
#subnavseven {
height:15px;
	width: 115px;
	margin-left: 770.5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ffffff;
	position: absolute;
	text-align:center;

	
}


/* SUB NAV */


#container {width:970px; height:780px; margin-left:auto; margin-right:auto; margin-top:15px; position:relative; background-color: #FFFFFF; border:#666666 solid 1px;}
#frame {width:950px; height:750px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:5px; position: absolute; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#logoframe {width:135px; height:120px; position:absolute; background-image: url("../../images/logo items/logo.jpg");}
#advertframe {	width:600px; height:105px; margin-left:160px; clear:left; float:left; position: absolute; border:1px #CCCCCC solid;	padding-left: 5px; padding-bottom: 5px;	padding-right: 5px;padding-top: 5px;}
#moving { width:600px; height:12px; margin-top:125px; position:absolute; padding-top:0px; padding-left:5px; padding-right:5px; float:left; margin-left:160px;}
#logoframeright {width:155px; height:120px; margin-left:795px; float:right; position: absolute; background-image: url("../../images/logo items/logoGUILD.jpg");}
#navframe {
	width:950px;
	height:24px;
	margin-top:155px;
	position:absolute;
	float:left;
	background-image: url(../../images/color%20bars/navframebar.png);
}
#imageframe {width:695px; height:500px; margin-top:205px; position:absolute; border:1px #CCCCCC solid; padding-right: 5px; padding-left: 5px; padding-bottom:5px; padding-top:5px;}
#imageframepf {
	width:685px;
	height:490px;
	position:absolute;
	border:1px #CCCCCC solid;
		padding-bottom:5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:5px;
}



#col1frame {width:230px; height:509px; margin-top:205px; margin-left:475px; float:left; position:absolute; padding-top: 0px; line-height:19px; border:1px #CCCCCC solid; padding-right: 0px; padding-left: 0px;}
.col1frametp { width:215px; height:20px; margin-left:5px; margin-right:5px; margin-top:5px; padding-left:5px; padding-top:2px; background-color:#262261; }
.col1framebtm { width:215px; height:465px; margin-left:5px; margin-right:5px; margin-top:5px; padding-left:5px; padding-top:5px; }
#col1bodyframe {width:180px; height:360px; margin-top:184px; margin-left:430px; float:left;	position:absolute; padding-top: 10px;}



#col2frame {width:230px; height:509px; margin-top:205px; margin-left:718px; float:left; position:absolute; padding-top: 0px; line-height:19px; border:1px #CCCCCC solid; padding-left: 0px; padding-right: 0px;}
.col2frametp { width:215px; height:20px; margin-left:5px; margin-right:5px; margin-top:5px; padding-left:5px; padding-top:2px; background-image:url(../../images/color%20bars/215x20_bar.png); }
.col2framebtm { width:215px; height:300px; margin-left:5px; margin-right:5px; margin-top:5px; padding-left:5px; padding-top:5px; }
.col2tramebtm2 {
	width:220px;
	height:155px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
}
#col2bodyframe {width:180px; height:360px; margin-top:184px; margin-left:620px;	float:left;	position:absolute; padding-top: 10px;}




#col3frame {width:460px; height:179px; margin-top:535px; position:absolute; padding-top: 0px; background-color:; line-height:19px; border:1px #CCCCCC solid; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
#col3frametp { width:445px; height:20px; margin-left:5px; margin-right:5px; margin-top:5px; padding-left:5px; padding-top:2px; position:absolute; background-color:#262261;}
#col3framebtmlft { width:220px; height:75px; margin-left:5px; margin-right:5px; margin-top:30px; position:absolute; float:left;}
#col3framebtmrgt { width:220px; height:75px; margin-left:235px; margin-right:5px; margin-top:30px; position:absolute; float:left;}
#col3framebtmbase { width:450px; height:60px; margin-left:5px; margin-right:5px; margin-top:90px; position:absolute;}
#col3bodyframe {width:420px; height:75px; margin-top:479px; position:absolute; padding-top: 10px;}



#spacer {width:950px; height:10px; position:absolute; margin-top:190px;}




/*
ul {list-style-position: outside; list-style-type: square; line-height:13px; font-size:11px;}
ul li ul {list-style-image: url(images/li_hyphen.gif);}
ul li ul li ul {list-style-image: none; list-style-type:  &#8226;;}
*/

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	color: #000000;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: -15px;
	list-style-position: outside;
	list-style-type: square;
}



/* LINK STYLES */

a { text-decoration:none;}
a:link { text-decoration: none; color:#262261; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
a:hover { text-decoration: none; color:#990000; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
a:active {
	text-decoration: none;
	color:#262261;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	margin-top: 30px;
}

.link a:link { text-decoration:none; color:#262261;}
.link a:hover { text-decoration:none; color:#990000;}
.link a:active { text-decoration:none; color:#262261;}


.skills_base a	{ text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#262167; font-weight:bold;}
.skills_base a:link { text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#262167; font-weight:bold;}
.skills_base a:active	{ text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#262167; font-weight:bold;}
.skills_base a:hover		{ text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#990000; font-weight:bold;}



/* TYPOGRAPHY STYLES */
.subhead {font-size: 11px; font-weight: normal; color: #FFFFFF; font-weight: normal; letter-spacing:1px;}
.subheadcolor {font-size: 11px; font-weight: normal; color:#262261; font-weight: normal; letter-spacing:1px;}

.quotation {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; line-height:14px;}
.contact { width:155px; height:30px; margin-top:90px;}
.moving { font-size: 13px; font-weight: normal; color: #990000; font-weight:bold;}
.copy {font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}



/* FOOTER SPEC */
#footer {width:950px; height:20px; margin-top:730px; position: absolute;}

/* FOOTER DIVS */
#foot { width:650px; height:15px; padding-top:10px; float:left; }
#foot1 { width:150px; height:15px; padding-top:10px; float:left; }
#foot2 { width:50px; height:15px; padding-top:10px; float:left; }
#foot3 { width:50px; height:15px; padding-top:10px; float:left; }
#foot4 { width:50px; height:15px; padding-top:10px; float:left; }

/* FOOTER TYPE SPEC */
.footer {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#262261; line-height:14px;}

/* FOOTER LINK SPEC */
.footer a:link {text-decoration:none; color:#262261; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px; }
.footer a:hover {text-decoration:none; color:#990000; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px;}
.footer a:active {text-decoration:none; color:#262261; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px;}


/* GALLERY STYLE */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
text-decoration: none;

}

.thumbnail:hover img{
border: 1px solid #262261;
text-decoration: none;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -99999px;
top:10px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#hover {
	height: 465px;
	width: 465px;
	position: absolute;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 215px;
}

strong { color:#bf1e2d; font-size:12px;}

.spacer img {}


