/*  
Theme Name: Utmost Designs, Sandbox Edition
Theme URI: http://www.utmost-way.com/designs/wp-content/themes/udev-v1/
Description: The ongoing experimental development version of Utmost Designs - our virtual sandbox for playing around with designs - created in 2008.
Version: 1.0
Author: Aaron Aprile
Author URI: http://www.aaronaprile.com/

	Utmost Designs, the Ongoing Development Edition v1.0
	http://www.utmost-way.com/designs/wp-content/themes/udev/

	This theme was designed and built by Aaron Aprile,
	whose blog you may read at http://www.aaronaprile.com/

	The CSS, XHTML and design are copyrighted and may not be reproduced or copied in any way.

*/



/*--- BEGIN Tags ---*/

BODY {
  background: url(/designs/images/ud-bg-clouds.jpg) #ffffff bottom center repeat;
  /* blends, boards, !claytiles, clouds, !curtains, !fence, leather, !sand, sparkles, !stalks, yucca */
  margin: 0px;
  text-align: center;
  font-size: 62.5%; /* Resets 1em to 10px */
}

BODY, DIV, P, TD {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

A {
  color: #0066cc;
  text-decoration: none;
}
A:hover {
  color: #da2b31;
  text-decoration: underline;
}
A IMG {
  border: none;
}

ACRONYM, ABBR {
  border-bottom: 1px dashed #999;
  font-size: 0.9em;
  letter-spacing: .07em;
  cursor: help;
}

BLOCKQUOTE {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  /*border-left: 5px solid #ddd;*/
}

BLOCKQUOTE CITE {
  margin: 5px 0 0;
  display: block;
}

CODE {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

CITE {
  text-decoration: none;
}

HR {
  display: none;
}

A IMG {
  border: none;
}

SMALL {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color: #777;
}
/*--- END Tags ---*/



/*--- BEGIN Headings ---*/
H1, H2, H3 {
  text-align: left;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-weight: bold;
}

H1 {
  font-size: 4em;
  padding: 20px 0px 0px 0px;
  margin: 0px 20px;
}
H1, H1 A, H1 A:hover, H1 A:visited {
  text-decoration: none;
  color: white;
}

H2 {
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px -20px;
}
H2, H2.pagetitle {
  font-size: 3em;
}
H2.pagetitle {
  text-align: center;
}
H2, H2 A, H2 A:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
H2 A:hover {
  color: #5E9DFD; /* royal: #06c */
  text-decoration: none;
  border-bottom: none;
}

H3 {
  font-size: 1.5em;
  padding: 10px 0px 0px;
  margin: 0px;
  margin-left: -10px;
}
H3.comments {
  padding: 20px auto;
}
H3.meettheteam-title {
  padding: 0px;
  margin: 0px;
}
H3, H3 A, H3 A:visited {
  color: #333;
  text-decoration: none;
}
H3 A:hover {
  color: #5E9DFD; /* royal: #06c */
  text-decoration: none;
}

H4 {
  font-size: 1.3em;
  padding: 20px 0px 0px;
  margin: 0px;
  color: #5E9DFD; /* royal: #3159df */
  text-decoration: none;
}
/*--- END Headings ---*/



/*--- BEGIN custom div IDs ---*/

.picture { background: url(/designs/images/background_concept3trans.png) transparent top center repeat-x }
.wide { position: relative; margin: 0px auto; width: auto }

#site-container {
  margin: 0px auto;
  width: 924px;
}

#header {
  position: relative;
  margin: 0px auto;
  width: 924px;
  height: 160px;
}

#header-logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 400px;
  z-index: 50;
}

#header-start {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 55;
  width: 384px;
  height: 128px;
  overflow: hidden;
}
#header-start DIV { display: inline; float: left }

