/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.25em;
		color:#455b70;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#00c7ff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {color:#00c7ff;}

/* ============================= main layout ====================== */

/*li { background:url(images/list-bg.gif) no-repeat 0 4px; padding-left:24px; line-height:1.75em;}
li a {color:#455b70; text-decoration:none;}
li a:hover {text-decoration:underline;}*/
li {list-style-type: disc; margin: 0 0 0.5em 1.5em}
ul {margin-bottom: 1em}

.imgindent {margin:0 15px 0 0; float:left;}
#header h1 {text-indent:-9000px; background: #fff url(images/wilson-porter-logo.png) left top no-repeat; width:314px; height:72px; margin: 10px 0 20px 10px; position:relative; display:block; float:left}
#page3a .col-2 h1 {font-size:1.8em; color:#00C5FF; font-weight:normal; margin: 0.5em 0}
#page4 h1 {font-size:1.8em; color:#00C5FF; font-weight:normal; margin: 0 0 0.5em 0}
h2 {font-size:1.2em; color:#33C5F3; font-weight:normal; margin: 0 0 0.5em 0}

#page4 h2, #page5 h2 {color:#455b70; text-transform:uppercase; font-size: 1.4em; margin: 0 0 -0.5em 0}
#page3 h2 {color: #fff; font-size: 1.3em; margin-top: 5px}
#page3a h2 {margin-top: 1em}
#page1 #hero h2, #page3 #hero h2 {color:#fff; font-weight:bold; font-size: 1.7em}
#page1 h2, #page6 h2, #page7 h2 {font-size:1.4em; color:#33C5F3; font-weight:normal; margin: 0 0 0.5em 0}
h3 {font-size:1.1em; line-height:1.1em; color:#33C5F3;}
#page 1 h3,#page6 .section h3 {padding: 0; margin: 0 0 -0.5em 0}
#hero h3 {color:#fff; font-size: 1.3em; font-weight:normal}
.hlight {color:#33C5F3;}
.small {font-size:0.9em}
p.intro {color:#00C5FF; font-size:1.4em; padding:0; margin: 0 0 0.5em 0; line-height:1.2em}

/* ============================= header ====================== */
.button {background:url(images/button-bg-left.gif) left top no-repeat; display:inline-block; line-height:2.25em; text-transform:uppercase; text-decoration:none; cursor:pointer; font-size:0.65em; margin:0 0 2px 5px;}
.button strong {background:url(images/button-bg-right.gif) right top no-repeat; display:inline-block; padding:0 3px 0 3px;}
.button strong strong {background:url(images/button-bg-tail.gif) top repeat-x; padding:3px 8px 2px 8px;  color:#6b6b6b;}
.button:hover strong {color:#000099;}

.link {background:url(images/link-bg-left.gif) left top no-repeat; display:inline-block; line-height:3.4em; text-transform:uppercase; text-decoration:none; margin:9px 0 0 38px;  cursor:pointer; font-size:0.833em;}
.link strong {background:url(images/link-bg-right.gif) right top no-repeat; display:inline-block; padding:0 8px 0 8px;}
.link strong strong {background:url(images/link-bg-tail.gif) top repeat-x; padding:5px 14px 5px 15px; color:#fff;}
.link:hover strong {color:#666666;}

.menu {line-height:1.181em; font-size:0.86em;  background:url(images/menu-bg-line-tail.gif) left top repeat-x; margin-top:15px; width:100%; overflow:hidden; margin-bottom:11px;}
.menu ul { padding-top:8px; margin-right:-4px; float:left;}
.menu li {background:url(images/menu-link-bg-tail.gif) left top repeat-x; width:117px; display:block; float:left; margin-right:1px; padding:0;  text-align:center; }
.menu li a {text-decoration:none; text-transform:uppercase; color:#6b6b6b; padding-top:18px; display:block; height:46px;}

.menu .active {background:url(images/menu-link-bg-active.gif) left no-repeat; }
.menu .active a {color:#fff;}
.menu li a:hover {background:url(images/menu-link-bg-active.gif) left no-repeat; color:#fff;}

#header .col-2 {background:url(images/header-bg-tail.gif) left top repeat-x; height:374px;}



/* ============================= content ====================== */

#page2 .col-1 p, #page3 .col-1 p {font-size: 1.4em; color:#13B4E9; line-height:1.2em; text-align:justify}
#page4 .col-1 p {font-size: 1.1em; color:#13B4E9; line-height:1.4em; text-align:justify; margin-bottom: 1.5em}
#page5 p.head {font-size: 1.6em; color:#13B4E9; line-height:1.2em; text-align:justify; margin-bottom: 0.5em}
#subcol-1 p, #subcol-2 p, #page5 .col-2 p {text-align:justify; font-size: 1em}
#page6 .section p {margin: 0 0 -1em 0}
#page7 .col-2 p {padding: 0 0 0 20px; background: #fff url(images/linkbullet.jpg) left top no-repeat; margin: 0 0 0.5em 0}
#page8 .col-1 p {color:#33C5F3; font-size: 1.1em; line-height:1.4em}
.date {color:#33C5F3}
.description {font-size:0.9em}
#page1 .col-3 p {padding: 0; font-size: 0.9em; margin-bottom: 10px}
#page1 #hero p, #page3 #hero p {color: #fff !important; padding: 0; margin: 0.5em 0; font-size:1.1em}

#page3 .col-1 .servicePanel p {
	font-size:1em;
	line-height:1.25em;
	color:#455b70;
	text-align:left;
}
#page3a p {padding: 0}

/* ============================= footer ====================== */
#footer {background:#fff; border-top:1px solid #13B5EA; padding:10px 0 0 20px;text-align:right; font-size: 0.8em; color:#B6B8BA; margin-top: 20px}
#footer a {color:#B6B8BA; text-decoration:none}

/* ============================= forms ============================= */

#SearchForm {float:right;}
#SearchForm .input {width:170px; height:19px; border:1px solid #d6d6d6; background:none; padding:0 0 0 5px; font-size:1em;}
.link2 {text-transform:uppercase;  font-size:0.833em;}

#contactform{font-size:1em}
#contactform label{display:block; float:left; font-weight:normal; color:#455B70; padding:5px 0 0; margin:0 10px 10px 0; width:6em}
#contactform input.txt{width:190px; color:#455B70;float:left; font-size: 12px; padding: 5px; margin-bottom: 5px; border: 1px solid #ccc}
#contactform br{clear:both}
.err, .req{font-weight:bold; color:#33C5F3 !important; font-size:1em; float:left}
.err{margin-right:5px}
.hide{display:none}
textarea{font-family:Arial,helvetica,sans-serif; color:#455B70; font-size:1em; width:200px; border: 1px solid #ccc}

#page1 .webform label {font-size: 0.9em}
#page1 .cat_listbox {height:70px !important}