/*       =reset           */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/* ================ document ================ */

html {
	font-size:100%;
}

body {
	margin:0 auto;
	background: transparent url(../images/515Group-body-bkgd.jpg) repeat-x;
	font-size:0.75em;
	font-family:helvetica, arial, sans-serif;
	width:1000px;
}

p {
	color:#b3b4b5;
	font-size:.9em;
	line-height:16px;
	letter-spacing:.8px;
}

h1 {
	font-size:2.0em;
	color:#333333;
}

h2 {
	font-size:1.8em;
	color:#333333;
}

h3 {
	font-size:1.6em;
	color:#333333;
}

h4 {
	font-size:1.4em;
	color:#333333;
}

a { 
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

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

a img { border:none; }


div#hd, div#bd, div#ft, div#capabilities {
	position:relative;
	float:left;
	width:1000px;
}

/* ================ div#hd ================ */

div#hd {
	float:left;
	background:transparent url(../images/515Group-hd.gif) no-repeat;
	width:1000px;
	height:255px;
}

div#hd h4{
	position:relative;
	background:transparent url(../images/515Group-logo.jpg) no-repeat;
	text-indent:-9999px;
	width:196px;
	height:34px;
	top: 122px;
	left: 45px;
	z-index:500;
}

div#hd h5{
	position:relative;
	background:transparent url(../images/515Group-tagline.jpg) no-repeat;
	text-indent:-9999px;
	width:155px;
	height:11px;
	top: 92px;
	left: 816px;
	z-index:500;
}

ul#logo-nav {
	position:absolute;
	width:172px;
	height:27px;
	top: 173px;
	left: 47px;
	z-index:500;
}

ul#logo-nav li{
letter-spacing:.2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
display:inline;
margin:0 10px 0 0;
}

/* ================ div#mainnav top nav ================ */

div#mainnav {
float:left;
background: transparent url(../images/515Group-main-nav.jpg) no-repeat;
width:1000px;
height:40px;
margin:170px 0 0 0;
}

ul#topnav {
	width:368px;
	list-style:none;
	float:right;
	margin:0 1px 0 0;
}

div#mainnav ul li {
	display:inline;
}

div#mainnav ul li a {
	width:184px;
	height:40px;
	float:left;
	text-indent:-9999px;
	outline:none;
}

ul#topnav li#topnav1 a {
background: transparent url(../images/company-btn2.jpg) no-repeat;
width:92px;
height:40px;
}

ul#topnav li#topnav1 a:hover {
background-position:-92px 0;
}

ul#topnav li#topnav1 a.current {
background-position:-184px 0;
}

ul#topnav li#topnav2 a {
background: transparent url(../images/work-btn2.jpg) no-repeat;
width:92px;
height:40px;
}

ul#topnav li#topnav2 a:hover {
background-position:-92px 0;
}

ul#topnav li#topnav2 a.current {
background-position:-184px 0;
}

ul#topnav li#topnav3 a {
background: transparent url(../images/news-btn2.jpg) no-repeat;
width:92px;
height:40px;
}

ul#topnav li#topnav3 a:hover {
background-position:-92px 0;
}

ul#topnav li#topnav3 a.current {
background-position:-184px 0;
}

ul#topnav li#topnav4 a {
background: transparent url(../images/contact-btn2.jpg) no-repeat;
width:92px;
height:40px;
}

ul#topnav li#topnav4 a:hover {
background-position:-92px 0;
}

ul#topnav li#topnav4 a.current {
background-position:-184px 0;
}

/* ================ div#bd ================ */

div#bd {
	background:transparent url(../images/main-content-bkgd.gif) repeat-y;
	width:1000px;
}

div#mainContent {
	padding:30px 0 20px 0;
	width:725px;
	float:right;
	display:block;
}

div#overviewImage {
	width:696px;
	height:439px;
	border: solid #FFFFFF 1px;
	display:block;
	margin-bottom:30px;
}

div#mainContent iframe {
	width:696px;
	height:439px;
	border: solid #FFFFFF 1px;
	display:block;
}

a#map-btn {
	display:block;
	float:right;
	margin-right:30px;
}