/*
DIV.badge-per { position: relative; width: 128px; height: 128px; background: url(/designs/images/badges-per.png) top left no-repeat }
DIV.badge-per:hover { background-image: url(/designs/images/badges-per_blur.png) }

DIV.badge-std { position: relative; width: 128px; height: 128px; background: url(/designs/images/badges-std.png) top left no-repeat }
DIV.badge-std:hover { background-image: url(/designs/images/badges-std_blur.png) }

DIV.badge-ecom { position: relative; width: 128px; height: 128px; background: url(/designs/images/badges-ecom.png) top left no-repeat }
DIV.badge-ecom:hover { background-image: url(/designs/images/badges-ecom_blur.png) }
*/

#content-cap {
  position: relative;
  background: url(/designs/images/contentcap_concept3.png) transparent top center no-repeat;
  width: 934px;
  height: 20px;
}
#content-cap-inv {
  position: relative;
  background: url(/designs/images/contentcapinv_concept3.png) transparent top center no-repeat;
  width: 934px;
  height: 20px;
}

#content {
  position: relative;
  background: url(/designs/images/contentbg_concept3.png) transparent top center repeat-y;
  width: 934px;
  min-height: 300px;
  text-align: left;
}
#content-inv {
  position: relative;
  background: url(/designs/images/contentbginv_concept3.png) transparent top center repeat-y;
  width: 934px;
  min-height: 300px;
  text-align: left;
}

#content-base {
  position: relative;
  background: url(/designs/images/contentbase2_concept3.png) transparent top center no-repeat;
  width: 934px;
  height: 25px;
  clear: both;
}
#content-base-inv {
  position: relative;
  background: url(/designs/images/contentbaseinv_concept3.png) transparent top center no-repeat;
  width: 934px;
  height: 25px;
  clear: both;
}



#flash {
  position: relative;
  margin: 0px 24px 34px 34px;
  width: 432px;
  height: 243px;
  float: right;
  /*background-image: url(/designs/flash/feature02.jpg);*/
  background-color: #D5D0BA;
}
#flash P { background-color: #EEECE3; border-radius: 9px 9px; -moz-border-radius: 9px 9px; -webkit-border-radius: 9px 9px }



#copyright {
  position: relative;
  margin: 0px auto;
  width: 884px;
  height: 40px;
  color: #878787;
  font-size: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#copyright-left {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  font-size: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#copyright A, #copyright A:link, #copyright A:active, #copyright A:visited, #copyright-left A, #copyright-left A:link, #copyright-left A:active, #copyright-left A:visited, #copyright-right A, #copyright-right A:link, #copyright-right A:active, #copyright-right A:visited { 
  color: #676767;
  text-decoration: none;
}
#copyright A:hover, #copyright-left A:hover, #copyright-right A:hover {
  text-decoration: underline;
}

#copyright-right {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: right;
  font-size: 10px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

/*--- END custom div IDs ---*/



/*--- BEGIN Page Menu ---*/

.pagenav { }

.page_item {
  padding: 8px 8px;
  display: inline;
}
/*
.page_item:hover {
  background-color: #5494ed;
}

.page_item, .page_item A, .page_item A:link, .page_item A:hover, .page_item A:visited {
  text-decoration: none;
  color: #fff;
}

.current_page_item, .current_page_item:hover {
  background-color: #fff;
  border-top: solid 1px #5494ed;
  border-right: solid 1px #5494ed;
  border-left: solid 1px #5494ed;
  border-bottom: none;
  color: #111;
  font-weight: bold;
}
.current_page_item A, .current_page_item A:link, .current_page_item A:hover, .current_page_item A:visited {
  color: #111;
}

.current_page_parent, .current_page_parent:hover {
  background-color: #fff;
  border-top: solid 1px #5494ed;
  border-right: solid 1px #5494ed;
  border-left: solid 1px #5494ed;
  border-bottom: none;
  color: #111;
  font-weight: bold;
}
.current_page_parent A, .current_page_parent A:link, .current_page_parent A:hover, .current_page_parent A:visited {
  color: #111;
}
*/

/*--- END Page Menu ---*/



