/**************************************************
*
*
Global Styles
**************************************************/

* { outline: none; margin: 0; padding: 0; }

body {
	background: #fff url(../images/body-bkgd.gif) repeat-x;
	font: normal 11pt helvetica, arial, sans-serif;
	color: #252525;
}

.img-cover {
	position: relative;
	overflow: hidden;
}

.img-cover span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

a:link, a:visited {
	color: #2a7fff;
	background: #fff;
}

a:hover {
	color: #00f; background: #fff;
}



/**************************************************
Typograffiti
**************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 120%;
}

h1 {
	font-size: 18pt;
	color: #00a5d9;
	background: #fff;
	margin: 0 0 .5em;
}

h2 {
	font: italic bold 10.5pt georgia, garamond, "Times New Roman", serif;
	color: #fdb913;
	background: #fff;
	margin: 1.5em 0 1em;
}

h3 {
	font-size: 11pt;
	color: #00a5d9;
	background: #fff;
	margin: 0 0 .5em;
}

#feature-boxes h2 {
	font: normal 16pt helvetica, arial, sans-serif;
	color: #2a7fff;
	background: #fff;
	margin: 1em 0 .5em 0;
}

p {
	line-height: 120%;
	margin: 0 0 1em 0;
}




/**************************************************
*
*
Main Container
**************************************************/

#container {
	margin: 0 auto;
	width: 900px;
}


/**************************************************
Header
**************************************************/

#header {
	margin: 2.5em 0 .75em 0;
	padding: 0 0 0 2em;
	width: 900px;
}

#logo, #logo span {
	width: 139px; 
	height: 43px;
}

#logo span {
	background: url(../images/logo.png) top left no-repeat;
}



/**************************************************
Navigation
**************************************************/

#navi {
	background: url(../images/navi-bkgd.gif) no-repeat;
	width: 900px;
	height: 30px;
}

#navi ul {
	list-style: none;
}

#navi ul li {
	float: left;
	font-size: 12pt;
	line-height: 30px;
	margin: 0 1em;
}

#navi ul li.there {
	color: #f7941d;
	background: #151515;
	padding: 0 1em;
}

#navi ul li.signin-nav {
	float: right;
	text-transform: uppercase;
	font-size: 10pt;
}

#navi ul li a:link, #navi ul li a:visited {
	color: #fff;
	background: #151515;
	text-decoration: none;
	padding: 0 1em;
}

#navi ul li a:hover {
	color: #2a7fff;
	background: #151515;
}



/**************************************************
Feature
**************************************************/

#feature {
	color: #ccc;
	background: #464646 url(../images/homepage/feature-bottom.gif) bottom left no-repeat;
	padding-bottom: 14px;
	width: 900px;
	height: 230px;
}

#feature h1 {
	color: #00a5d9;
	background: #464646;
}

#feature-content, #feature-content > span {
	width: 900px;
	height: 230px;
}

#feature-content > span {
	background: url(../images/homepage/feature.jpg) top left no-repeat;
}


/*
	Feature Buttons
**************************************************/

#buttons { position: relative; top: 185px; left: 40px; }

.button, .button span {
	width: 157px;
	height: 35px;
}

.button { float: left; }

#trial-button { margin-left: 187px; }

#tour-button span { background: url(../images/homepage/tour-button.gif) top left no-repeat; }
#trial-button span { background: url(../images/homepage/trial-button.gif) top left no-repeat; }
#tour-button:hover span, #trial-button:hover span { cursor: pointer; background-position: bottom left; }



/**************************************************
Feature Boxes
**************************************************/

#feature-boxes { }

#feature-boxes .feature-box {
	float: left;
	font-size: 10pt;
	background: url(../images/homepage/feature-box-gray.png) no-repeat;
	margin: 15px 15px 15px 0;
	padding: 10px 20px;
	width: 250px;
	height: 140px;
}

#feature-boxes .feature-box h2 {
	margin-top: 0;
}

#feature-boxes .feature-box a:link, .feature-box a:visited {
	font-size: 11pt;
	background: none;
}

#feature-boxes .signin-box {
	background: url(../images/homepage/feature-box-orange.png) no-repeat;
	margin-right: 0;
}

#feature-boxes .feature-box ul {
	margin: 0 0 30px 20px;
}

/*#feature-boxes form#signin-form { }
#feature-boxes form#signin-form p { margin-bottom: 10px; }

#feature-boxes form#signin-form p label {
	display: block;
	float: left;
	width: 80px;
}

#feature-boxes form#signin-form span {
	border: 1px solid #bababa;
	padding: 1px;
}

#feature-boxes form#signin-form span input.text-input {
	font-size: 10px;
	line-height: 12px;
	border: 1px solid #ebebeb;
	width: 160px;
}

#feature-boxes form#signin-form input#login-button {
	margin-left: 80px;
}

#feature-boxes form#signin-form a {
	display: block;
	font-size: 9pt;
	margin: 5px 0 0 80px;
}*/




/**************************************************
Company Logos
**************************************************/

#company-logos {
	text-align: center;
	clear: both;
	background: url(../images/co-logos-box.png) no-repeat;
	padding: 25px 40px;
	width: 870px;
	height: 80px;
}



/**************************************************
Footer
**************************************************/

#footer {
	clear: both;
	font-size: 10pt;
	color: #fff;
	background: #373737;
	border-top: 4px solid #7fd2ec;
	padding: 10px 15px 5px;
	height: 15px;
}