div#mainContentText {
width:615px;
display:block;
margin-left:15px;
}

div#mainContentText ul.worktop {
	padding-top:0px;
}

div#mainContent h1 {
color:#85c0e9;
font-size:1.8em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:0 0 15px 0;
}

div#mainContent h2 {
color:#85c0e9;
font-size:1.8em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:20px 0 20px 0;
}

div#mainContent h3 {
color:#85c0e9;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:20px 0 20px 0;
}

div#mainContentText p, div#news p, div#newsBody p {
color:#a4a3a4;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.85px;
line-height:18px;
margin:0 0 4px 0;
}

div#newsBody img {
padding:30px 0 30px 0;
max-width:150px;
}

div#newsBody a {
color:#85c0e9;
}

div#newsBody a:hover {
color:#FF0000;
}

div#mainContentText a { 
	color:#85c0e9;
	text-decoration:none; 
}

div#mainContentText a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

ul.work-thumbs {
margin-top:20px;
}

ul.work-thumbs li {
display:inline;
margin-right:15px;
}

ul.work-thumbs li img {
border:solid 4px #272f28;
width:100px;
height:100px;
}

ul.work-thumbs a:hover {
opacity:.5;
}

.service-call {
color:#85c0e9;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:10px 0 7px 0;
}

ul#servicecol1 {
float:left;
color:#a4a3a4;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.85px;
line-height:20px;
margin:5px 0 80px 30px;
}

ul#servicecol1 li {
	background:transparent url(../images/nav-pointer.gif) no-repeat;
	background-position:left;
	padding-left:13px;
}

ul#servicecol2 {
float:right;
color:#a4a3a4;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.85px;
line-height:20px;
margin:7px 270px 80px 0;
}


ul#servicecol2 li {
	background:transparent url(../images/nav-pointer.gif) no-repeat;
	background-position:left;
	padding-left:13px;
}

ul#servicecol1 a, ul#servicecol2 a {
color:#FFFFFF;
}

ul#servicecol1 a:hover, ul#servicecol2 a:hover {
color:#85c0e9;
}

div#secondContent {
	width:223px;
	float:left;
	display:block;
	padding:30px 0 0 22px;
}


div#news {
width:210px;
margin:0 0 0 0;

}

div#news h2, ul#contacts h2 {
color:#f1f2f2;
font-style:italic;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.8px;
margin:0 0 6px 0;
}

div#news a {
color:#ed1f24;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.8px;
}

div#news a:hover {
color:#FFFFFF;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.8px;
}

div#news ul li {
background:transparent url(../images/nav-hr.gif) no-repeat;
background-position:bottom left;
padding:10px 0 10px 0;

}

div#newsBody {
width:618px;
}

div#newsBody p {
margin-bottom:30px;
}

div#newsBody h2 {
color:#85c0e9;
font-style:italic;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.8px;
margin:0 0 6px 0;
}

ul#secnav li {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.9px;
background:transparent url(../images/nav-hr.gif) no-repeat;
background-position:bottom left;
padding:10px 0 10px 0;
}

ul#secnav li.first-child {
	padding-top:0px;
}

ul#secnav li a {
background:transparent url(../images/nav-pointer.gif) no-repeat;
background-position:left;
padding-left:13px;
color:#c7c7c7;
}

ul#secnav li a:hover {
color:#ffffff;
}


.nav-pointer {
margin: 0 10px 0 0;
}

.nav-hr {
margin: 10px 0 10px 0;
}

div#contact {
	margin-top:20px;
	width:180px;
}

div#contact-top {
	margin:0;
	width:180px;
}

div#contact a, div#contact-top a {
color:#85c0e9;
}

div#contact a:hover, div#contact-top a:hover {
color:#ff0007;
}

div#contact p, div#contact-top p {
color:#a4a3a4;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:0 0 3px 0;
}

ul#contacts li.contactemails a {
color:#85c0e9;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
}

ul#contacts li.contactemails a:hover {
color:#ff0007;
}

div#secondContent h3 {
color:#85c0e9;
font-size:1.8em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.8px;
margin:0 0 15px 0;
}