/*--- BEGIN Page, Post & Entry ---*/
#page {
  background-color: white;
  border: 1px solid #959596;
  text-align: left;
  margin: 0px auto;
  margin-right: 250px;
  padding: 0px;
  width: 510px;
}

.post, .entry { text-align: left }

.post { margin: 0px 34px }

.entry, .entry-inv { margin: 0px 44px }
.entry p a:link, .entry p a:active, .entry p a:hover, .entry p a:visited, .entry a:link, .entry a:active, .entry a:hover, .entry a:visited {
  color: #0066cc; /* watermelon(df5e45) */
}

.entry-inv p { color: #efefef; }
.entry-inv H2, .entry-inv H3, .entry-inv H4, .entry-inv H5 { color: #ffb900; }
.post IMG.alignleft { float: left; padding-right: 34px; padding-bottom: 34px; }
.post IMG.alignright { float: right; padding-left: 34px; padding-bottom: 34px; }
.post DIV.alignleft { float: left; margin-right: 34px; margin-bottom: 34px; }
.post DIV.alignright { float: right; margin-left: 34px; margin-bottom: 34px; }

.post UL, .entry UL { padding: 0px; margin: 0px; list-style-type: square; list-style-position: inside }
.post UL LI, .entry UL LI { margin: 0px; padding: 0px; display: list-item; float: none }
.post UL UL LI, .entry UL UL LI { margin-left: 30px; text-indent: -12px }

DIV.clearer, .clearer { clear: both }
#clustrmap { display: none; visibility: hidden }

/*--- END Page, Post & Entry ---*/



/*--- BEGIN Images ---*/
p img {
  max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }
.center { text-align: center; }

div.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

div.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

/*--- END Images ---*/



/*--- BEGIN Comments ---*/

#post-comment-form { margin: -10px; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px }

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
  font-weight: bold;
}

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: 5px 0px;
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0px;
}

#commentform textarea {
  width: 400px;
  padding: 2px;
}

#commentform #submit {
  margin: 0px;
  float: right;
}

.commentmetadata {
  font-weight: normal;
  margin: 0px;
  display: block;
}

.nocomments {
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #777;
}

.alt {
  margin: 0px;
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
}

.commentlist {
  padding: 0px;
  text-align: justify;
}

.commentlist li {
  margin: 15px 0px 3px;
  padding: 5px 10px 3px;
  list-style: none;
}

.commentlist p {
  margin: 10px 5px 10px 0px;
}

/*--- END Comments ---*/



/*--- BEGIN WP-Calendar ---*/
#wp-calendar caption {
  text-decoration: none;
}

#wp-calendar #prev a {
  font-size: 9pt;
}

#wp-calendar a {
  text-decoration: none;
}

#wp-calendar caption {
  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align: center;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0px;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0px;
  text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff;
}

/*--- END WP-Calendar ---*/



/*--- BEGIN Lists
   Special stylized non-IE bullets
   Do not work in Internet Explorer, which merely default to normal bullets. ---*/
/*
html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
} 

html>body .entry li { margin: 7px 0 8px 10px }
.entry ul li:before { content: "\00BB \0020" }
.entry ol { padding: 0 0 0 35px; margin: 0 }
.entry ol li { margin: 0; padding: 0 }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none }
ol li { list-style: decimal outside }
*/
/*--- END Entry Lists ---*/



/*--- BEGIN Form Elements ---*/

#searchform { /* margin: 10px auto; padding: 5px 3px; text-align: center */ }
.entry form { /* This is mainly for password protected posts, makes them look better. */ /*text-align: center */ }

select { width: 130px }

#ll, .linklove { display: none; visibility: hidden }

/*--- END Form Elements ---*/



/*--- BEGIN Sidebar ---*/

#sidebar {
  float: right;
  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: -1px 4px 20px 44px;
  padding: 20px 0px 10px 0px;
  width: 190px;
  background: url(images/tab.png) #000000 top center repeat-x;
  color: #fff;
}