#footer span { float: left; }
#footer ul { float: right; list-style: none; }
#footer ul li { float: left; margin: 0 20px; }

#footer a:link, #footer a:visited {
	text-decoration: none;
	background: none;
}

#footer a:hover { color: #fff; background: #373737; }




/**************************************************
Content
**************************************************/

#content-container {
	clear: both;
	margin: 20px 0 0 0;
}

#main-content {
	float: left;
	border-right: 1px solid #ebebeb;
	margin: 0 0 20px 0;
	padding: 0 15px 0 0;
	width: 634px;
	min-height: 300px;
}

#main-content ul {
	margin: 0 0 1em 15px;
}

#main-content ul li {
	margin: 15px 0;
}

#main-content ul li ul {
	margin: 0 0 0 15px;
}

#main-content ul li ul li {
	margin: 5px 0;
}


/*
	Overview Page
**************************************************/

ul#overview-list { list-style: none; margin: 0; }

ul#overview-list li.overview-feature {
	float: left;
	color: #252525;
	background: #f5f5f5;
	margin: 0 20px 20px 0;
	padding: 5px;
	width: 180px;
}

ul#overview-list h3 { background: transparent; }

ul#overview-list li.overview-feature ul {
	list-style: disc;
	font-size: 10pt;
	margin: 0 0 0 20px;
}

ul#overview-list li.overview-feature ul li { margin: 2px 0; }


/*
	Tour Page
**************************************************/

#tour-nav {
	clear: both;
}

#tour-nav ul {
	list-style: none;
	margin-left: 20px;
}

#tour-nav ul li {
	float: left;
	background: url(../images/tour-navi/right-bkgd.png) top right no-repeat;
	margin: 0 10px 0 0;
}

#tour-nav ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #00a5d9;
	background: url(../images/tour-navi/left-bkgd.png) top left no-repeat;
    padding: 5px 15px;
}

#tour-nav ul li.there { background: url(../images/tour-navi/right-there-bkgd.png) top right no-repeat; }

#tour-nav ul li.there a, #tour-nav ul li.there a:hover {
	color: #fff;
	background: url(../images/tour-navi/left-there-bkgd.png) top left no-repeat;
}

#tour-nav ul li a:hover {
	color: #018cb8;
}

#tour-content {
	clear: both;
	background: url(../images/tour/tour-bkgd.png) no-repeat;
	padding: 20px;
}

#tour-content h2 {
	font-size: 18pt;
}

#firm-search-tab { }
#portfolio-search-tab { display: none; }
#professional-search-tab { display: none; }

#tour-content h2:first-child {
	margin-top: 0;
}

#tour-content h2 span.step-initial {
	font-size: 14pt;
	font-style: normal;
	text-transform: uppercase;
	color: #888;
	background: #fff;
}

#tour-content table.feature-list {
	border-bottom: 2px solid #eee;
}

#tour-content table.feature-list {
	width: 100%;
}

#tour-content table.feature-list tr td:first-child {
	width: 340px;
}

#tour-content table.feature-list tr td {
	vertical-align: top;
}

#tour-content img.screenshot-thumb {
	border: 5px solid #eee;
	margin: 0 20px 20px 0;
}

#tour-content ul {
	font-size: 10pt;
	margin: 0 0 10px 20px;
}

#tour-content ul li {
	margin: 0;
}



#side-content {
	float: left;
	margin: 0 0 0 15px;
	width: 235px;
}

#side-content a img {
	border: 1px solid #c7c7c7;
	margin: 0 0 10px 0;
}

#side-content a img:hover { border-color: #888; }

#side-content h3 {
	font-weight: bold;
	color: #252525;
	background: #fff;
	margin-top: .5em;
}

#side-content ul li {
	font-size: 10pt;
	margin: 0 0 5px 20px;
}


/*
	About Us Page
**************************************************/

ul#contact-list {
	list-style: none;
}

ul#contact-list li {
	margin: 15px 0;
}

ul#contact-list li h4 {
	font: italic bold 9pt georgia, garamond, "Times New Roman", serif;
	color: #fdb913;
	background: #fff;
}


/*
	Sign Up Page
**************************************************/

ul#signup-list {
	list-style: none;
	margin: 0;
}

ul#signup-list li img {
	margin-right: 5px;
}

#try-promo {
	font-style: italic;
	font-size: 10pt;
	color: #555;
	background: #f6f6f6;
	border: 1px solid #ddd;
	margin: 30px;
	padding: 10px 10px 0;
}

#try-promo h3 {
	font-style: normal;
	color: #00a5d9;
	background: #f6f6f6;
}

#sign-up-form {
	margin: 15px 0;
}


/*
	Sign In Page
**************************************************/

#sign-in-form {
	margin: 15px 0;
}


/*
	Resource Pages
**************************************************/

p#resource-links {
	margin: 2.5em 0 1em;
}

p#resource-links a {
	background: #eee;
	border: 1px solid #e6e6e6;
	margin-right: 30px;
	padding: 5px;
}


/*
	Site Map Page
**************************************************/

.site-map-column {
	float: left;
	margin-left: 40px;
	width: 200px;
}

.site-map-column h2 {
	background: #eee;
	padding: 5px;
	margin-top: 1em;
}

.site-map-column ul {
	margin: 1em 0;
}

#first-column-site-map {
	margin: 0;
	width: 110px;
}