html, body {
margin : 0;
padding : 0;
}


body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
background : #ffffff;
}


#page-container {
width : 960px;
margin : 0 auto;
background-color : #ffffff;
height:auto;
}


#header {
height : 137px;
width : 960px;
margin-top : 25px;
background : #ffffff url(../images/header.jpg) no-repeat;
}


/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
	margin: 4px 0px 4px 0px;
	padding: 0px;
width:960px;
	list-style:none;
	height:37px
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:37px;
	float:left;
	text-indent:0px;
	text-decoration:none;
	color: #ffffff;
}


ul#navigation  li a span {
	float:left;
	display:block;
	padding: 15px 0px 0px 10px;
}

ul#navigation li#navigation-1 a {
	width:119px;
	background:url(nav.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -37px
}

ul#navigation li#navigation-2 a {
	width:119px;
	background:url(nav.jpg) no-repeat -119px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-119px -37px
}

ul#navigation li#navigation-3 a {
	width:120px;
	background:url(nav.jpg) no-repeat -238px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-238px -37px
}

ul#navigation li#navigation-4 a {
	width:122px;
	background:url(nav.jpg) no-repeat -358px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-358px -37px
}

ul#navigation li#navigation-5 a {
	width:122px;
	background:url(nav.jpg) no-repeat -480px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-480px -37px
}

ul#navigation li#navigation-6 a {
	width:120px;
	background:url(nav.jpg) no-repeat -602px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-602px -37px
}

ul#navigation li#navigation-7 a {
	width:120px;
	background:url(nav.jpg) no-repeat -722px 0
}

ul#navigation li#navigation-7 a:active,
ul#navigation li#navigation-7 a:hover {
	background-position:-722px -37px
}

ul#navigation li#navigation-8 a {
	width:118px;
	background:url(nav.jpg) no-repeat -842px 0
}

ul#navigation li#navigation-8 a:active,
ul#navigation li#navigation-8 a:hover {
	background-position:-842px -37px
}

/******* MAIN CONTENT **********/
#content {
background: url(../images/midbackground.jpg) repeat-y;
line-height : 14px;
width : 640px;
height: auto;
margin : 0px 0px 5px 0px;
float: left;
font-size: 10px;
}

#mainphoto {
line-height : 18px;
width : 307px;
height: 326px;
margin : 0px 0px 0px 645px;
/**background: url(../images/mainphoto.jpg);**/
}


/********* FOOTER and FOOTER STYLES *******/

#footer {
	clear: both;
	height : 40px;
	background : #ffffff url(../images/footer.jpg);
	font-family: arial, Helvetica, Sans-serif;
	font-size: 10.5px;
	color: #ffffff;
	border-top: 1px solid #efefef;
	line-height: 18px;
}



#footer a {
	color: #ffffff;
	text-decoration: none;
}


#footer a:hover {
	color: #db6d16;
}


#footer #links {
	width: 400px;
	float: right;
	text-align: right;
padding-top: 13px;
}



#footer #copyright {
	padding-top: 13px;
}

.footerpadding {
padding : 0px 15px 0px 15px;
}

/********** ENDS ************/


/********** CONTENT STYLES *******/

#content h1 {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-bottom : 15px;
font-weight : 600;
font-size : 22px;
color : #3f3b3c;
}

#content h2 {
margin : 0;
padding : 0;
padding-bottom : 15px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : 400;
font-size : 18px;
color : #3f3b3c;
line-height: 18px;
}
#content p {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2a2728;
}

#content a {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #104580;
text-decoration : none;
}

.padding {
padding : 10px;
}


hr {
  border: 0;
color: grey;
  width: 80%;
}


/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 100%;
	text-align: left;
	padding-bottom: 5px;
	border: none;
	float: right;
	margin-right: 10px;
}
#EmailForm.full { 
	width: 100%;
	 }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h2 {
	clear: both;
	padding: 0px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 360px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 250px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 250px;
	padding: 0;
}


/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff; 
    float: left;   
}
#EmailForm textarea {
	margin-top: 3px;
	width: 300px;
	height: 50px;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

/*************** team image map ****/

#gmap { 

display : block; 

width : 307px; 

height : 325px; 

background : url(../../../images/team/teamsmalls/Uttings_Team_Main_50%25.jpg) no-repeat; 

position : relative; 

margin : 0 auto 2em auto; 



} 

#gmap a { 

color : #000; 

font-family : arial, sans-serif; 

font-size : 12px; 

font-weight : normal; 

text-decoration : none; 

} 

a#title2, a#title2:visited { 

display : block; 

width : 400px; 

height : 0; 

padding-top : 460px; 

position : absolute; 

left : 0; 

top : 0; 

cursor : default; 

text-decoration : none; 

} 

* html a#title2 { 

height : 60px; 

height : 0; 

} 

#gmap a#title2:hover { 

background : transparent url(../img/group_col.gif) no-repeat 0 0; 

overflow : visible; 

color : #c00; 

} 

a#christine {display:block; width:50px; height:50px; padding-top:0px; overflow:hidden; position:absolute;  left:225px; top: 245px;}
a#christine:hover { width: 120px; height: 130px; background:transparent url(../../../images/team/teamsmalls/one.jpg) no-repeat 0 0; overflow:visible; left: 195px; top: 204px;}

a#mark {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute; left:165px; top: 240px;}
a#mark:hover { width: 125px; height: 120px; background:transparent url(../../../images/team/teamsmalls/two.jpg) no-repeat 0 0; overflow:visible; left: 124px; top: 215px;}

a#sue {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute;  left:100px; top: 210px;}
a#sue:hover { width: 160px; height: 200px; background:transparent url(../../../images/team/teamsmalls/three.jpg) no-repeat 0 0; overflow:visible; left: 0px; top: 182px;}

a#steve {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute; left:30px; top: 200px;}
a#steve:hover { width: 100px; height: 120px; background:transparent url(../../../images/team/teamsmalls/four.jpg) no-repeat 0 0; overflow:visible; left: 0px; top: 159px;}

a#melanie {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute;  left: 40px; top: 120px;}
a#melanie:hover { width: 120px; height: 200px; background:transparent url(../../../images/team/teamsmalls/five.jpg) no-repeat 0 0; overflow:visible; left: 0px; top: 0px;}

a#julieask {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute; left:110px; top: 70px;}
a#julieask:hover { width: 220px; height: 130px; background:transparent url(../../../images/team/teamsmalls/six.jpg) no-repeat 0 0; overflow:visible; left: 0px; top: 0px;}

a#shen {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute; left: 190px; top: 60px;}
a#shen:hover { width: 120px; height: 120px; background:transparent url(../../../images/team/teamsmalls/seven.jpg) no-repeat 0 0; overflow:visible; left: 159px; top: 0px;}

a#julieeds {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute;  left:240px; top: 110px;}
a#julieeds:hover { width: 120px; height: 300px; background:transparent url(../../../images/team/teamsmalls/eight.jpg) no-repeat 0 0; overflow:visible; left: 208px; top: 12px;}

a#siobhan {display:block; width:30px; height:30px; padding-top:0px; overflow:hidden; position:absolute; left:240px; top: 175px;}
a#siobhan:hover { width: 100px; height: 126px; background:transparent url(../../../images/team/teamsmalls/nine.jpg) no-repeat 0 0; overflow:visible; left: 212px; top: 140px;}


/******ditto***/
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

/******** *********/