* {margin: 0; padding: 0;}

body {font-family: Verdana, sans-serif; font-size: 12px; background: #dadfd4; behavior:url("csshover2.htc");} 

#main { width: 800px; background: #fff url(images/bg-top2.jpg) no-repeat; margin: 0px 10px; padding: 10px 0px 0px 0px; position: relative;}

#main-wrapleft {width: 850px; background: url(images/bg-left.jpg) repeat-y;  margin: 0px auto 10px auto; padding-left: 15px;}
#main-wrapright {width: 830px; background: url(images/bg-right.jpg) top right repeat-y; padding-right: 5px;}

#header {background: #5e72a4 url(images/bg-header-small.jpg) repeat-x; width: 100%;}

/* content */

#content {border-top: 6px solid #dadfd4; background: #fff; clear: both; position: relative;}

#content2 {border-top: 6px solid #dadfd4; background: #fff; clear: both; position: relative; padding-right: 330px; background: url(images/bg-dots3.jpg) repeat-x;}

#content3 {border-top: 2px solid #dadfd4; background: #fff url(images/bg-silver.gif) no-repeat; clear: both; position: relative;}

#content4 {border-top: 6px solid #dadfd4; background: #fff url(wedding-images/wedding-guides.jpg) no-repeat; clear: both; width: 100%; margin-top: 5px;}

#content5 {border-top: 6px solid #dadfd4; background: #fff url(hotel-images/hotel3.jpg) no-repeat; clear: both; position: relative; padding-bottom: 40px; width: 100%;}

#content6 {border-top: 6px solid #dadfd4; background: #fff url(boating-images/boating-scene3.jpg) no-repeat; clear: both; padding-bottom: 40px; width: 100%;}

#content-top {border-top: 6px solid #dadfd4; background: #fff url(images/bg-silver.gif) no-repeat; margin-top: 170px; width: 100%;}

#content-top2 {border-top: 6px solid #dadfd4; background: #fff url(images/bg-silver.gif) no-repeat; margin-top: 112px; width: 100%;}

#content-top3 {border-top: 6px solid #dadfd4; background: #fff url(images/bg-silver.gif) no-repeat; margin-top: 105px; width: 100%;}

div.inside {background: #edf0e9; margin: 5px 58px 0px 58px; padding: 20px 20px 25px 20px; border-top: 5px solid #4971ad; position: relative; width: 644px;}

div.inside2 {background: #edf0e9 url(boating-images/boating-scene2.jpg) bottom left no-repeat; margin: 5px 58px; padding: 20px 20px 140px 20px; border-top: 5px solid #4971ad;}

div.inside3 {background: #edf0e9 url(images/computer2.jpg) 85% 90% no-repeat; margin: 5px 58px 0px 58px; padding: 20px 20px 25px 20px; border-top: 5px solid #4971ad;}

div.inside4 {background: #edf0e9 url(hotel-images/print-directories.jpg) 90% 90% no-repeat; margin: 5px 58px 0px 58px; padding: 20px 20px 25px 20px; border-top: 5px solid #4971ad;}


#right {position: absolute; width: 250px; top: 0px; right: 10px; }

#left {width: 330px;}

#right2 {position: absolute; width: 320px; top: 60px; right: 0px; border-left: 1px dashed #d7d7d7; background: #fafcf8;}

#footer {background: #b5c3a2 url(images/bg-softsage2.jpg) repeat-x; text-align: center; padding: 20px 20px 5px 20px; color: #333; border-bottom: 5px solid #4971ad;}

#footer2 {width: 850px; height: 20px; background: url(images/bg-bottom.jpg)  no-repeat; margin: 0px 0px 0px 2px}

div.phone-top {position: absolute; top: 30px; right: 10px; width: 200px;}

div.floatHold {width: 100%; }

div.client {background: #fffdfa url(images/bg-green-div.jpg) repeat-x; margin: 10px 58px 22px 58px; padding: 0px 0px 10px 0px;}

div.client p {margin: 10px 30px;}

div.client p.name {background: #edf0e9 url(images/bg-green-border.jpg) bottom left repeat-x; padding: 10px 10px 14px 40px; margin: 0;}

div.message {background: #e6eaed; margin: 0px 0px 20px 84px; padding: 0px 0px 5px 0px; clear: both;}
div.message h4 {margin: 0px; color: #5d7964; font-weight: bold; background: #eee url(images/bg-green-border.jpg) bottom left repeat-x; padding: 5px 20px 12px 36px; font-size: 1.1em;}
#content div.message ul {margin: 5px 10px 15px 52px; padding:  5px 0px;}

div.message2 {background: #f4f9fc; margin: 20px 0px 20px 84px; padding: 0px 0px 15px 0px; border: 1px solid #ddd; clear: both; position: relative;}
div.message2 h5 {margin: 0px; color: #5d7964; font-weight: bold; background: #eee url(images/bg-green-border.jpg) bottom left repeat-x; padding: 5px 20px 12px 36px; font-size: 1.1em;}
#content div.message2 ul {margin: 16px 260px 16px 52px; padding:  5px 0px;}

div.message3 {background: #e6eaed; margin: 0px 84px 20px 84px; padding: 0px 0px 5px 0px; clear: both; font-size: .9em;}
div.message3 h4 {margin: 0px; color: #5d7964; font-weight: bold; background: #eee url(images/bg-green-border.jpg) bottom left repeat-x; padding: 5px 20px 12px 20px; font-size: 1.1em;}

div.conceptWrap {background: #f4f9fc; padding: 8px; margin: 20px 80px; border: 3px double #8f9f7b; position: relative;}

div.concepts {clear: both; position: relative; width: 600px; }

#content div.concepts ul {margin: 10px 0px 10px 65px; list-style-type: square; padding: 4px 4px 4px 30px; color: #701d3a; background: #f4f9fc; width: 250px;}
#content div.concepts ul li {margin: 3px; padding: 3px;}


/* header1 */

#title {margin: 0px; padding: 0px; font-size: 1em; color: #2b374f;
      position: relative; width: 410px; height: 98px;
      overflow: hidden;}

#title span {display: block;
      position: absolute; left: 0; top: 0; z-index: 1;
      width: 410px; height: 98px; margin: 0; padding: 0;
      background: url("images/logo-small.jpg") top left no-repeat;}


/* miscellaneous */


h2 {font-size: 1.1em; color: #333; padding: 6px; margin: 20px 25px 6px 25px; text-align: center;}

h3 {font-size: 1em; color: #4971ad; padding: 6px; margin: 6px 20px; text-align: center;}

h3.states {padding: 6px; margin: 6px 12px; text-align: left; border-top: 1px solid #4971ad; border-bottom: 1px solid #4971ad;}

h3.graphic {font-size: 1.2em; color: #eff0e9; font-family: georgia, serif; background: #44537a url(images/bg-sub-nav.jpg) bottom left repeat-x; width: 630px; margin: 10px auto 0px auto; padding-bottom: 12px;}

h3.process {background: #ccd9b9 url(images/bg-nav-green2.jpg) repeat-x; height: 1.3em; margin: 0px 0px 10px 0px; color: #323581;}

h4 {font-size: 1em; color: #333476; padding: 6px; margin: 12px 55px; text-align: left;}

h4.print {font-size: 1em; color: #333476; padding: 6px;  text-align: center; }

h4.thinLeft {font-size: 1.1em; color: #701d3a; background: #eee; padding: 6px; margin: 12px 80px; text-align: left;}

h4.thinLeft2 {font-size: 1.1em; color: #701d3a; background: #eee; padding: 6px; margin: 12px 40px; text-align: left;}

h4.wideLeft {font-size: 1.1em; color: #701d3a; background: #eee; padding: 6px; margin: 12px 120px; text-align: left;}

h5 {font-size: .9em; color: #333; padding: 0px 6px; margin: 6px 40px; text-align: left;}

p {margin: 6px 10px; padding: 6px 10px; color: #333;}
p.thin {width: 380px;}
p.thin2 {width: 420px; margin-left: 30px;}

p.wideMargin {margin: 10px 70px;}
p.wideMargin2 {margin: 10px 110px;}
p.wideMargin3 {margin: 10px 85px;}
p.wideMargin4 {margin: 10px 30px;}
p.wideMargin5 {margin: 10px 70px; width: 640px;}

p.contain {margin: 6px 50px; padding: 6px 10px; color: #222;}
p.extra {margin: 10px 60px; padding: 6px 40px; color: #333;}
p.detail {width: 650px; margin: 10px 20px 10px 50px;}
p.centerStyle {font-size: 1em; color: #4971ad; padding: 6px; margin: 6px 20px; text-align: center;}
.center {text-align: center; margin-top: 0px;}
p.clear {clear: both;}
p.conceptEnd {width: 300px; margin-left: 30px;}

#content ul {margin: 20px 25px; list-style-type: square; padding: 4px;}
#content ul li {margin: 4px; padding: 4px;}

#content3 ul.guide {margin: 6px 20px 6px 40px; padding: 6p 6px 6px 10px; color: #222; width: 250px; list-style-type: square; }
#content3 ul.guide li {padding: 4px; }
#content3 ul.guide li ul li { color: maroon; padding: 4px 8px; }

ul.guide2 {margin: 6px 20px 6px 35px; padding: 6px 6px 6px 0px; color: #222; width: 310px; list-style-image: url(images/bullet.jpg) }
ul.guide2 li {padding: 4px; }
ul.guide2 li ul li { color: maroon; padding: 4px 8px;}

ol {margin: 6px 250px 6px 40px; padding: 6px; color: #222;}
ol li {padding: 4px;}


/* images */

img.define {border: 1px solid black; margin: 3px;}

img.salesTeam {position: absolute; bottom: 35px; right: 80px;}

img.alignRight {float: right; margin: 0px 80px 10px 10px; border: 1px solid black;}
img.alignRight2 {float: right; margin: 0 20px 10px 0px;} //wedding page
img.alignRight3 {float: right; margin: 20px 0px 10px 0px;}
img.alignRight4 {position: absolute; top: 25px; right: 20px;}
img.alignRight5 {float: right; margin: 0px 0px 0px 10px;}
img.alignRight6 {float: right; margin: 0px 0px 10px 20px; border: 1px solid #333;}

img.alignLeft {float: left; margin: 0px 15px 10px 0px; border: 1px solid black;}

img.border {border: 1px solid black;}

img.topRight {position: absolute; top: 10px; right: 30px;}
img.topRight2 {position: absolute; top: 30px; right: 50px;}
img.topRight3 {position: absolute; top: 40px; right: 50px;}
img.bottomRight {position: absolute; bottom: 5px; right: 20px;}

#right img.site { border: 1px solid black; margin: 3px;}

/* end images */

.question {color: #326143; font-size:.9em; }

div.example {padding: 8px; margin: 10px; border: 1px solid black; float: left; width: 380px;}



.inside a:link, .inside2 a:link,.inside a:visited, .inside2 a:visited { color: #31317f;} 
.inside a:hover, .inside2 a:active{ background: #fff; color: #323581;}

.inside3 a:link, .inside3 a:visited { color: #31317f; font-weight: bold;} 
.inside3 a:hover, .inside3 a:active { background: #fff; color: #323581;}


.inside4 a:link, .inside4 a:visited { color: #31317f;} 
.inside4 a:hover, .inside4 a:active { background: #fff; color: #323581;}

#footer a:link, #footer a:visited { color: #31317f; text-decoration: none;} 
#footer a:hover, #footer a:active { color: #323581; text-decoration: underline;}


.highlight {color: #333476; font-weight: bold;}
.highlight2 {color: #28324d; font-weight: bold;}
.highlight3 {color: #333476; font-weight: bold; background: #fff; padding: 3px; border: 1px solid #fef8e8}
.highlight4 {color: #536253; font-weight: bold; background: #dfe3e6; padding: 3px;}
.highlight5 {color: #274c34; font-weight: bold; background: #cdd3e9; padding: 3px;}

.client a {text-decoration: none;}
.client a:link, .client a:visited { color: #31317f;} 

.client a:hover { background: #fff; color: #323581;}

.inside2 a {text-decoration: underline; font-weight: bold;}

p.links {text-align: center;}

p.links a:link, p.links a:visited {color: #333476;}
p.links a:hover, p.links a:active {color: #1911ad; background: #edf0e9; text-decoration: none;}

h3.graphic a:link, h3.graphic a:visited {color: #cdd3a9; font-family: georgia, serif;}
h3.graphic a:hover, h3.graphic a:active {color: #edf0e9; text-decoration: none;}

/* navigation */

#nav {background: #eee url(images/bg-nav2.jpg) repeat-x; text-align: center; color: #555; font-family: verdana, sans-serif; font-size: .9em; float: left; width: 100%; font-weight: normal;}

#nav ul {padding: 0px; list-style-type: none; float: left; margin: 0px;}

#nav li {padding: 4px; float: left; border-right: 1px solid #dadfd4; border-left: 1px solid #fff; position: relative; background: #fff url(images/bg-nav2.jpg) bottom left repeat-x; z-index: 1000;}

#nav li:hover {color: #fff; background: #44537a url(images/bg-nav-blue.jpg) repeat-x;}

#nav ul li ul { margin: 4px 0 0 0; padding: 0px; position: absolute; left: -1px; display: none; width: 14em;  z-index: 1000;}

#nav ul li:hover ul {display: block; color: #222;}

#nav ul li ul:hover {display: block; }

#nav ul li ul li {width: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #9db777 url(images/bg-nav-green2.jpg) bottom left repeat-x; font-weight: normal; padding: 3px 2px;}

#nav ul li ul li:first-child { border-top: 1px solid #fff;}

#nav ul li ul li:hover { color: black; background: #9db777 url(images/bg-nav-green.jpg) bottom left repeat-x;}

#nav a {text-decoration: none; padding: 4px; display: block; color: #222;}

#nav a:hover {color: #fff;}

#nav ul li ul li a:hover {color: #000;}

/* end navigation */