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

body { font-size: 12px; font-family: "Lucida Grande", tahoma, verdana, sans-serif; text-align: center; color: #fff; background-image: url(images/fade_bg1.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; }
li { list-style: none; }
.hide { margin: 0; display: none; }










/* global interface elements
-------------------------------------------------------- */
#tagline { background-color: transparent; height: 21px; text-align: right; width: 756px; margin: 0 auto; }

#tagline h2 {
	font-weight: normal;
	font-size: 1em;
	padding: 7px;
	color: #4c68a1;
}
#header-wrapper { background-color: #006; background-image: url(images/header_bg.png); background-repeat: repeat-x; background-attachment: scroll; height: 82px; width: 100%; border-bottom: 2px groove #006; }

#header-image { background-image: url(images/header.gif); background-repeat: no-repeat; background-position: center; width: 706px; height: 82px; margin-right: auto; margin-left: auto; }

#content-wrapper { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; float: left; }
#footer-wrapper { background-color: #04046b; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; width: 100%; height: 30px; float: left; margin: 0; }

#content, #header, #nav, #footer { width: 780px; text-align: left; margin: 0 auto; }

#topcontent { background-image: url(images/villa_photo.jpg); background-repeat: no-repeat; height: 297px; padding-right: 0; padding-left: 0; }
.right { position: relative; width: 346px; height: 100%; float: right; padding-top: 5px; padding-right: 20px; }
.right p { padding-bottom: 1em; line-height: 16px; text-align: justify; }
#content { background-color: #29406e; padding-top: 10px; padding-bottom: 10px; border-right: 3px groove #006; border-left: 3px groove #006; }

#left {
	position: relative;
	width: 215px;
	float: left;
	padding-bottom: 41px;
}

#right { position: relative; width: 511px; float: right; padding-bottom: 41px; }

#brandmark {
	float: left;
	background: url("images/big-brandmark.gif") left bottom no-repeat;
}









/* navigation elements
-------------------------------------------------------- */
#home #replacelogo {
	position: relative;
	top: 0; left: -36px;
	width: 398px; height: 209px;
	background: url("images/clickrisk-logo.gif") no-repeat;
}

#home #replacelogo a, #home #replacelogo h2 {
	display: block;
	width: 398px; height: 209px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #69c2ff;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #69c2ff;
	padding-top: 1em;
}


#right p, #right li {
	padding-bottom: 1em;
	line-height: 1.4em;
}

#pagetitle li { font-size: 11px; padding-left: 12px; position: relative; margin-left: 20px; padding-top: 10px; padding-left: 20px; }

#left h3 {
	border-bottom: 1px solid #3b5488;
	margin-bottom: 6px;
}

#home h1 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 21px;
}

#content a {
	color: #69c2ff;
}

#content a:hover, #footer a:hover {
	color: #FFF;
}

#footer p { color: #4c68a1; padding: 10px 0; text-align: right; }

#footer a { color: #4c68a1; }

img.large { padding-bottom: 21px; }
#pagetitle h1 { font-size: 17px; background: #006; margin-top: 0; padding-top: 0; padding-left: 10px; border-top: 1px ridge #fff; border-bottom: 1px ridge #fff; }
#pagetitle {  }
#toptagline { background-color: #fc3; height: 28px; width: 100%; }
#address-wrapper { color: #29406e; background-color: #fc3; width: 100%; float: left; }
.headerbox2 { width:100%;; margin:0 auto; padding:0; background-repeat: repeat-y; background-position: center; position: relative; height: 245px; }
.headerbox3 { width:780px; background-image: url(images/top_bottom.gif); background-repeat: no-repeat; background-position: center; text-align: center; position: relative; margin:0 auto; padding:0; border-right: 3px groove #006; border-left: 3px groove #006; }
.topphoto { width:780px;; margin:0 auto; padding:0; background-image: url(images/top.jpg); background-repeat: no-repeat; background-position: center; position: relative; height: 190px; border-right-color: #006; border-left-color: #006; }
h1 { color: #fff; font-size: 20px; font-family: arial; font-weight: bold; text-align: left; float: left; margin-top: -5px; margin-right: 0; margin-left: 0; padding-left: 20px; }
.imageborder { margin: 5px 15px; padding: 5px; border: groove 1px #99f8b4; }
.box { background-color: #036; padding: 10px; }
.box h1 { color: #fff; background-color: #16cc49; text-align: center; width: 98%; border-bottom: 1px groove #00ff48; }
.box li { list-style-type: square; list-style-position: inside; }
.box ul { margin-top: 20px; }
#navcontainer ul
{ margin-left: 0; background-color: #7fc300; color: white; font-size: 15px; width: 780px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; float: left; margin-bottom: 0; padding: 0; border-top: 1px groove #fff; border-bottom: 1px solid #036; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{ background-color: #7fc300; color: #fff; text-decoration: none; text-align: center; margin: 0; padding-right: 1em; padding-left: 1em; border-right: 2px groove #fff; }
#navcontainer ul li a:hover
{
background-color: #020650;
color: #fff;
}
.leftborder { float: left; margin: 15px; padding: 2px; border: groove 1px #006; }