ul#contacts li img {
border:solid 1px #FFFFFF;
float:left;
width:294px;
height:185px;
margin:0 30px 40px 0;
}

ul#contacts li a#bill-jones {
background:transparent url(../images/contact-bill-jones.jpg) no-repeat;
}

ul#contacts li a#bridget-jones {
background:transparent url(../images/contact-bridget-jones.jpg) no-repeat;
}

ul#contacts li a#joel-brown {
background:transparent url(../images/contact-joel-brown.jpg) no-repeat;
}

ul#contacts li a#bill-jones:hover, ul#contacts li a#bridget-jones:hover, ul#contacts li a#joel-brown:hover {
opacity:.5;
}

ul#contacts {
margin:50px 0 0 0;
width:530px;
}

ul#contacts li {
clear:both;
}

span.education {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#66CCFF;
}

/* ================ div#capabilities ================ */

div#capabilities {
	background: transparent url(../images/capabilities-bkgd.jpg) repeat-y;
	border-top: solid 1px #231f20;
	border-bottom: solid 1px #231f20;
	display:block;
}

.cap-pointer {
	margin:0 0 1px 8px;
}

ul.capabilities-nav-label {
	margin:20px 0 0 23px;
}


ul.capabilities-nav-label li.capabilities-nav-label-print, ul.capabilities-nav-label li.capabilities-nav-label-branding, ul.capabilities-nav-label li.capabilities-nav-label-graphics, ul.capabilities-nav-label li.capabilities-nav-label-web {
	background:transparent url(../images/nav-pointer.gif) no-repeat;
	background-position: right;
	padding-right:15px;
	position:absolute;
	top:20px;
}

ul.capabilities-nav-label li.capabilities-nav-label-print {
	color:#e2e2e2;
	left:180px;
}

ul.capabilities-nav-label li.capabilities-nav-label-branding {
	color:#e2e2e2;
	left:380px;
}

ul.capabilities-nav-label li.capabilities-nav-label-graphics {
	color:#e2e2e2;
	left:625px;
}

ul.capabilities-nav-label li.capabilities-nav-label-web {
	color:#e2e2e2;
	left:910px;
}

ul.capabilities-nav-label li {
	letter-spacing:.5px;
	display:inline;
	font-size:1.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul.capabilities-nav {
	width:1000px;
	list-style:none;
	float:left;
	display:block;
	margin-top:30px;
	height:145px;
}

ul.capabilities-nav li {
	display:inline;
}

ul.capabilities-nav li a {
	text-indent:-9999px;
	border:solid 5px #272f28;
	margin:10px 0 20px 22px;
	width:210px;
	display:block;
	height:103px;
	float:left;
}

ul.capabilities-nav li.cap-nav1 a {
	background: transparent url(../images/capabilities-print-btn.jpg) no-repeat;
}

ul.capabilities-nav li.cap-nav2 a {
	background: transparent url(../images/capabilities-branding-btn.jpg) no-repeat;
}

ul.capabilities-nav li.cap-nav3 a {
	background: transparent url(../images/capabilities-graphics-btn.jpg) no-repeat;
}

ul.capabilities-nav li.cap-nav4 a {
	background: transparent url(../images/capabilities-web-btn.jpg) no-repeat;
}

ul.capabilities-nav li.cap-nav1 a:hover, ul.capabilities-nav li.cap-nav2 a:hover, ul.capabilities-nav li.cap-nav3 a:hover, ul.capabilities-nav li.cap-nav4 a:hover {
	opacity:.5;
}

ul.capabilities-nav li.cap-nav1 a, ul.capabilities-nav li.cap-nav2 a, ul.capabilities-nav li.cap-nav3 a, ul.capabilities-nav li.cap-nav4 a {
	width:210px;
	height:103px;
}

/* ================ div#ft ================ */

div#ft {
	background:transparent url(../images/515Group-ft.png) no-repeat;
	height:123px;
	width:1000px;
}

ul#courtesynav {
	display:block;
	letter-spacing:.5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:80px 0 0 220px;
}

ul#courtesynav li {
	color:#FFFFFF;
	display:inline;
	margin:0 0 15px 30px;

}


