/* GLOBAL
------------------------------*/
body {
	text-align: center;
	margin:0;
	padding:0;
	background: #fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

img {border: 0;}

a {color: #039;}

a:hover {color: #00a5d9;}

a:visited {color: #666;}

.Clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	margin-top: -1px;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
} 
 
h1, h2  {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #878585;
}

h1	{
	font-size: 2em;
	margin: 30px 0 15px 0;
}

h2 {
	margin: 36px 0 20px 0;
	font-size: 1.4em;
}

h3 {font-size: 0.8em;}

h4 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 40px 0 10px 0;
	font-size: 0.9em;
	color: #00a5d9;
}

p, td, li, th  {
	font-size: 0.7em;
	line-height:  1.8em;
}

.FloatLeft {
	float: left;
	margin: 5px 10px 10px 0;
}

.Caption, .PicWithCaption p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999;
}

.Caption a, .PicWithCaption p a {color: #666;}

.PicWithCaption p {
	width: 245px;
	line-height: normal;
	margin-top: 2px;
}

.PicTable td{
	padding-top: 11px;
}

.LinkWithBoxArrow {
	padding: 0 0 0 14px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background: url(../images/global/arrow_in_box.gif) no-repeat 0px 3px;
	
}

.Void {/*lets IE5 recover from the hack*/}

.Top {margin-top: 0 !important;}

.Date {color: #999;}

/* Hacks
----------------------------------------------- */
.IEVariousHack {
	position: relative;
}

.IEDoubleMarginHack, #SideBar {
	display: inline;
}


/* Hides from IE5-mac \*/
* html .HollyHack {height: 1%;}
/* End hide from IE5-mac */



/* NAV
------------------------------*/
/*----------- Top Nav -----------*/
.HorizontalNav {
	padding: 0;
	margin: 0;
}

.HorizontalNav ul {
	list-style: none;
	margin: 0;
	padding:0;
}

.HorizontalNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: normal;
}

.HorizontalNav ul li a, .HorizontalNav ul li span  {
	float: left;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	color: #036;
	background:  url(../images/global/nav_divider.gif) no-repeat left;
}

.HorizontalNav ul li span  {font-weight: bold;}

.HorizontalNav ul li a:hover {text-decoration: underline;}

.HorizontalNav ul li.First a, .HorizontalNav ul li.First span  {background-image: none;}

#MainNav {padding-top: 82px;}

#MainNav ul {float: right;}

#MainNav ul li.Current a {font-weight: bold;}

#SecondaryNav ul li span  {
	font-weight: normal;
	color: #000;
}

#SecondaryNav {
	height: 20px;
	background: url(../images/global/dot.gif) repeat-x bottom;
	padding-bottom: 6px;
}

#SecondaryNav li.First a, #SecondaryNav li.First span {padding-left: 0;}

/* LISTS
------------------------------*/
ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding-left: 14px;
	background: url('../images/global/bullet.gif') no-repeat 0 7px;
}
	

/* INPUT
------------------------------*/

/* CONTAINERS
------------------------------*/

/*------ page Container ------*/
#PageContainer {
	width: 776px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	border-top: 14px #666 solid;
}

#Top {
	height: 400px;
	position: relative;
}

#TopStrip {
	background: #edebe5 url(../images/global/top_shadow.gif) repeat-x bottom;
	height: 248px;
	position: absolute;
	top: 160px;
	width: 100%;
	left: 0;
}

#TopStrip div {
	width: 100%;
	height: 100%;
	background: url('../images/global/diagonal_background.gif') no-repeat bottom center;
	margin-top: -12px;
}

#TopPic {
	position: absolute;
	top: 103px;
	left: -7px;
}

#TopPic img {border: 7px #fff solid;}

#Logo {
	position: absolute;
	left: 0;
	top: 14px;
}

#ColumnContainer {margin: 0 0 24px 0;}

.LeftColumn, .RightColumn {width: 373px;}

.LeftColumn {float: left;}

.RightColumn {float: right;}

/*------ Picture galleries------*/

.PicCaption {
	background-color: #edebe5;
	padding: 4px 2px;
}

.PicCaption img {
	float: left;
	margin: 5px 8px 0 3px;
	position: relative;
	top: -5px;
} 

.Thumbnails {border-collapse: collapse;}

.Thumbnails td {
	padding: 0 0 8px 8px;
	line-height: 0;
}

.Thumbnails td.First {padding-left: 0;} 

.Layer {
	width: 640px;
	position:absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 99;
}

.Layer .TopShadow {
	background: url('../images/global/popups/landscape_top.png') no-repeat bottom left;
	height: 15px;
}

.Layer .MiddleShadow {
	background: url('../images/global/popups/landscape_middle.png') repeat-y;
	padding:  3px 20px 12px 20px;
}

.Layer .BottomShadow {
	background: url('../images/global/popups/landscape_bottom.png') no-repeat top left;
	height: 15px;
}

.Portrait {width: 370px;}
.Portrait .TopShadow {background-image: url('../images/global/popups/portrait_top.png');} 
.Portrait .MiddleShadow {background-image: url('../images/global/popups/portrait_middle.png');} 
.Portrait .BottomShadow {background-image: url('../images/global/popups/portrait_bottom.png');} 
/*----- Footer -----*/
#Footer {
	border-top: 1px #ccc solid;
	padding: 7px 0 0 5px;
	margin: 15px 0 25px 0;
	text-align: left;
}

#Footer,  #Footer a {color: #666;}

/* MISCELLANEOUS
------------------------------*/

/* PAGE SPECIFIC
------------------------------*/

#Home #ClientGrid {margin-top: -10px;}

#Home #ClientGrid div {
	border: 1px #bdbbb6 solid;
	padding: 4px;
	line-height: 0;
	margin: 10px 15px 0 0;
}

#Home #ClientGrid td {padding-bottom: 15px;}

#Home #ColumnContainer {
	background: url('../images/global/dot.gif') repeat-y 513px;
	margin-top: 30px;
}

#Home h1 {
	margin: -5px 0 40px 0;
	color: #00a5d9;
}

#Home .LeftColumn {width: 475px;}

#Home .RightColumn {
	width: 224px;
	margin-right: 15px;
}

#Home .RightColumn p {margin-bottom: 25px;}