@charset "utf-8";
/* =universals 
These rules are applied to all elements unless otherwise specified below. */

* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #2c4267  }

/* =body */
body { font : 80%/160% Tahoma, Verdana, Arial, sans-serif; background : #2c4267; color : #5a1c46; text-align : left; }

/* =hx */
h1, h2, h3 { font-weight : bold;}

/* =h1 */
h1 {z-index : 3; position : absolute;left : 20px;top : 20px;width: 600px;height : 100px;}
h1 a { display : block; width: 600px; height : 110px; text-indent : -9999px; }

/* =h2 */
h2 { font-size : 130%; }
h2#fir_1 { z-index : 2; position : absolute; top : 10px; left : 20px; width: 409px; height : 67px; padding : 0; background : url(../images/fir_1.png) no-repeat; text-indent : -9999px; }

/* =h3 */
h3 { font-size : 110%; }

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */

h3#fir_2 { width: 449px; height : 35px; padding : 0; background : url(../images/fir_2.png) no-repeat; text-indent : -9999px; }
h3#fir_3 { width: 302px; height : 35px; padding : 0; background : url(../images/fir_3.png) no-repeat; text-indent : -9999px; }
h3#fir_4 { width: 224px; height : 35px; margin : 0; padding : 0; background : url(../images/fir_4.png) no-repeat; text-indent : -9999px; }
h3#fir_5 { width: 224px; height : 35px; margin : 20px 0 0 0; padding : 0; background : url(../images/fir_5.png) no-repeat; text-indent : -9999px; }
h3#fir_6 { width: 224px; height : 35px; margin : 20px 0 0 0; padding : 0; background : url(../images/fir_6.png) no-repeat; text-indent : -9999px; }

div#container { position : relative; width : 955px; margin : 0 auto; padding-top : 10px; text-align : left; }

/*Branding block*/
div#branding { z-index : 1; position : relative; width : 955px; height : 139px; background : url(../images/stefan_baumann_grand_view.jpg) no-repeat;  }
div#branding blockquote {z-index : 4;position : absolute;left : 620px;	top : 45px;width: 330px;	height : 90px;text-indent : 0px;  background:url(../images/phone_icon.jpg) no-repeat 0 0; color:#58b4ed; font-weight:bold}
div#branding p { font-size:18px; padding: 14px 0  0px 40px; line-height:26px;}
div#branding a {font-size: 14px; color:#58b4ed; text-decoration: none; border-bottom:1px dashed #F60}
div#branding a:hover {color:#fff; text-decoration: none; border-bottom:1px solid #fff}
/*End of Branding block*/
/*statement*/
div#statement{
	background-color:#00285B;
	width:955px;
	height: 30px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:normal;
	letter-spacing:2px;
	font-style:italic;
	text-align:center;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00285B;
	border-bottom-color: #001D40;
}
/*end of statement*/

div#content { width : 100%; padding : 0px 0 20px 0; background-color : #fff; overflow : hidden; }
div#content_main { float : left; width : 635px; padding : 20px 0; background:url(../images/bg_sub.jpg) repeat-x;}
/*Content Sub*/
h3#fir_1 { width: 256px; height : 256px; padding : 0 ; margin:0 30px; margin-bottom:0; background : url(../images/stefan_baumann.jpg) no-repeat;  text-indent : -9999px; }
div#content_sub, div#content_sub_DVD  { display : inline; float : left; width : 318px; margin : 0 0 -300px 0px; padding : 20px 0 300px 0;  background : url(../images/bg_sub.jpg) repeat-x; overflow : hidden;}
div#content_sub ul#blog{ z-index : 5; position : relative; top:0px; width : 310px; height : 260px; margin : 0px; padding :0 0 0 2px; border:0px; background : url(../images/ul.png) no-repeat 0 -10px;}
div#content_sub ul#blog li { width: 280px; height:60px; margin-bottom: 20px; padding-left:30px; background : url(../images/check-mark.gif) no-repeat 0 100%; list-style-type : none; text-transform : uppercase; letter-spacing:1px;  }
div#content_sub ul#blog li:hover { width: 280px; height:60px; background : url(../images/check-mark2.gif) no-repeat 0 100%; }
div#content_sub ul#blog li a {width: 300px; height:40px; padding-left :30px; font-size: 14px; text-decoration:none; color:#0f4992; font-weight:bold}
div#content_sub ul#blog li a:hover {color:#609}

div#fir_2{display:block; width: 300px; height:75px;background : url(../images/mt-shasta.jpg) no-repeat 0 0; text-transform:capitalize; font-size:15px; text-align:center;  border:5px solid #C6DBE9; line-height:30px;}
div#fir_2 h2 a{ color:#5a1c46; text-decoration:none;}
div#fir_2 h2 a:hover{ color:#fff; text-decoration:none;}
#blockcontainer ul{margin: 5px 5px;;padding: 0;list-style-type: none;}
#blockcontainer li { margin: 0 10px; font-size:16px; font-weight:bold; width: 285px;}
#blockcontainer a{display: block;color: #FFF;background-color: #036;padding: .2em .8em;text-decoration: none; text-align:center; border-top:2px solid #036; border-left:2px solid #036; border-right:2px solid #999;  border-bottom:2px solid #999;}
#blockcontainer a:hover{background-color: #369;color: #fff; border-top:2px solid #999; border-left:2px solid #999; border-right:2px solid #369;  border-bottom:2px solid #369;}

