/* Griffin Associates CSS Document */

body, html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 100%;
	width: 100%;
	background-color: #e0e1e3;
	color: #000000;
}

/*------------------------------------------- header -------------------------------------------*/

#container {
	padding:0px;
	margin:0 auto;
	width:778px;
	height: auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	/*border: 1px solid #00FF00;*/
}

#innercontainer {
	padding:0px;
	margin:0 auto;
	width:745px;
	height: auto;
	background-color: #FFFFFF;
	/*border: 1px solid #00FF00;*/
}

.spacer {
	width:745px;
	height: 10px;
	clear: both;
}

#topstrip {
	width:745px;
	background-image: url(../images/topstripbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 21px;
	text-align: right;
	color: #ddeffd;
	padding: 3px 0px 0px;
}

#topstrip a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ddeffd;
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#topstrip a:hover {
	text-decoration: none;
	color: #000000;
}

#logo {
	width:745px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 80px;
}

/*------------------------------------------- nav styles -------------------------------------------*/

#menu ul {height:27px; margin:0px; padding:0px; list-style-type: none;}
#menu li {float:left; height:27px; text-decoration:none; background-color:transparent; list-style-type: none;}
#menu a#home{ float:left; background:url(../images/home2.gif); background-color:transparent; text-decoration:none; height:27px; width:73px;}
#menu a#about{ float:left; background:url(../images/about2.gif); background-color:transparent; text-decoration:none; height:27px; width:92px;}
#menu a#client{ float:left; background:url(../images/client2.gif); background-color:transparent; text-decoration:none; height:27px; width:122px;}
#menu a#candid{ float:left; background:url(../images/candidates2.gif); background-color:transparent; text-decoration:none; height:27px; width:102px;}
#menu a#contact{ float:left; background:url(../images/contact2.gif); background-color:transparent; text-decoration:none; height:27px; width:103px;}
#menu a#end{ float:left; background:url(../images/navend.gif); background-color:transparent; text-decoration:none; height:27px; width:254px;}

#menu a#home:hover {background-position:0 -27px; overflow:hidden;}
#menu a#about:hover {background-position:0 -27px; overflow:hidden;}
#menu a#client:hover {background-position:0 -27px; overflow:hidden;}
#menu a#candid:hover {background-position:0 -27px; overflow:hidden;}
#menu a#contact:hover {background-position:0 -27px; overflow:hidden;}

/*------------------------------------------- content styles -------------------------------------------*/

#imagebox {
	width: 272px;
	margin-top: 10px;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#largeimg {
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

*html #largeimg {
	margin-bottom: 7px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#floater {
	float:left;
	margin: 0px;
	padding: 0px;
}

#thumbspace {
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#txtbox {
	width:295px;
	height:246px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background-color: #013c80;
	overflow: auto;
}

#txtbox a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f6ee1e;
	text-decoration: underline;
}

#txtbox h1, h2, h3, h4, h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 20px 20px 15px 25px;
}

#txtbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#smimgbox {
	float: left;
	height: 244px;
	width: 158px;
	margin-left: 10px;

}

#smimgbox img{
	clear: both;
	margin-top: 10px;
}

#contactdetails {
	height: 125px;
	width: 743px;
}

#footer {
	height: 52px;
	width: 741px;
	border: 1px solid #e1e1e1;
	margin-top: 10px;
}

#copy {
	font-size: 11px;
	color: #C9C9C9;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

#designers {
	font-size: 11px;
	color: #C9C9C9;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#designers a{
	color: #C9C9C9;
	text-decoration: none;

}

#designers a:hover{
	color: #C9C9C9;
	text-decoration: underline;

}

#bottom {
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 780px;
	padding:0px;
	margin:0 auto;
}

#sitemaplist li{
	margin-top: 20px;
	margin-bottom: 20px;
}