#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
  text-decoration: none;
  margin: 5px 10px 0px;
  padding: 0px;
  color: #afff2f;
}

#sidebar ul ul li, #sidebar ul ol li {
  color: #777;
}

#sidebar ul ul li:before {
  content: "\00BB \0020";
}

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
}

#sidebar ul ol li {
  list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
}

#sidebar #searchform #s {
  width: 108px;
  padding: 2px;
}

#sidebar #searchsubmit {
  padding: 1px;
}

#sidebar form {
  margin: 0;
}

/*--- END Sidebar ---*/




/*--- BEGIN Wide Column ---*/
.widecolumn {
  padding: 10px 0 20px 0;
  margin: 5px 0 0 150px;
  width: 450px;
  line-height: 1.6em;
}

.widecolumn .post {
  margin: 0;
}

.widecolumn .entry {
  line-height: 1.4em;
}

.widecolumn .entry p {
  font-size: 1.05em;
}

.widecolumn .postmetadata {
  margin: 30px 0;
}

.widecolumn .attachment {
  text-align: center;
  margin: 5px 0px;
}

.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

/*--- END Wide Column ---*/



/*--- BEGIN Narrow Column ---*/
.narrowcolumn .entry {
  line-height: 1.4em;
}

.narrowcolumn .postmetadata {
  padding-top: 5px;
  text-align: center;
}

.narrowcolumn {
  float: left;
  padding: 0 0 20px 45px;
  margin: 0px 0 0;
  width: 450px;
}

.postmetadata {
  padding: 40px;
  padding-top: 20px;
  color: #1a1a1a;
  clear: left;
}

/*--- END Narrow Column ---*/



/*--- BEGIN Typography & Colors ---*/
span.caps {
  cursor: help;
  font-size: 0.9em;
  letter-spacing: .07em;
}

.navigation {
  display: block;
  text-align: center;
  padding: 20px;
}

.thetitle {
  font-weight: bold;
  text-transform: uppercase;
  color: #aaaaaa;
}

.uppercase {
  text-transform: uppercase;
}

.smallcaps {
  font-variant: small-caps;
}

.capitalize {
  text-transform: capitalize;
}

.stretch { letter-spacing: 2px; }

/* Georgia, "Times New Roman", Times, serif */
/* "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; */

/*--- END Typography & Colors ---*/



/*--- BEGIN Widgets ---*/

.widget {}
.widget_search {}

/*--- END Widgets ---*/



/*--- BEGIN Contact Form
   All styles can be found in wp-content/plugins/dd-formmailer/dd-formmailer.css
---*/

LABEL {}
.ddfmwrap { /*<div>*/ }
.ddfm { /*<form>*/ }
.fmfullblock { /*<div>*/ }
.fieldwrap { /*<p>*/ }
.required { /*<span>*/ }
.fmcheck { /*<div>*/ }
.fmtext { /*<input>*/ }
.fmverify { /*<input>*/ }
.fmtextarea { /*<textarea>*/ }
.submit { /*<div>*/ padding-left: 200px; }
input.submit, input.submit:focus { 
	background: url(images/btnfade.png);
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	margin-left: 10px;
	padding: 3px;
	cursor: pointer;
}