/*End of Content Sub*/
/*Not in use*/
div#menu { position : relative; top : 10px; right : 0px; width: 953px; height : 30px; margin : 0; padding : 0; background : url(../images/off_tab.gif) repeat; border-right:1px solid #999; border-left:1px solid #999;}
div#menu ul {margin-left:40px; margin-top: -10px; padding:0; }
.TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 9px; margin: 0px 1px 0px 0px; font: bold 13px sans-serif; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background: url(../images/off_tab.gif) repeat-x ; height: 23px; border-right:1px solid #999; }
ul li.TabbedPanelsTab {margin-top:-1px;height: 22px;} 
li.TabbedPanelsTab a { text-decoration:none; padding-top:0px; color:#5a1c46;}
li.TabbedPanelsTab a:hover{ text-decoration:none; padding-top:8px; color:#fff;}
li.TabbedPanelsTab:Hover { background: url(../images/over_tab.gif) repeat; }

/* end of Not in use*/
div#content_main h2{color:#5a1c46; text-transform:capitalize; font-size:16px; font-weight:bold}
div#content_main div#mainListing ul {list-style-type : none; width:650px;}
div#content_main div#mainListing ul li {width: 286px; background:url(../images/ul2.png) 0 0 repeat-x;}
/* =ul */


ul#nav_experts { z-index : 31; position : relative; width : 620px; height : 300px; margin : 0; padding : 0; background : url(../images/ul_nav_experts.png); }
li#one { position : absolute; top : 15px; left : 10px; width : 295px; height : 130px;  background : url(../images/ul2.png) no-repeat  0 0px;}
li#two { position : absolute; top : 15px; left : 310px; width : 295px; height : 130px; background : url(../images/ul2.png) no-repeat  0 0px;}
li#three { position : absolute; top : 148px; left : 10px; width : 295px; height : 130px; background : url(../images/ul2.png) no-repeat  0 0px;}
li#four { position : absolute; top : 148px; left : 310px; width : 295px; height : 130px; background : url(../images/ul2.png) no-repeat  0 0px;}
li#one a.one, li#two a.one,li#three a.one,li#four a.one{ display:block; margin-top:20px; margin-bottom:0px; font-size:15px; font-weight:bold; color:#606060; text-align:center; text-transform:capitalize; line-height: 28px; text-decoration:none;}
li#one a.two, li#three a.two, li#four a.two{ display:block; margin-top:2px; margin-bottom:0px; font-size:15px; font-weight:bold; color:#606060; text-align:center; text-transform:capitalize; text-decoration:none;}
li#one a.three, li#three a.three, li#four a.three{ display:block; margin-top:2px; margin-bottom:0px; font-size:15px; font-weight:bold; color:#606060; text-align:center; text-transform:capitalize; text-decoration:none;}
li#one a:hover, li#two a:hover,li#three a:hover,li#four a:hover { color:#606}
li#one:hover, li#two:hover,li#three:hover,li#four:hover { background : url(../images/ul2-on.png) no-repeat  0 0px;}



ul { list-style-type : none; }


/* =li */

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */



/* =p */
form p { margin : 0 10px; }

div#nav_current p { z-index : 3; position : absolute; right : 30px; bottom : 30px; margin : 0; padding : 0; color : #fff; }


/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }
pre {  padding-left : 20px; font-size : 80%; }


/* =blockquote */

/* =a */
/*a:link { color : #91325d; text-decoration : underline; }
a:visited { color : #c898ae; text-decoration : underline; }
a:hover { color : #c898ae; }
a:active, a:focus { color : #000; }
*/








/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

/* =form */
form#search_input { padding : 0 30px 20px; background : url(../images/search_input.png) no-repeat 0 100%; }

/* =label/labelspan */
label { margin-bottom : .5em; font-weight : bold; }
label, label span { display : block; margin-bottom : .5em; }

/* =input */
input { width : 90%; padding : 1px; font : 100% Tahoma, Verdana, Arial, sans-serif; background-color : #fff; border : 1px solid #e590b8; color : #333; }
input.submit { width : auto; padding : 0 .25em; background-color : #90305c; border : 2px double #551c35; border-top-color : #e591b9; font : bold 92% Tahoma, Verdana, Arial, sans-serif; text-transform : uppercase; color : #fff; }
input.submit:hover{ background-color : #036;}




div#site_info { position : relative; width : 100%; height : 60px; background-color : #fff ; border-top : 2px solid #5a1c46; font:11px Arial, Helvetica, sans-serif #666;   font-weight:normal; background:url(../images/off_tab.gif) repeat-x}
div#si_1 { float:left;width: 300px; height : 17px; margin :2px 20px ; padding : 0;}
div#si_2 { float:left;width: 120px; height : 17px; margin :2px 20px ; padding : 0;  text-align:center;}
div#si_3 { float:left;width: 120px; height : 17px; margin :2px 20px ; padding : 0;  text-align:center;}
div#si_4 { float:right;width: 200px; height : 17px; margin :2px 20px ; padding : 0;  text-align:right;}
div#si_2 a, div#si_3 a , div#si_4 a{ color:#666; text-decoration:none; border-bottom: 1px dashed #666; }
div#si_2 a:hover, div#si_3 a:hover , div#si_4 a:hover {color:#933;text-decoration:none;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #933;}
/* =The rules below relate only to Mozilla Firefoc 1.5 and its provisional support for CSS3 columns. */