/*
	GGG-D Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */
body { 
	font-family: arial;
	margin: 0px; background-color: #ffffff; font-size: 14px;
/*	background-image: url(/images/page_bg.jpg);
	*/ 
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:20px;
	}
img {
	border:0px;
}
#content {
	border-right: #cccccc 2px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 620px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 100%; color: #666666;  margin-bottom: 10px;
	}
#homecontent {
	FLOAT: left;
	font-size: 100%; color: #666666;  margin-bottom: 10px;WIDTH: 100%;
	}		
#wrapper {
	MARGIN: 0px auto; WIDTH: 870px; TEXT-ALIGN: left; 
	padding: 0px 0px 0px 0px;
	 background-color: #ffffff;
	}
#bg {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
	}
/*#nav {
	PADDING-LEFT: 5px; BACKGROUND: #BFBFBF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: right;
	font-size: 80%; padding-right: 10px;  border-bottom: 7px solid #666666;
	}*/
.banner-image {
	padding: 1px;
	border: 5px solid #FFFFFF;
	 background-color: #ffffff;
}
/* typography
----------------------------------------------- */
.comment {
	text-align: right;
	font-size: 80%; color: #888888;
	}
	
h1 {
	color: #405998;
	font-size: 160%;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	letter-spacing: 0.1em;
	}

h2 {
	border-bottom: 1px dotted #000000;
	color: #405998;
	font-size: 110%;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0px;
	}

h3 {
	border-bottom: 1px dotted #000000;
	color: #405998;
	font-size: 140%;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	letter-spacing: 0.2em;
	}
	
.nav-hdr {
	font-size: 90%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #405998;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 5px;
	font-variant:normal;
	text-transform: uppercase;
	}

.footer-links {
	font-size: 90%;
	border-top: 1px solid #cccccc;
	text-align: center;
	color: #898989;
	 background-color: #ffffff;
	}
	
.company1 {
	font-size: 150%;
	font-family: "Trebuchet MS", Verdana;
	color: #000000;
}

.company2 {
	margin-bottom: 7px;
	padding-bottom: 30px;
	font-size: 150%;
	font-family: "Trebuchet MS", Verdana;
	color: #405998;
	font-weight: bold;
}


	/* links 
	------------------------------------------- */
	A {
		TEXT-DECORATION: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	A.comment:link {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:visited {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:active {
		COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:hover {
		COLOR: #D16D39; TEXT-DECORATION: none; font-size: 100%; text-align:right; text-decoration: underline;
	}

	A.mainnav:hover {
	TEXT-DECORATION: underline;
	BORDER-RIGHT: #444444 3px solid;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	}

.nolink A {
	TEXT-DECORATION: none;
	}
	
.nolink	a:hover {
	TEXT-DECORATION: none;
	}
	
.nolink	A.mainnav:hover {
	TEXT-DECORATION: none;
	}

.clearthis {
	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
}
#menu {
	PADDING-RIGHT: 15px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #ffffff; width: 135px; font-size: 90%;
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#menu LI {
	MARGIN: 0px;
	height: 20px;
	LIST-STYLE-TYPE: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EC953;
}
#menu A {
	DISPLAY: block;  BACKGROUND: white;  COLOR: #666666; TEXT-DECORATION: none; font-size: 100%; font-family: "Trebuchet MS", Verdana; font-weight: 200; padding: 3px;
}

#menu A.mainnav:hover {
	BACKGROUND: #5CBD3D; COLOR: white; 
}

.quote {
	background-color: #405998;
	border: 1px solid #B4B4B4;
	color: #000000;
	padding: 2px;
}

.headeraddress {
	font-size: 60%;
	text-align: center;
	color: #898989;
	}

	a { color:#005774; border-bottom:0px dotted #005774 }
	a:hover { border-bottom:0px solid #005774 }

#breadcrumb {
	font-size: 90%;
	color:#A8B5DE; 
}
#breadcrumb a {
	color:#A8B5DE; 
}
#breadcrumb a:hover {
	color:#333; 
}
.psuedoh2 {		
	border-bottom: 1px dotted #000000;
	color: #405998;
	font-size: 110%;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0px;
	display:block;
	}
.homepage_split{	
	float:right;
	display:inline;
	padding-left:10px;
	width:300px;
	height:210px;
	margin-top:60px;
	margin-left:5px;
	margin-right:0px;
}
.webdev_submenu{
	background-color: #FFFAC1;
	float:right;
	display:inline;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	width:250px;
	font-size: 80%;
	margin-top:14px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:10px;
}

.pullquote {
    width: 500px;

    margin: 40px;
    font-family: Georgia, "Times New Roman", Times, serif;
	text-align:justify;
	color:#8CABD6;
    font-style: italic;
    text-indent: -1.3em;
}
 
.pullquote:before {
    content: "“ ";
    font-size: xx-large;
    font-weight: bold;
}
 
.pullquote:after {
    content: " ”";
    font-size: xx-large;
    font-weight: bold;
}