body {margin: 1px 1px; padding: 0 0 0 0; background-color: #ffffff; background-image: url(../images/backg.gif);}
body, p, li {font-family: Verdana; font-size: 0.9em; color: #333333; text-align: justify;}

/* SHADOWING ROUND EDGES */
#container {width: 800px; background: white;}

/* IMAGES FOR SUB MENU STRIP */

#bs2Img {height: 198px; width: 800px; background: url(../images/header.jpg) no-repeat; margin-top: 0px; margin-left: 0px;}
/* NAVIGATION BAR */

#mainNav {background: url("../images/menu-strip.jpg"); height: 34px; width: 800px; margin-left: 0px; margin-right: 0px;}
#spacer {background: url("../images/silverway-spacer-top.jpg"); height: 21px; width: 1000px; margin-left: 0px; margin-right: 0px;}

#mainNav ul {margin: 0; padding-top: 6px; padding-left: 0px;}

#mainNav li {display: inline; color: #B0C4DE; font-family: Verdana; font-size: 0.9em; font-weight: bold; padding-left: 20px; letter-spacing: 0px;}

#mainNav a:link {color: white; text-decoration: none; font-weight: bold;}
#mainNav a:visited {color: white; text-decoration: none; font-weight: bold;}
#mainNav a:active {color: #FE2B00; text-decoration: none; font-weight: bold;}
#mainNav a:hover {color: #FE2B00; text-decoration: none; font-weight: bold;}

#mainNav a:link#current, #mainNav a:visited#current, #mainNav a:hover
{color: #FE2B00; text-decoration: none; font-weight: bold;}


/* MAIN CONTENT */

#content {background: url("../images/mainbodybg.jpg") no-repeat; height: 568px; width: 800px; margin-left: 0px; margin-right: 0px;}
#contentattractions {background: url("../images/mainbodybg.jpg") no-repeat; background-color: #ffffff;  height: 700px; width: 800px; margin-left: 0px; margin-right: 0px; background-position: top; }
#contenthome {background: url("../images/mainbodybg.jpg") no-repeat; background-color: #ffffff;  height: 900px; width: 800px; margin-left: 0px; margin-right: 0px; background-position: top; }
#contentcontact {background: url("../images/mainbodybgcontact.jpg") no-repeat; height: 294px; width: 800px; margin-left: 0px; margin-right: 0px;}

.portImg {float: right; margin-left: 10px; border: 0;}
#content img {border: 0;}

p {margin: 0.25em 0 1em;}

p.special {font-size: 0.8em;}

h2 {font-family: Verdana; font-size: 1em; font-weight: bold; color: #333333; margin: 1em 0 0;}
h2.special {font-family: Verdana; font-size: 0.8em; font-weight: bold; color: #333333; margin: 1em 0 0;}
h3 {font-family: Verdana; font-size: 1em; font-weight: bold; color: #333333; margin: 1em 0 0;}
h4 {font-family: Verdana; font-size: 0.9em; font-weight: bold; color: #0F437D; margin: 0em 0 0;}

h2 a {color: #32598B; text-decoration: none; font-weight: bold;}
h2 a:hover {text-decoration: underline; color: #32598B; font-weight: bold;}

a.chunkylink {color: #32598B; text-decoration: none; font-weight: bold;}
a.chunkylink:hover {text-decoration: underline; color: #32598B; font-weight: bold; background-color:#ffffff; }

a {color: #32598B; text-decoration: underline; font-weight: normal;}
a:hover {text-decoration: underline; color: #FE2B00; font-weight: normal;}

a.special {color: #000000; text-decoration: underline; font-weight: normal;}
a.special:hover {text-decoration: underline; color: #000000; font-weight: normal; background-color: #BBCAD1;}

acronym {border-bottom: 1px dotted #333333;}

#client a {text-decoration: none;} 
#client a:hover {text-decoration: underline;}

li.workUnd {display: inline; font-size: 0.8em; color: #333333; font-style:italic;}

ul.workUnd {margin-left: 0px;}

li.phoneicon {font-family: Verdana; font-size: 0.9em; padding: 0 0 15px 0;}
li.numbericon {font-family: Verdana; font-size: 0.9em; height: 1.5em; padding: 5px 0px 5px 0px;}
ul.speciallist {
padding-left: 40px;
margin-left: 0px;
}

h1, #clientheader {margin-bottom: 20px; font-size: 1em; font-weight: bold; color: #FE2B00; padding: 0px 0px 0px 0px;}

.fontbox {float: right;}
#heading {float: left; width: 604px;}

#client {border-bottom: 0px dashed #E5E5E5; margin: 0 0 0; font-family: Verdana; font-size: 0.6em; font-weight: bold; color: #333366;}
#clientfront {border-bottom: 0px dashed #E5E5E5; margin: 0 0 0; font-family: Verdana; font-size: 0.6em; font-weight: bold; color: #333366; height: 200px;}

#clientcontact {
width: 330px;
background-color: #F5F7F9;
border-bottom: 1px dashed #D2EBFB;
border-top: 1px dashed #D2EBFB;
border-left: 1px dashed #D2EBFB;
border-right: 1px dashed #D2EBFB;
padding: 5px 10px 5px 10px;
float: left;
}

#clientcontact2 {
width: 330px;
background-color: #F5F7F9;
border-bottom: 1px dashed #D2EBFB;
border-top: 1px dashed #D2EBFB;
border-left: 1px dashed #D2EBFB;
border-right: 1px dashed #D2EBFB;
padding: 5px 10px 5px 10px;
float: right;
}


#client1, #wsBox1, #about1 {clear: both; background-color: #F5F7F9; border: 1px dashed #E5E5E5; padding: 5px 10px 5px 10px; margin-bottom: 1em;}
#clienthome {background-color: #ffffff; border: 0px dashed #E5E5E5; padding: 5px 10px 5px 10px; margin-bottom: 0.5em; width: 530px;}
#clienthome2 {background-color: #F5F7F9; border: 1px dashed #E5E5E5; padding: 5px 10px 5px 10px; margin-bottom: 1em; width: 530px;}

#client9, #client2, #client3, #client4, #client8, #client10, #client11, #wsBox2, #wsBox3, #wsBox4, #wsBox5, #about2 {background-color: #F5F7F9; border: 1px dashed #E5E5E5; padding: 5px 10px 5px 10px; margin-bottom: 1em;}
#client5, #client6, #client7 {background-color: #F5F7F9; border: 1px dashed #E5E5E5; padding: 5px 10px 5px 10px; margin-bottom: 0.5em;}

#client1 img, #client2 img, #client3 img, #client4 img, #client9 img, #client10, #client11 img {border: 1px solid #DDDFE1;}

p#example
{
font-size: 24px;
}

#content1 {border-bottom: 2px dashed #E5E5E5; margin: 0 0 0;}
#content2 {border-bottom: 2px dashed #E5E5E5; margin: 0 0 0;}

.eg {background-color: #fff;}

/* HOMEPAGE ONLY */
#homebox {clear: both; padding: 10px 20px 5px 20px;}

#homebox1 {width: 530px; padding: 10px 10px 5px 0px; float: left;}


#homebox3 {width: 220px; padding: 10px 0px 5px 0px; float: right; font-family: Verdana; font-size: 0.8em; margin-right: 2px;}
#homebox4 {width: 730px; padding: 10px 10px 5px 0px; float: left;}

#story1 a, #story2 a, #story3 a, #story4 a  {display: block; background-color: #ffffff; font-weight: normal; text-decoration: none;}
#tools a, #cms a, #team a {display: block; background-color: #ffffff; font-weight: normal; text-decoration: none; }
#story1 a:hover, #story2 a:hover, #story3 a:hover, #story4 a:hover {display: block; background-color: #ffffff; font-weight: normal; text-decoration: none;}
#tools a:hover, #cms a:hover, #team a:hover {display: block; background-color: #ffffff; font-weight: normal; text-decoration: none;}

#story1 h3, #story2 h3, #story1 p, #story2 p, #story3 a, #story4 a, #story3 a:hover, #story4 a:hover {margin: 0; padding: 5px 10px 5px 10px;}

.storyText, .storyText:hover {color: #000;}
.storyHead, .storyHead:hover {font-family: Verdana; font-size: 0.9em; font-weight: bold; color: #000;}

#tools, #cms, #team {width: 170px; float: left; margin-right: 10px; text-align: left;}

.homeFeatures {font-weight: bold; color: #1c235a; text-align:left; font-size: 0.9em; font-family: Verdana;}
.homeFeaturesSmall {font-size: 0.8em; text-align: left; font-family: Verdana; color: #333;}


/**
 * FontSizer Styles  
 * ----------------------------
 * 
 */
 
 .fontbox {
	width: 80px;
	border: 0px solid #ccc;
	margin-top: 0px;
	margin-bottom: 2px;	
	height: 30px; 
	text-align: left;
}
.fontboxcaption {
	float: left;
	padding: 4px 4px 10px 4px;
	font: 0.6em Verdana; 
	line-height: 16px;
	color: #000;
}

.inactiveFontIcon {
	float: left;
	margin-left: 2px;
}

.inactiveFontIcon A:link{
	border: 1px solid #ccc;
	padding: 0;
	height: 18px;
	width: 18px;
	float: left;
}

.inactiveFontIcon A:visited{
	border: 1px solid #ccc;
	padding: 0;
	height: 18px;
	width: 18px;
	float: left;
}

.inactiveFontIcon A:hover{
	border-color: #f00;
}

.activeFontIcon {
	float: left;
	margin-left: 2px;
}

.activeFontIcon A:link{
	border: 1px solid #666;
	padding: 0;
	height: 18px;
	width: 18px;
	float: left;
}

.activeFontIcon A:visited{
	border: 1px solid #666;
	padding: 0;
	height: 18px;
	width: 18px;
	float: left;
}

.activeFontIcon A:hover{
	border-color: #333;
}

#fontboxcaption img {border: 0;}

#tablebox1, #tablebox2, #tablebox3 ,#tablebox4 {width: 75px; padding: 0 5px 5px 0px; float: left;}
#tablebox5, #tablebox6, #tablebox7 ,#tablebox8 {width: 75px; padding: 0 5px 5px 0px; float: left;}