/*--------------------------------------------------------------------------------------------------- body */

* { margin: 0; padding: 0 }

html, body { height:100%; width:100%; background-image: url(../images/elements/background-tile.gif); background-position: top; background-repeat: repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000; line-height: 19px; }

body { text-align: center; min-height: 742px; min-width: 962px; }

#xout { height: 100%; width: 100%; display: table; vertical-align: middle; }

#xcontainer { text-align: center; position: relative; vertical-align: middle; display: table-cell; height: 742px; }	

#xin { width: 960px; height: 740px; text-align: center; margin-left: auto; margin-right: auto; border: #666 1px solid; background-color: #FFF; background-image: url(../images/elements/background_flowers.gif); background-position: bottom left; background-repeat: no-repeat; }

#xwrap { width: 860px; vertical-align: top; margin: 50px; text-align: left;  }

br { line-height: 12px; }

/*--------------------------------------------------------------------------------------------------- content layout - global */

#header { width: 860px; height: 90px; vertical-align: top; }
.headerleft { float: left; }
.headerright { float: right; }

#box-2col { width: 618px; padding: 15px; border: #666 1px solid; }

#box-2col-blog-out { width: 648px; height: 490px; margin: 0; padding: 0; border: #666 1px solid; }
#box-2col-blog-in { width: 598px; padding: 15px 0 15px 15px; }

#box-3col { width: 448px; padding: 15px; border: #666 1px solid; }

#footer { width: 860px; height: 20px; vertical-align: bottom; text-align: right; }

/*--------------------------------------------------------------------------------------------------- content layout - 2 column */

#content-2col { clear: both; width: 860px; height: 525px; }
#content-2col-left { clear: left; float: left; width: 210px; text-align: left; margin: 0; padding: 0; }
#content-2col-right { float: left; width: 650px; text-align: left; margin: 0; padding: 0; }

#solutions-space { width: 650px; height: 49px; border-color: #666; border-width: 0 0 1px 0; border-style: solid; padding: 0; margin: 0 0 7px 0; }

#news-2col { clear: both; width: 650px; height: 173px; }
#news-2col-left { clear: left; float: left; width: 285px; height: 150px; border-color: #666; border-width: 0 1px 0 0; border-style: solid; text-align: left; margin: 0 9px 0 0; padding: 0 10px 0 0; }
#news-2col-right { float: right; width: 342px; height: 150px; text-align: right; margin: 0; padding: 0; }

/*--------------------------------------------------------------------------------------------------- content layout - 3 column */

#content-3col { clear: both; width: 860px; height: 525px; }
#content-3col-left { clear: left; float: left; width: 210px; text-align: left; margin: 0; padding: 0; }
#content-3col-center { float: left; width: 480px; text-align: left; margin: 0; padding: 0; }
.content-3col-centertable { width: 480px; height: 525px; text-align: left; margin: 0; padding: 0; }
#content-3col-right { float: right; width: 170px; text-align: right; margin: 0; padding: 0; }

/*--------------------------------------------------------------------------------------------------- content layout - show */

#content-2col-show { clear: both; width: 860px; height: 525px; }
#content-2col-show-left { clear: left; float: left; width: 155px; text-align: left; margin: 0; padding: 0; }
#content-2col-show-right { float: left; width: 705px; text-align: left; margin: 0; padding: 0; }

.box-2col-show-top { width: 705px; padding: 5px 15px 5px 15px; border: #666 1px solid; font-size: 15px; font-weight: lighter; color: #666; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }

.pink { color: #FF8EBF; }

#box-2col-show { width: 675px; padding: 15px; border: #666 1px solid; }

.imgshowleft { padding: 15px 15px 15px 0; }
.imgshowleft-onepic { padding: 15px 0 15px 0; }
.imgshowright { padding: 15px 0 15px 0; }

/*--------------------------------------------------------------------------------------------------- text styles */

p { font-size: 12px; color: #000; line-height: 19px; margin: 0; padding: 0; }

.telltitle { font-size: 19px; font-weight: lighter; color: #666; text-transform: uppercase; letter-spacing: 0.5px; line-height: 25px; margin: 0; padding: 0; }
.telldots { font-size: 19px; color: #FF8EBF; letter-spacing: 0.5px; line-height: 25px; margin: 0; padding: 0; }

.copyright { font-size: 11px; color: #666; line-height: 15px; vertical-align: bottom; margin: 0; padding: 0; }

.byline { font-size: 11px; color: #666; line-height: 15px; vertical-align: text-bottom; margin: 0; padding: 0; }

/*--------------------------------------------------------------------------------------------------- text anchors */

A:link 		{ color: #666; text-decoration: none; }
A:visited 	{ color: #666; text-decoration: none; }
A:active 	{ color: #666; text-decoration: none; }
A:hover 	{ color: #FF8EBF; text-decoration: none; }

/*--------------------------------------------------------------------------------------------------- images */

.imgleft { padding: 0 10px 7px 0; }
.imgright { padding: 0 0 7px 10px; }

.imgleftside { padding: 0 0 0 10px; }
.imgrightside { padding: 0 10px 0 0; }

/*--------------------------------------------------------------------------------------------------- image slideshow */

.imageshowslide { list-style: none; margin: 0; padding: 0; }

q:before,q:after{ content: ''; }

ul .slideshow { margin: 0; padding: 0; list-style-type: none; }
li .slideshow { margin: 0; padding: 0; list-style-type: none; }

/*--------------------------------------------------------------------------------------------------- navigation */

body#navd1 a#d1nav, body#navd2 a#d2nav, body#navt1 a#t1nav, body#navt2 a#t2nav, body#navt3 a#t3nav, body#navt4 a#t4nav, body#navc a#cnav { color: #000; }

.nav1 { font-size: 18px; color: #666; text-transform: uppercase; height: 25px; vertical-align: middle; }
.nav1:hover { color: #FF8EBF; }
.nav1off { font-size: 18px; color: #666; text-transform: uppercase; height: 25px; vertical-align: middle; }
.nav2 { font-size: 12px; color: #666; height: 22px; margin: 0 0 0 20px; vertical-align: middle; }
.nav2:hover { color: #FF8EBF; }
.nav2off { font-size: 12px; color: #666; height: 22px; margin: 0 0 0 20px; vertical-align: middle; }
.nav3 { font-size: 12px; color: #666; height: 22px; margin: 0 0 0 40px; vertical-align: middle; }
.nav3:hover { color: #FF8EBF; }

div#s1 { width: 150px; }

.updownmenu{ margin: 0; padding: 0; width: 150px; }

.updownmenu div.gogonav a { display: block; position: relative; width: auto; padding: 0; text-decoration: none; }

.updownmenu div.submenu{ background: white; padding: 0; }

/*--------------------------------------------------------------------------------------------------- navigation TELL */

#tellnav { text-align: right; color: #666; font-size: 12px; line-height: 12px; margin: -18px 0 0 0; *margin: 0; _margin: 0; padding: 0 0 7px 0; }

#tellnav-2col { text-align: right; color: #666; font-size: 12px; line-height: 12px; margin: -18px 170px 0 0; *margin: 0 170px 0 0; _margin: 0 170px 0 0; padding: 0 0 7px 0; }

/*--------------------------------------------------------------------------------------------------- bullets */

ul { margin-top: 0px; margin-bottom: 10px; margin-left: 2em; padding: 0px; color: #000; list-style-type: square; }

li { margin-bottom: 2px; list-style-type: square; color: #000; background-position: 0 0.5em; padding-left: 0 0.5em; padding-bottom: 2px; padding-top: 2px; line-height: 16px; }