ul#courtesynav li a {
	color:#FFFFFF;
}

ul#courtesynav li a:hover {
	color:#ff0007;
}


span#copyright {
	letter-spacing:.5px;
	font-size:.9em;
	color:#FFFFFF;
	float:left;
	margin:25px 0 0 30px;
}

span#credit {
	text-align:right;
	letter-spacing:.5px;
	font-size:.9em;
	color:#FFFFFF;
	float:right;
	margin:25px 30px 0 0;
}

span#credit a {
	color:#FFFFFF;
}

span#credit a:hover {
	color:#000000;
}


/* ================ link2 ================ */
 
/* ================ link3 ================ */

/* ================ link4 ================ */

/* ================ carousel ================ */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 div.jcarousel-skin-name {
	 width:698px;
	 height:537px;
	 overflow:hidden;
     background:#000;
	 margin:-50px 0 10px 0;
 }
 
div.jcarousel-container {
	 overflow:hidden;
    position: relative;
	z-index:50;
	width:698px;
	height:537px;
}

div.jcarousel-clip {
	width:698px;
	height:500px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.jcarousel-list {
	width:698px;
	height:500px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	z-index:-1;
}

ul.jcarousel-list li,
ul li.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 698px;
    height: 500px;
	overflow:hidden;
	z-index:-1;
}

div#carouselTop {
	 background:transparent url(../images/recentworkhead.png) no-repeat;
	 position:relative;
	 top:15px;
	 left:0px;
	 width:698px;
	 height:69px;
	 z-index:200;
}

div#carouselTop h2 {
	position:absolute;
	color:#85C0E9;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	letter-spacing:0.8px;
	top:-5px;
	left:18px;
}

div#carouselBottom {
	 background:transparent url(../images/recentworkfoot.jpg) no-repeat;
	 position:relative;
	 top:-47px;
	 left:0;
	 width:552px;
	 height:37px;
	 z-index:200;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* Horizontal Buttons */

.jcarousel-next-horizontal {
    position: absolute;
    top: 500px;
    right: 0px;
    width: 73px;
    height: 37px;
    cursor: pointer;
    background: transparent url(../images/recentworknext.jpg) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -146px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -73px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -73px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 500px;
    right: 73px;
    width: 73px;
    height: 37px;
    cursor: pointer;
    background: transparent url(../images/recentworkprev.jpg) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -146px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -73px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -73px 0;
}

/* ================ accordian worknav ================ */

ul#worknav, ul#worknav ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul#worknav a {
  display: block;
  text-decoration: none;	
}

ul#worknav li ul {
	 padding-top:5px;
	 margin-top:10px;
 	 background:transparent url(../images/nav-hr.gif) no-repeat;
 	 background-position:top left;
}

ul#worknav li {
  background:transparent url(../images/nav-hr.gif) no-repeat;
  background-position:bottom left;
  padding-bottom:9px;
  margin-top: 1px;
}

ul#worknav li ul li {
	background:none;
}

ul#worknav li a {
    margin:10px 0 0 9px;
	cursor:pointer;
  	color:#FFFFFF;
	font-size:12px;
	letter-spacing:1px;
	display:block;
}

ul#worknav li a:hover {
	color:#85C0E9;
}

ul#worknav li ul li a, ul#worknav li a {
  background:transparent url(../images/nav-pointer.gif) no-repeat;
  background-position:left;
  padding-left: 12px;
}

ul#worknav li ul li a {
  margin-left: 18px;
  font-size:.9em;
}

ul#worknav li ul li a:hover {
  color:#85c0e9;
}

ul#worknav li ul li.selected a {
  color:#85c0e9;
}

span.navtitle {
	color:#85C0E9;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.5em;
	font-weight:100;
	letter-spacing:1px;
	padding:0 0 0 5px;
	margin-top:10px;
	display:block;
}


/* ================ services slide worknav ================ */

ul#sm {
margin-bottom:40px;
}

.sm {
list-style:none;
width:630px;
height:300px;
display:block;
overflow:hidden
}

.sm li {
float:left;
display:inline;
overflow:hidden
}