/*	GENERIC RULES	*/

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

body {
	background: #e5eef5;
	color: white;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 100%;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

ul.bullet {
    list-style: default;
    list-style-type: disc;
    margin-left: 15px;
}

/*	LEVEL ONE DROP DOWN NAV		*/
ul.dropdown {
	position: relative;
	font-size: 0.75em; /* 12px/16=0.75em */
}

ul.dropdown li {
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.4px;
	line-height: 14.5px;
	float: left;
	zoom: 1;
}

ul.dropdown li a {
	display: block;
	padding: 5px 13px;
	border-left: 1px solid white;
	color: white;
}

ul.dropdown li:first-child a {
	border-left: none;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background: #ea931a;
	position: relative;
}

/*	LEVEL TWO DROP DOWN NAV		*/
ul.dropdown ul {
	width: 220px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
	background: #d3d3d3;
	position: relative;
}

ul.dropdown ul li {
	font-weight: bold;
	background: #f6f6f6;
	color: black;
	border-bottom: 1px solid #ccc;
	float: none;
	text-align: left;
} /* IE 6 & 7 Needs Inline Block - see menu_ie.css */

ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
	color: black;
}

/*	LEVEL THREE DROP DOWN NAV	*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

/*	Different Font Sizes Used - as CSS classes	*/
.size12 {
	font-size: 0.75em; /* 12px/16=0.75em */
	letter-spacing: 0.4px;
	line-height: 23px;
}

.size14 {
	font-size: 0.875em; /* 14px/16=0.875em */
	letter-spacing: 0px;
	line-height: 23px;
}

.size15 {
	font-size: 0.9375em; /* 15px/16=0.9375em */
	letter-spacing: 0px;
	line-height: 23px;
}

.size16 {
	font-size: 1em; /* 16px/16=1em */
	letter-spacing: 0px;
	line-height: 23px;
}

.size18 {
	font-size: 1.125em; /* 18px/16=1.125em */
	letter-spacing: 2px;
	line-height: 30px;
}

.size20 {
	font-size: 1.25em; /* 20px/16=1.25em */
	letter-spacing: 2px;
	line-height: 30px;
}

/*	Some container div layouts	*/
#contain {
	position: relative;
	width: 958px;
	margin-top: 25px;
}

#orange {
	position: relative;
	width: 958px;
	height: 135px;
	background-image: url('../images/a.png');
}

#logo {
	position: absolute;
	left: 12px;
	top: 30px;
	width: 156px;
	height: 48px;
}

#client {
	position: absolute;
	top: 8px;
	left: 604px;
	width: 350px;
	font-size: 0.625em; /* 10px/16=0.625em */
	font-weight: bold;
}

#client li {
	float: left;
	padding-right: 10px;
}

#client li input {
	margin-left: 4px;
	width: 62px;
}

#pics {
	position: relative;
	background: #17518f;
	height: 343px;
	z-index: -1;
}

#nav {
	position: absolute;
	top: 91px;
	left: 2px;
	z-index: 3;
}

#links {
	position: absolute;
	top: 107px;
/*	left: 722px; */
	left: 779px;
	width: 236px;
}

#links li {
	list-style: none;
	float: left;
}

#links li a {
	padding: 3px 8px;
	border-left: 1px solid black;
	color: black;
	font-size: 0.75em; /* 12px/16=0.75em */
	font-weight: bold;
	text-align: center;
}

#links li:first-child a {
	border-left: none;
}

#links li a.hover,
#links li a:hover {
	background: #4574a5;
	color: white;
}

#dots {
	position: relative;
	width: 958px;
	height: 49px;
	background-image: url('../images/b.png');
}

#emailme {
	position: absolute;
	top: 14px;
	left: 620px;
	width: 322px;
	text-align: right;
	font-size: 0.6875em; /* 11px */
	font-weight: bold;
}

#emailme input {
	margin-left: 8px;
	font-size: 0.92em;
	width: 127px;
}

/*	These next four are only used on the index page	*/
#blue {
	position: relative;
	background: #17518f;
	height: 263px;
}

#lightblue {
	position: absolute;
	left: 665px;
	top: -6px;
	width: 277px;
	height: 269px;
	background: #4574a5;
}

#blue #p1 {
	position: absolute;
	left: 40px;
	top: 12px;
	width: 590px;
	height: 230px;
	text-align: left;
}

#blue #p2 {
	position: absolute;
	left: 686px;
	top: 15px;
	width: 232px;
	height: 230px;
	text-align: left;
}

/*	These next 2 are for every other page EXCEPT the main page	*/
#white {
	background: white;
	height: auto!important;
	text-align: left;
	overflow: hidden;
}

#white #p1 {
	position: relative;
	float: left;
	left: 20px;
	top: 20px;
	margin-bottom: 40px;
	width: 564px;
	text-align: left;
	color: black;
}

#white #p2 {
	position: relative;
	float: right;
	padding: 20px 20px;
	margin-right: 16px;
	background: #fef6e9;
	width: 284px;
	text-align: left;
	color: black;
	height: auto;
}

/*	The picture cluster on each page */
#pic1 {
	position: absolute;
	left: 15px;
	top: 6px;
	width: 523px;
	height: 331px;
}

#pic2 {
	position: absolute;
	left: 548px;
	top: 6px;
	width: 150px;
	height: 177px;
}

#pic3 {
	position: absolute;
	left: 705px;
	top: 6px;
	width: 237px;
	height: 177px;
}

#pic4 {
	position: absolute;
	left: 548px;
	top: 190px;
	width: 224px;
	height: 147px;
}

#pic5 {
	position: absolute;
	left: 779px;
	top: 190px;
	width: 163px;
	height: 147px;
}