@charset "utf-8";

/*-----------------------------------------------------------------------------
version:   1.0
author:    Tiki Juntakool
email:     tikigogreen@gmail.com
website:   http://www.bonniespindler.com/
-----------------------------------------------------------------------------*/


/*----------------- CSS NORMALIZER -----------------*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0; }
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle; }
img, div 	{ behavior: url(/css/iepngfix.htc) }
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.png	{ _behavior: url(/css/iepngfix.htc); }
.clear	{ clear: both; }
.clear5	{ clear: both; height: 5px; }
.clear10	{ clear: both; height: 10px; }
.tabClear	{ clear: both; height: 5px; }
a	{ outline: none; }
label { cursor: pointer; }

/*----------------- COMMON -----------------*/

.left5 	{ margin-left:5px; }
.left7 	{ margin-left:7px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.left20 { _margin-left:18px; margin-left:20px; }
.left25 { _margin-left:23px;margin-left:25px; }
.left40 { _margin-left:38px;margin-left:40px; }

.right10 { margin-right: 10px; }

.top5 	{ margin-top:5px; }
.top10 	{ margin-top:10px; }
.top15 	{ margin-top:15px; }
.top20 	{ margin-top:20px; }
.top25 	{ margin-top:25px; }


.bottom5 	{ margin-bottom: 5px; } 
.bottom10 	{ margin-bottom: 10px; } 
.bottom15   { margin-bottom: 15px; }

.pdbottom25	{ padding-bottom: 25px; }

.inside		{ width:1000px; margin:0 auto; }
.inside2	{ width:1000px; margin:0 auto; z-index: 100;}
.inside3  	{ width:300px; margin-left: 600px; z-index: 100; }
.inside4  	{ width:300px; margin-left: 700px; z-index: 100; }

/* =Typography
-----------------------------------------------------------------------------*/

body 			{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #333; background-color: #2a2a28; margin: 0px; padding: 0px; }
p.pcontactbar 	{ color: #FFF; font-size: 12px; margin-top: 10px; margin-bottom: 10px; line-height: 12px; letter-spacing: 2px; font-variant: small-caps; }


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/

/* button Link */
a.btlink:link, a.btlink:visited { color: #111111; text-decoration: none; background-color: #E6E9BD; font-size: 10px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; margin-right: 5px; border: 1px solid #9C9788; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.btlink:hover, a.btlink:active { color: #111111; text-decoration: none; background-color: #AAAC8D; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border: 1px solid #9C9788; }
a.awhite, a.awhite:visited 	{ color: #FFF; text-decoration: none; }
a.awhite:hover 				{ color: #999; text-decoration: none; }


/* =Branding
-----------------------------------------------------------------------------*/
#Branding { width: 100%; background-image: url(img/bkgr.gif); background-repeat: repeat; }
#logo { width: 302px; height: 85px; margin-top: 30px; _behavior: url(/css/iepngfix.htc); background: url(img/logo.png) no-repeat; margin-bottom: 10px; }
#logo2 { width: 302px; height: 50px; margin-top: 35px; _behavior: url(/css/iepngfix.htc); background: url(img/logo2.png) no-repeat; margin-bottom: 35px; }
#logo3 {
	width: 302px;
	height: 120px;
	margin-top: 8px;
	_behavior: url(/css/iepngfix.htc);
	background-image: url(../img/logo4.png);
	background-repeat: no-repeat;
}

#ContactBar { width: 100%; background-color:#000; }


/* =Main Nav
-----------------------------------------------------------------------------*/
#MainNav{ margin-top: 35px; }
#MainNav ul { margin: 0; padding: 0; list-style: none; text-transform: none; font-size: 13px; font-weight: bold; }
#MainNav ul li { float: left; }
#MainNav li a, #MainNav li a:visited{ line-height: 2.4em; text-decoration: none; color: #FFF; float: left; display: block; padding-right: 2em; }
#MainNav li a:hover, body.mhome #MainNav a#mhome, body.mteam #MainNav a#mteam, body.mlisting #MainNav a#mlisting, body.mcontact #MainNav a#mcontact, body.mbuysell #MainNav a#mbuysell, body.mtestimonials #MainNav a#mtestimonials{ line-height: 2.4em; text-decoration: none; /*color: #fbb3b3;*/ color: #fc0; float: left; display: block; padding-right: 2em; }


/* =Sub Nav
-----------------------------------------------------------------------------*/
#SubNav	{ margin-top: 0px; margin-bottom: 0px; }
#Sub ul { margin: 0; padding: 0; list-style: none; text-transform: none; font-size: 13px; font-weight: bold; }
#SubNav ul li { float: left; }
#SubNav li a, #SubNav li a:visited{ line-height: 2.4em; text-decoration: none; color: #FFF; float: left; display: block; padding-left: 2em; }
#SubNav li a:hover, body.m #SubNav a#m{ line-height: 2.4em; text-decoration: none; color: #fbb3b3; float: left; display: block; padding-left: 2em; }


/* =Content
-----------------------------------------------------------------------------*/
#Wrapper{ width: 100%; margin-right: auto; margin-left: auto; text-align: left; margin-top: 0px; margin-bottom: 0px; }
#Content1	{ width: 100%; background: url(img/bg_page_content.jpg) repeat-x #FFF; height: 400px; }
#Content2	{ width: 100%; background: #000; }
#Content3	{ width: 100%; padding-bottom: 10px; }
#Content4	{ width: 100%; background: url(img/bg_page_content.jpg) repeat-x #FFF; }

/* =Boxes
-----------------------------------------------------------------------------*/
.box1 		{ width: 180px; }
.box2 		{ width: 588px; border: 1px solid #8D8E92; }
.box3 		{ width: 178px; height: 148px; overflow: hidden; border: 1px solid #8D8E92; }
.box3 h1	{ font-size: 12px; line-height: normal; font-weight: bold; color: #CCC; font-variant: small-caps; margin: 0px; display: block; background-color: #2A2A28; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; border-bottom: 1px solid #8D8E92; }
.box3 h1 a { color:#CCC; text-decoration:none; }
.box3 h1 a:visited { color:#CCC; text-decoration:none; }
.box3 h1 a:hover { color:#FFF; text-decoration: underline; }
.box3 p		{ color: #FFF; padding-left: 15px; padding-right: 15px; }
.box3 p a, .box3 p a:visited { color:#FFF; text-decoration: none; }
.box3 p a:hover { font-weight: bold; color:#FC0; text-decoration: none; }
.box3 ul 	{ margin-top: 15px; margin-left: 15px; line-height: 16px; }
.box3 li 	{ list-style: none; }
.box3 li a, .box3 li a:visited { color: #FFF; text-decoration: none; }
.box3 li a:hover { color: #FC0; text-decoration: none; }
.box4 { width: 590px; height: 360px; overflow:scroll; }
.box4 h1 	{ font-size: 15px; line-height: 15px; font-weight:bold; }
.box4 p		{ font-size: 12px; padding-right: 10px; line-height: 1.5em; margin-bottom: 15px; }
.box4 p a, .box4 p a:visited	{ color:#1a1a1a; text-decoration: underline; }
.box4 p a:hover					{ color: #FC0; text-decoration: underline; }
.box4 ul, .box4 ol	{ margin-bottom: 15px; }
.box4 li	{ font-size: 12px; line-height: 18px; margin-left: 15px; }
.box4 table { font-size: 12px; }
.box4 td	{ padding: 5px; }
.light		{ background-color:#FFF; }
.dark		{ background-color:#eeeeee; }
.bordered	{ border: 1px solid #999; }

.box5 		{ width: 300px; }
.box5 h1 	{ font-size: 18px; line-height: 15px; font-weight:bold; }
.box5 p		{ font-size: 15px; line-height: 1.5em; margin-bottom: 15px; }
.box5 p a, .box5 p a:visited { text-decoration: underline; color:#1a1a1a; }
.box5 p a:hover { text-decoration: underline; color:#000; }
.box6 		{ border: solid 1px #1a1a1a; margin-top: 9px; width: 700px; height:380px; }/*for flash homepage*/
.box7 		{ border: solid 1px #1a1a1a; margin-top: 9px; width: 500px; height:380px; }/*for contact page*/
.box8 		{ width: 385px; } /*for Sandra Luna Section */
.box8 h1 	{ font-size: 15px; line-height: 15px; font-weight:bold; }
.box8 p		{ font-size: 12px; line-height: 1.5em; margin-bottom: 15px; }
.box8 table { font-size: 12px; }
.box8 td h1 { background-color: #CCC; display: block; margin: 0px; padding: 2px; margin-bottom: 10px; }
.box8 ul	{ margin-top: 15px; margin-left: 15px; margin-bottom: 15px; font-size:12px; line-height: 1.5em; }
.box8 li	{ list-style:square;; }
.box8 li a, .box8 li a:visited 	{ text-decoration: none; color:#333; }
.box8 li a:hover	{ text-decoration: underline; color: #1a1a1a; }
.box9 		{ width: 385px; height: 435px; overflow:scroll; } /* Victorian Glossary Details */
.box9 h1 	{ font-size: 13px; line-height: 15px; font-weight:bold; }
.box9 p		{ font-size: 11px; line-height: 1.5em; margin-bottom: 20px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cdcdcd; }
.box10 { width: 590px; } /* Victorian Glossary Terms */
.box10 h1 	{ font-size: 15px; line-height: 15px; font-weight:bold; }
.box10 h2	{ background-color: #eeeeee; display: block; padding: 2px; margin-bottom: 10px; font-size:11px; font-weight:bold; border: 1px dotted #999; }
.box10 p		{ font-size: 12px; padding-right: 10px; line-height: 1.5em; margin-bottom: 15px; }
.box10 ul	{ margin-bottom: 15px; }
.box10 li	{ font-size: 12px; line-height: 18px; margin-left: 15px; }
.box10 table { font-size: 11px; }
.box10 table td { vertical-align: top; }
.box10 table a, .box10 table a:visited { color:#333; text-decoration: none; }
.box10 table a:hover { color:#1a1a1a; text-decoration: underline; }

.box11 		{ width: 985px; }
.box11 h1 	{ font-size: 15px; font-weight:bold; display: block; }
.box11 h1 a, .box3 h1 a:visited { color:#333; text-decoration: underline; }
.box11 h1 a:hover { color:#FC0; text-decoration: underline; }
.box11 p	{ font-size: 12px; padding-right: 10px; line-height: 1.5em; margin-bottom: 15px; }
.boxlistingnav	{ }
.boxlisting				{ width: 980px; }
.boxlistingwrap			{ width: 980px; border-top: dotted 1px #999; }
.boxlistingimage		{ width: 181px; }
.boxlistingimage img	{ padding: 2px; border: 1px dotted #999; }
.boxlistingdetails		{ width: 780px; }

/* =Footer
-----------------------------------------------------------------------------*/
#Footer 	{ width: 100%; background: url(img/footer.gif) repeat-x; }
#Footer p	{ font-size: 11px; text-align: center; line-height: 60px; color:#CCC; }
#Footer p a, #Footer p a:visited { color:#CCC; text-decoration: underline; }
#Footer p a:hover { color:#FC0; }

/* =Forms
-----------------------------------------------------------------------------*/


/* =Tables
-----------------------------------------------------------------------------*/
table.tablecalculator 		{ font-size: 12px; margin-left: 15px; }
table.tablecalculator td 	{ padding: 5px; }


/* =For Homepage Main Image
-----------------------------------------------------------------------------*/
#ContentInner1{ width: 300px; height: 490px; position: absolute; z-index: 100; top: 65px; background: url(img/img_BonnieHome02.png)  no-repeat right top; }



/* =Dynamic Windows
-----------------------------------------------------------------------------*/
.dhtmlwindow{ position: absolute; border: 2px solid black; visibility: hidden; background-color: white; }

/*CSS for Drag Handle*/
.drag-handle{ padding: 3px; text-indent: 3px; background-color: #FC0; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; font-size: 12px; font-weight: bold; }
P.pcalculator { font-size:11px; margin-right: 15px; margin-left: 15px; }

/*CSS for controls (min, close etc) within Drag Handle*/
.drag-handle .drag-controls{  position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; }

/*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
* html .drag-handle{  width: 100%; }

/*CSS for Content Display Area div*/
.drag-contentarea{ border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; }

/*CSS for Status Bar div (includes resizearea)*/
.drag-statusarea{ border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ }

/*CSS for Resize Area itself*/
.drag-resizearea{  float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }


/* =Content Slider
-----------------------------------------------------------------------------*/
.sliderwrapper{ position: relative; overflow: hidden; width: 178px; height: 120px; }
.sliderwrapper .contentdiv h1	{ font-size: 12px; line-height: normal; font-weight: bold; color: #CCC; font-variant: small-caps; margin: 0px; display: block; background-color: #2A2A28; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; border-bottom: 1px solid #8D8E92; }
.sliderwrapper .contentdiv a, .sliderwrapper .contentdiv h1 a:visited { color:#CCC; text-decoration:none; }
.sliderwrapper .contentdiv h1 a:hover { color:#FFF; text-decoration: underline; }
.sliderwrapper .contentdiv p		{ color: #FFF; padding-left: 15px; padding-right: 15px; }
.sliderwrapper .contentdiv p a, .sliderwrapper .contentdiv p a:visited { color:#FFF; text-decoration: none; }
.sliderwrapper .contentdiv p a:hover { font-weight: bold; color:#FC0; text-decoration: none; }
.sliderwrapper .contentdiv{ visibility: hidden; position: absolute; left: 0; top: 0;  width: 178px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.pagination{ width: 158px; text-align: right; padding: 5px 10px; }
.pagination a{ padding: 0 5px; text-decoration: none; color: #000; background: white; }
.pagination a:hover, .pagination a.selected{ color: #000; background-color: #FC0; }