input.submit:active {

	background: #f4f4f4;
	border-color: #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

.credits { /*<div>*/ display: none; }

/*--- END Contact Form ---*/



/*--- BEGIN Meet The Team ---
.meettheteam {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: dotted 1px #888;
}

.meettheteam-title, .meettheteam-title A, .meettheteam-title A:link, .meettheteam-title A:visited, .meettheteam-title A:hover {
  font-weight: bold;
  font-size: 1.2em;
  color: #808000;
  text-decoration: none;
  border-bottom: none;
}

.meettheteam-date {
  font-size: 0.8em;
  color: #999;
}

.meettheteam-subhead {
  font-weight: bold;
}

--- END Meet the Team ---*/



/*--- BEGIN Answers ---
.answers {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: dotted 1px #888;
}

.answers-title, .answers-title A, .answers-title A:link, .answers-title A:visited, .answers-title A:hover {
  font-weight: bold;
  font-size: 1.2em;
  color: #008080;
  text-decoration: none;
  border-bottom: none;
}

.answers-date {
  font-size: 0.8em;
  color: #999;
}

.answers-subhead {
  font-weight: bold;
}
*/
.answers p {
  padding-left: 34px;
}

/*--- END Answers ---*/



/*--- Begin META ---*/
.post-meta { /* styles UL */
  list-style-type: none;
}

.post-meta LI {
  font-weight: normal;
}

.post-meta-key { /* styles text inside LI */
  white-space: pre;
  font-weight: bold;
}
.post-meta-key:after { content: "\A"; }

/*--- End META ---*/



/* Revver-style corner */

#designedby a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: -1000px;
	width: 100px;
	height: 100px;
	background: url(/designs/images/designedby.png) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}

#poweredby a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: -1000px;
	width: 100px;
	height: 100px;
	background: url(/designs/images/poweredby.png) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}

#starthere a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: -1000px;
	width: 96px;
	height: 96px;
	background: url(/designs/images/start.png) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}




/*--- begin NAV ---*/

#header-nav {
  position: absolute;
  right: 20px;
  bottom: -1px;
  width: 924px; /* 514px */
  height: 50px;
  color: #fff;
  font-size: 12px;
  text-align: right;
  z-index: 60;
}
#header-nav-tabs {
  float: right;
  position: relative;
  margin-top: 24px;
  font-size: 93%;
  line-height: normal;
}

#header-sub {
  margin: 0px auto;
  width: 924px;
  height: 25px;
  background-color: #1a1a1a; /* khaki: #b7ae88 */
  border-bottom: solid #000 1px;
}
#header-sub-tabs {
  margin: 0px;
  width: 100%;
  font-size: 93%;
  line-height: normal;
}

#header-nav-tabs ul, #header-sub-tabs ul {
  margin: 0px;
  padding: 10px 10px 0px 10px;
  list-style: none;
}

#header-nav-tabs li {
  float: left;
  background: url(/designs/doors/left.png) no-repeat left top;
  margin: 0px;
  padding: 0px;
}
#header-sub-tabs li {
  float: left;
  /*background: url(/designs/doors/left.png) no-repeat left top;*/
  margin: 0px;
  padding: 0px;
  color: #fff;
}

#header-nav-tabs a {
  float: left;
  display: block;
  background: url(/designs/doors/right.png) no-repeat right top;
  padding: 5px 15px 4px 15px;
  text-decoration: none;
  font-weight: normal;
  color: #765;
}
#header-sub-tabs a {
  float: left;
  display: block;
  /*background: url(/designs/doors/right.png) no-repeat right top;*/
  padding: 5px 15px 4px 15px;
  text-decoration: none;
  font-weight: normal;
  color: #ccc; /* tan: #765 */
}
#header-nav-tabs a:focus, #header-sub-tabs a:focus { outline: none }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-nav-tabs a, #header-sub-tabs a { float: none; }
/* End IE5-Mac hack */

#header-nav-tabs a:hover { color: #333 }
#header-sub-tabs a:hover { color: #fff }
#header-nav-tabs .current_page_item, #header-nav-tabs .current_page_parent, #header-nav-tabs .current_page_ancestor, #header-sub-tabs .current_page_item {

  background: url(/designs/doors/left_on.png) no-repeat left top;
}
#header-nav-tabs .current_page_item a, #header-nav-tabs .current_page_parent a, #header-nav-tabs .current_page_ancestor a, #header-sub-tabs .current_page_item a {
  background: url(/designs/doors/right_on.png) no-repeat right top;
  color: #333;
  padding-bottom: 5px;
  font-weight: bold;
}

