/* --------------------------------------------------------------------------------------------------
	Title:		Wealth Design Consultants CSS Document
			
	Author:		Hansen Multimedia
	Artist:		Brian Hansen
	Date:		May 5th, 2009
------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 140%;
	background-color: #E5E5E5;
}

.clearer { height: 0; line-height: 0px; clear: both; }
.print { display: none; }

#constraint { width: 960px; margin: 0 auto; text-align: left; background-color: #fff; }

/*  ---------------------------------------------------------------------------
	=framing
------------------------------------------------------------------------------- */

.frame { width: 948px; border: solid 1px #999; margin-top: 5px; padding: 5px;}

/*  ---------------------------------------------------------------------------
	=Global Layout
------------------------------------------------------------------------------- */

h1 { color: #98C93C; font-size: 23px; padding: 12px 0px 0px 12px; }
h2 { font-size: 15px; padding: 12px 0px 0px 12px; text-transform: uppercase; color: #009999; }
h3 { font-size: 15px; padding: 12px 12px 12px 12px; }

p { padding: 12px 12px 0px 12px; }

.indent { margin-left: 20px; }

.rtt { display: block; text-align: right; padding: 3px 12px 0 0 ; font-size: 90%; }

a  { color: blue; text-decoration: none; }
a:hover { color: #DF0041; }

#home h1 { font-size: 20px;}
#Strengths p { padding: 2px 12px 0px 12px; }

/* ---------- */

#mainContent { height: 100%; background: #fff; }
#mainArea { float: left; width: 662px; margin-left: 5px; padding-bottom: 30px; padding-left: 0px; padding-top: 0px}
#side { float: left; width: 281px; color: #000; text-align: right; }
#side img { margin: 0px 0px 5px 0px; width: 279px; border: 0px; float: left;}
#side a img { border: solid 1px #999;}
#side a:hover img { border: solid 1px #cc3333;}

#btnNav { float: left; width: 946px; color: #000; text-align: right; margin-top: 2px; margin-bottom: 5px;}
#btnNav img { width: 308px; border: 0px; float: left;}
#btnNav a img { border: solid 1px #999;}
#btnNav a:hover img { border: solid 1px #cc3333;}
#btnNav .middle {margin-left: 8px; margin-right: 8px;}

#side h3 {font-size: 14px; padding: 8px 12px 20px 12px; line-height: 13px;}
#page-content {margin: 0px 0px; margin-bottom: 5px; width: 659px; border: solid 1px #999; padding-bottom: 75px;}
#mainArea #page-content ul {padding-left: 40px;}
/*	=header
---------------------------------------------------------------- */

#header { background-color: #fff; }

#header .logo { float: left; margin: 10px 0 0px 20px; border: 0px; width: 275px; height: 117px;}

#header #topNav { float: right; width: 150px; text-transform: uppercase; list-style-type: none; margin-top: 4px; }
#header ul li { float: right; border-right: 1px solid #7e6659; font-size: 11px; }
#header ul li.last { border-right: none; }
#header ul li a { float: left; display: block; height: 11px; line-height: 10px; text-align: right; color: #7e6659; padding: 0 5px 0 5px; }
#header ul li a:hover { color: #CD2036; }

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

#mainNav { text-align: center;  margin: 0 0 5px 0; text-transform: uppercase; background: url(../images/mainNav_bkg.gif) repeat-x top left; border: solid 0px #77CCEE; float: left; width: 950px;}
#mainNav ul { margin: 0 auto;  list-style-type: none; padding-left: 278px}
#mainNav ul li { position: relative; float: left; background: url(../images/mainNav_bkg.gif) repeat-x top left;	/* IE6 background-color issue */ }

#sideFeature { margin: 0px 0px; margin-bottom: 5px; width: 279px; border-top: solid 4px #26a8d4; border-bottom: solid 4px #26a8d4; background-color: #E5E5E5;}
#sideNav { margin: 0 0 0 0; padding: 12px 7px 12px 0; text-transform: uppercase; list-style-type: none; letter-spacing: .04em; font-size: 12px; line-height: 16px;}
#sideNav li { padding: 0 11px 0 0; }
#sideNav li a { color: #000; }
#sideNav li a:hover { color: #CD2036; }

/* Styles for Menu Items */
#mainNav ul li a {
	height: 29px;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	line-height: 29px;	/* sets the height of the box */
	display: block;
	text-decoration: none;
	color: #fff;
	background: url(../images/mainNav_bkg.gif) repeat-x top left;	/* IE6 Bug */
	padding: 0px 13px 0px 13px;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainNav ul li { float: left; height: 1%; }
* html #mainNav ul li a { height: 1%; }

* html #mainNav ul li a { float: left;	 /* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ }
/* Th selector below prevents the over links from appearing to display inline. */
* html #mainNav li ul li { clear: both; }
/* End Fix IE*/

#mainNav ul li a:hover { color: #527225; background: #A3D44A; }	/* Hover Styles */
#mainNav li:hover ul, #mainNav li.over ul { display: block; }	/* The magic */

/*  textNav page indicators
--------------------------------------- */



/*	=footer
---------------------------------------------------------------- */

#footer { background-color: #fff; margin: 3px 0 30px 0; border-top: 15px solid #98C93C; }

#footer #textNav { width: 946px; text-align: center;}

#footer #copyright {width: 946px; font-size: 90%; color: #666666; text-align: center; margin: 5px 0 0 0; }
#footer #copyright a { color: #666666;}
#footer #copyright a:hover{ color: #333;}

#textNav ul { text-align: center; margin: 7px 0 0 0; list-style-type: none; margin-left: 250px; }
#textNav ul li { float: left; font-size: 90%; border-right: 1px solid #666666; }

#footer ul li a { display: block; float: left; height: 11px; color: #666666; line-height: 10px; padding: 0 5px 0 5px; }
#footer ul li a:hover { color: #CD2036; }
#footer ul li.last { border-right: none; }

/*  ---------------------------------------------------------------------------
	=index
------------------------------------------------------------------------------- */

#home-photo {border-bottom: solid 7px #98C93C; margin-bottom: 5px; float: left; width: 662px; height: 346px;}
#home-content {margin: 0px 0px; margin-bottom: 5px; width: 659px; border: solid 1px #999; padding-bottom: 12px;}
#mainArea ul { padding-left: 10px; padding-bottom: 3px; padding-top: 3px; padding-right: 12px;}
#mainArea ul li { padding-bottom: 0px; padding-top: 3px; }
#mainArea ol { padding-left: 50px; padding-bottom: 3px; padding-top: 3px; padding-right: 12px;}
#mainArea ol li { padding-bottom: 0px; padding-top: 3px; }

/*  ---------------------------------------------------------------------------
	=team
------------------------------------------------------------------------------- */

.staff {margin: 25px 15px 10px 0px; float: left; display: inline;}
.block {width: 590px; border-left: solid 15px #E5E5E5; margin-left: 20px;}
.trigger {padding-left: 102px;}


/*  ---------------------------------------------------------------------------
	=faq
------------------------------------------------------------------------------- */
#faq #mainArea h1 { color: #49527b; font-size: 22px; padding: 12px 12px 0px 12px; }
#faq #mainArea p { width: 550px; }
#faqNav { margin: 7px 0 0 -10px; list-style-type: none; }
#faqNav li { display: inline;  }
#faqNav a.last { border-right: none; }
#faqNav li a { padding-right: 8px; margin-right: 8px; border-right: 1px solid #666666; }
#faq #mainArea ul { padding-left: 60px; padding-bottom: 0px; padding-top: 3px; }
#faq #mainArea ul li { padding-bottom: 0px; padding-top: 3px; }
#faq #mainArea h2 { letter-spacing: .05em; color: #00367c; font-size: 15px; text-transform: uppercase; padding: 12px 12px 0 12px; }
#faq #mainArea strong {letter-spacing: .02em;}

/*  ---------------------------------------------------------------------------
	=comparison
------------------------------------------------------------------------------- */
#comparison #page-content { font-size: 11px;}
#comparison table { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #999; margin: 10px;}
#comparison td { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #ccc; padding: 3px;}
#comparison td strong {font-size: 12px;}
#comparison td.header {text-align: center;}
#comparison td.attribute {text-align: center; background-color: #F2F2F2;}
#comparison td.title {text-transform: uppercase; background-color: #CCC; padding-left: 8px;}
#comparison td.item {padding-left: 15px; font-size: 12px;}

/*  ---------------------------------------------------------------------------
	=contact
------------------------------------------------------------------------------- */

#contact #mainArea form { padding-top: 20px; }
#contact #mainArea form .last { width: 375px; }
#contact #mainArea a {color: #00367c;}
#contact #mainArea a:hover { color: #333; }

#Contact p {line-height: 17px;}
.formBlock { float: left; width: 175px; padding: 0 12px 0 12px; }
.formRow, .formRow label { display: block; }
.formRow label { margin: 3px 0; }
.submit { margin-top: 5px; background-color: #cccccc; font-weight: bold;}

input { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
select { padding: 2px; background-color: #FFFFFF; border: 1px solid #666666;}
textarea { padding: 2px; background-color: #FFFFFF;border: 1px solid #666666;}

/*  ---------------------------------------------------------------------------
	=solutions
------------------------------------------------------------------------------- */

#tabbedTextContent table { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #999; margin: 0px 1px 0px 1px; }
#tabbedTextContent td { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #ccc; padding: 3px;}
#tabbedTextContent td strong {font-size: 12px;}
#tabbedTextContent td.header {text-align: left; padding-left: 15px; text-transform: uppercase; background-color: #F2F2F2;}
#mainArea #page-content #tabbedTextContent ul {padding-left: 10px;}
.tabSplitLeft {float: left; width: 295px; padding: 0px 5px 0 0px;}
.tabSplitRight {float: left; width: 295px; padding: 0px 0px 0 10px;}
.tabSplitFull {width: 605px; padding: 10px 0px 0px 0px;}
.tabSplitRight img, .tabSplitFull img {float: left; border: solid 10px white; margin: 0px; }
.simplyTabs .tab-panel ul {padding-left: 10px;}
.simplyTabs .tab-panel li {line-height: 13px;}
.simplyTabs .tab-panel p {padding: 0px;}
.simplyTabs .tab-panel strong {font-size: 17px; line-height: 23px; color: #ffff99; }
.simplyTabs .tab-panel a {color: #ffff99;}
.simplyTabs .tab-panel a:hover {color: white;}


.simplyTabs {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    margin-top: 10px;
    width: 640px;
    height: 100%;
}
.simplyTabs ul.tab-menu {
    font-size: 12px;
    list-style: none;
    margin-bottom: 10px;
    line-height: 12px;
}

.simplyTabs ul.tab-menu a.tab-menu-item, .simplyTabs ul.tab-menu a.tab-menu-item:visited {
    text-decoration: none;
    color: Black;
}
.simplyTabs ul.tab-menu a.tab-menu-item:hover, .simplyTabs ul.tab-menu a.tab-menu-item:active, .simplyTabs ul.tab-menu a.tab-menu-item:focus, .simplyTabs ul.tab-menu a.tab-menu-item-selected {
    color: blue;
}
.simplyTabs .tab-panel {
	width: 608px;
	padding: 15px 15px 15px 15px;
    height: auto;
    overflow: inherit;
	background-color: #0099CC;
	color: white;
	margin: 0px 1px 0px 1px;
}
.simplyTabs .tab-panel.tab-hidden {
    display: none;
}
.simplyTabs .tab-panel.tab-visible {
    display: block;
}