/* 5e9dfd = baby blue */
/* 3159df = royal blue */
/* b7ae88 = brown */

/*--- end Nav ---*/



/*--- begin Service Boxes ---*/

DIV.servicetypes {
  margin: 0px auto;
  text-align: center;
  width: 826px;
}

DIV.servicebox, DIV.servicebox2title, DIV.servicebox2content {
  float: left;
  padding: 10px;
  padding-top: 0px;
  width: 370px;
  margin: 0px 0px 24px 24px;
  color: #000;
  text-align: left;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -khtml-border-radius: 9px;
}
.servicebox H3, .servicebox H3 A, .servicebox H3 A:link, .servicebox H3 A:visited,
.servicebox2title H3, .servicebox2title H3 A, .servicebox2title H3 A:link, .servicebox2title H3 A:visited,
.servicebox2content H3, .servicebox2content H3 A, .servicebox2content H3 A:link, .servicebox2content H3 A:visited { color: #000; margin: 0px; }

DIV.servicebox { min-height: 200px }
DIV.servicebox P { margin-bottom: 0px }
DIV.servicebox2title { clear: left; height: 40px; margin: 2px 0px 0px 24px; border-radius: 9px 9px 0px 0px; -moz-border-radius: 9px 9px 0px 0px; -webkit-border-radius: 9px 9px 0px 0px; -khtml-border-radius: 9px 9px 0px 0px }
DIV.servicebox2content { clear: left; max-height: 140px; margin: 0px 0px 0px 24px; border-radius: 0px 0px 9px 9px; -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -khtml-border-radius: 0px 0px 9px 9px }
DIV.servicebox2content P { margin-top: 6px }

.green { background: #BCEB4B; }
.blue { background: #4B94EB; }
.pink { background: #FF00B2; }
.yellow { background: #FEFF6F; }
.orange { background: #FF981F; }
.purple { background: #D686EF; }
.red { background: #EF3B3B; }

.green H3 A:hover { color: #577F00; }
.blue H3 A:hover { color: #00527F; }
.pink H3 A:hover { color: #7F005C; }
.yellow H3 A:hover { color: #EFDB00; }
.orange H3 A:hover { color: #BF4300; }
.purple H3 A:hover { color: #8D00BF; }
.red H3 A:hover { color: #BF0000; }

DIV.box-black { margin: 10px auto; background-color: black; color: white; padding: 20px; font-size: 90%; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px }
DIV.box-black A, DIV.box-black A:link, DIV.box-black A:visited { color: orange }
DIV.box-black A:hover { color: yellow }

DIV.box { padding: 10px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px }
DIV.box H3 { margin-left: 0px; padding-left: 0px }

/*--- end Service Boxes ---*/



DIV.pkgcont { float: right; margin: 0px 0px 34px 34px; padding: 17px; width: 240px; /*340px*/ background-color: #1a1a1a; color: #ffffff; text-align: center; font-size: 1.5em; border-radius: 9px 9px; -moz-border-radius: 9px 9px; -webkit-border-radius: 9px 9px }
SPAN.pkgcost { font-size: 2em; color: #5e9dfd }



/*--- begin Themes ---*/

.seasons-winter { background: url(/designs/images/header-bg-seasons-winter.jpg) #1a1a1a top center repeat-x }
.leather-black { background: url(/designs/images/header-bg-leather-black.jpg) #1a1a1a top center repeat-x }
.leather-brown { background: url(/designs/images/header-bg-leather-brown.jpg) #1a1a1a top center repeat-x }

/*--- end Themes ---*/


/*--- begin Accordion Menus ---*/

.AccordionContainer, .AccordionTitle, .AccordionContent { position: relative; width: 370px }
.AccordionContainer {  }
.AccordionTitle { height: 50px; overflow: hidden; cursor: pointer; vertical-align: middle; display: table-cell; -moz-user-select: none }
.AccordionContent { height: 0px; overflow: auto; display: none }

/*--- end Accordion Menus ---*/