/* 

This stylesheet was created by sofamade.com
exclusively for the http://thecampuswire.com website.
Copyright (c) CampusWire. All rights reserved.

*/

/* @group CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.22em;
	font-family: inherit;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* @end */

/* @group Structure */

body {
	color: #8b8678;
	font: 100% "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	padding-top: 6px;
	background: url(../images/body.png) repeat-x 0 0;
}

.container, #index-head, #head, #showcase #index, #showcase-tour #image, #showcase-mini #case, #showcase-mini #pages, #method-settings {
	width: 900px;
	margin: 0 auto;
}

.container, #header, #login, #showcase #index, #showcase-mini #case, #tagline, #methods, #secondary, #examples, .study, #footer {
	display: inline-block;
}

.container, #header, #login, #showcase #index, #showcase-mini #case, #tagline, #methods, #secondary, #examples, .study, #footer {
	display: block;
}

.container:after, #header:after, #login:after, #showcase #index:after, #showcase-mini #case:after, #tagline:after, #methods:after, #secondary:after, #examples:after, .study:after, #footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.container {
	padding: 35px 0 40px 0;
	text-align: left;
}

/* @end */

/* @group Global */

#showcase, #methods {
	min-width: 900px;
}

#cases, .examples-odd, .examples-even, #footer {
	min-width: 900px;
	border-top: 4px solid #dad9cb;
}

#features p, .example .feature p, #testimonials p, #content p {
	font-size: 68.75%;
	line-height: 1.52em;
}

#cases, .examples-odd, #studies {
	background-color: #e3e2d7;
}

#testimonials, .examples-even, .examples-odd .feature {
	background-color: #edece1;
}

#content, .examples-even .feature {
	background-color: #f5f4ea;	
}

small {
	font-size: 68.75%;
}

strong {
	font-weight: bold;
}

strike {
	color: #000;
	text-decoration: line-through;
}

/* @end */

/* @group Header & Login */

#index-head {
	background: url(../images/index-header.png) no-repeat 195px bottom;
}

#header #logo {
	background: url(../images/logo.png) no-repeat 0 0;
	height: 100px;
	float: left;
}

#header #logo a {
	width: 177px;
	height: 0;
	padding-top: 100px;
	display: block;
	overflow: hidden;
}

#header #login {
	background: url(../images/search.png) no-repeat right 0;
}

#header #search {
	font-size: 75%;
	text-align: right;
	padding: 2px 50px 0 0;
}

#header #search a {
	color: #a59f8d;
	text-decoration: none;
}

#header #search input {
	color: #999;
	margin-left: 55px;
	padding: 0 3px;
}

#header #links {
	font-size: 87.5%;
	float: right;
	padding-top: 35px;
}

#header #links a {
	color: #7D7764;
	text-decoration: none;
}

#header #links a:hover, #header #search a:hover {
	color: #a19980;
	text-decoration: underline;
}

/* @end */

/* @group Showcase */

#showcase {
	background: url(../images/showcase.png) repeat-x left top;
}

#showcase #index {
	min-height: 295px;
	height: auto !important;
	height: 295px;
	background: url(../images/showcase-setting.png) no-repeat left top;
}

#showcase-tour {
	background: #7cb4db url(../images/showcase-small.png) repeat-x left top;
}

#showcase-tour #image {
	min-height: 245px;
	height: auto !important;
	height: 245px;
	background: url(../images/showcase-tour.png) no-repeat left top;
}

#showcase-mini {
	min-height: 176px;
	height: auto !important;
	height: 176px;
	background: #7cb4db url(../images/showcase-mini.png) repeat-x left top;
}

#showcase-mini #case {
	min-height: 176px;
	height: auto !important;
	height: 176px;
	background: url(../images/cases.png) no-repeat 30px 0;
}

#tagline-content {
	width: 428px;
	min-height: 195px;
	height: auto !important;
	height: 195px;
	text-align: left;
/*	padding-top: 45px;*/
/*	text-indent: -9999px;*/
/*	background: url(../images/showcase-tagline2.png) no-repeat 0 0;*/
	float: right;
}

#tagline h1 {
	color: #fff;
	margin-top: 11px;
	font-size: 190%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
	text-shadow: 2px 2px #617990;
}

#tagline p {
	color: #fff;
	line-height: 1.5em;
	margin-top: 34px;
	font-size: 85%;
	text-shadow: 2px 2px #617990;
}

#buttons {
	background: url(../images/showcase-buttons2.png) no-repeat;
	height: 52px;
	width: 439px;
	margin-top: 25px;
	float: right;
}

#buttons li {
	display: inline;
}

#buttons li a {
	background: url(../images/showcase-buttons2.png) no-repeat;
	height: 0;
	padding-top: 52px;
	float: left;
	display: block;
	overflow: hidden;
}

#buttons li#network a {
	width: 170px;
	background-position: 0 0;
}

#buttons li#network a:hover {
	width: 170px;
	background-position: 0 -52px;
}

#buttons li#tour a {
	width: 171px;
	background-position: -170px 0;
}

#buttons li#tour a:hover {
	width: 171px;
	background-position: -170px -52px;
}

#methods {
	background: #8cbddf url(../images/methods.png) repeat-x 0 0;
}

#method-settings {
	min-height: 110px;
	height: auto !important;
	height: 110px;
	background: url(../images/methods-setting.png) no-repeat 0 0;
}

#method-settings li {
	width: 160px;
	padding: 35px 10px 0 55px;
	float: left;
}

#method-settings li p {
	color: #fff;
	font-size: 68.75%;
	text-align: left;
	line-height: 1.42em;
}

#showcase-mini #case h1 {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	width: 383px;
	text-indent: -9999px;
	padding: 53px 53px 0 30px;
	line-height: 1.42em;
	float: left;
}

#showcase-mini #case p {
	color: #fff;
	font-size: 87.5%;
	line-height: 1.52em;
	width: 382px;
	padding-top: 57px;
	float: left;
}

#showcase-mini #case p {
	text-align: left;
}

#showcase-mini #case p#quote {
	font-style: italic;
}

#showcase-mini #case p span {
	font-style: normal;
	font-weight: bold;
}

#showcase-mini #pages {
	color: #fff;
	padding-top: 50px;
}

#showcase-mini #pages h1 {
	font: 225% Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

#showcase-mini #pages h5 {
	font-size: 75%;
	line-height: 1.32em;
}

/* @end */

/* @group Secondary */

#secondary {
	min-width: 900px;
	background: #edece1 url(../images/secondary.png) repeat-x 0 0;
	border-top: 6px solid #edece1;
}

#overview {
	width: 605px;
	padding-right: 45px;
	float: left;
}

#overview h2 {
	color: #7cb515;
	font: 162.5% Georgia, "Times New Roman", Times, serif;
	line-height: 1.35em;
	padding-bottom: 10px;
}

#overview p {
	font-size: 85%;
	line-height: 1.52em;
	padding-bottom: 10px;
}

#overview p a {
	color: #569edb;
	text-decoration: underline;
}

#overview a:hover {
	color: #4f83af;
}

#features {
	width: 238px;
	border: 6px solid #dad9cb;
	padding-bottom: 15px;
	background-color: #f5f4ea;
	float: right;
}

#features h4, #testimonials h4, #content h4 {
	color: #569edb;
	font-size: 87.5%;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 0 8px;
}

#features ul {
	margin: 0 15px 0 15px;
	padding: 10px 0 5px;
	border-top: 3px solid #dddccf;
}

#features li {
	/* font-size: 68.75%; */
	line-height: 1.42em;
	padding: 0 0 13px 25px;
	background: url(../images/check.gif) no-repeat left 3px;
}

#features p {
	padding: 10px 0;
	margin: 0 15px;
	border-top: 3px solid #dddccf;
}

#features span {
	color: #7cb515;
	font-weight: bold;
	font-style: italic;
}

#features #link {
	height: 52px;
	margin: 0 32px 0 33px;
	background: url(../images/create2.gif) no-repeat 0 0;
}

#features #link a {
	width: 173px;
	height: 0;
	padding-top: 52px;
	background: url(../images/create2.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#features #link a:hover {
	background-position: 0 -52px;
}

/* @end */

/* @group Cases */

#who {
	width: 630px;
	padding-right: 20px;
	float: left;
}

#who h2 {
	color: #69665d;
	font: 162.5% Georgia, "Times New Roman", Times, serif;
	line-height: 1.52em;
	padding-bottom: 15px;
}

#who h4 {
	color: #7cb515;
	font-size: 87.5%;
	font-weight: bold;
	padding: 8px 0 10px 35px;
}

#who h4 a {
	color: #7cb515;
	text-decoration: none;
}

#who h4 a:hover {
	color: #7cb515;
	text-decoration: underline;
}

#who p {
	font-size: 75%;
	padding: 5px 25px 8px 0;
	line-height: 1.52em;
}

#who a {
	color: #569edb;
	text-decoration: underline;
}

#who a:hover {
	color: #4f83af;
}

#schools, #sports, #business {
	width: 210px;
	float: left;
}

#schools {
	background: url(../images/education.gif) no-repeat left top;
}

#sports {
	background: url(../images/sports.gif) no-repeat left top;
}

#business {
	background: url(../images/business.gif) no-repeat left top;
}

#who p#snippet {
	font-weight: bold;
	padding-top: 20px;
}

#who p#snippet a {
	font-weight: normal;
}

#testimonials, #content {
	width: 208px;
	padding: 0 15px 10px 15px;
	border: 6px solid #dad9cb;
	float: right;
}

#testimonials h4, #content h4 {
	margin-bottom: 10px;
	border-bottom: 3px solid #dddccf;
}

#testimonials p, #content p {
	padding-bottom: 20px;
}

#testimonials span, #content span, #page span {
	color: #7cb515;
	font-weight: bold;
	font-style: italic;
}

/* @end */

/* @group Tour Examples */

.examples-odd h2, .examples-even h2 {
	color: #7CB515;
	font: 162.5% Georgia, "Times New Roman", Times, serif;
	margin-bottom: 22px;
	text-align: center;
}

.examples-odd .example, .examples-even .example {
	min-height: 460px;
	height: auto !important;
	height: 460px;
}

#screen1 {
	padding-left: 250px;
/*  background: url(../images/tour1.gif) no-repeat 0 0;*/
	
}

#screen2 {
	padding-left: 650px;
	background: url(../images/tour2.gif) no-repeat 0 0;
}

#screen3 {
	padding-left: 650px;
	background: url(../images/tour3.gif) no-repeat 0 0;
}

#screen4 {
	padding-left: 650px;
	background: url(../images/tour4.gif) no-repeat 0 0;
	padding-bottom: 10px;
}

#screen5 {
	padding-left: 650px;
	background: url(../images/tour5.gif) no-repeat 0 0;
}

.example .feature {
	margin-bottom: 20px;
	border: 6px solid #dad9cb;
}

.example .feature h4 {
	color: #569edb;
	font-weight: bold;
	font-size: 87.5%;
	padding: 10px 0 8px;
	text-align: center;
	text-transform: uppercase;
}

.example .feature p {
	padding: 10px 0 20px;
	margin: 0 15px;
	border-top: 3px solid #dddccf;
}

.example .feature a {
	color: #569edb;
	font-weight: normal;
	text-decoration: underline;
}
	
.example .feature a:hover {
	color: #4f83af;
}

/* @end */

/* @group Case Studies */

#studies {
	border-top: 4px solid #dad9cb;
}

.study {
	padding-bottom: 10px;
}

#studies p.number {
	color: #fff;
	font-size: 68.75%;
	font-weight: bold;
	padding: 7px 15px 5px 8px;
	background: url(../images/circle.gif) no-repeat 0 3px;
	float: left;
}

#features #story {
	height: 52px;
	margin: 0 32px 0 33px;
	background: url(../images/story.gif) no-repeat 0 0;
}

#features #story a {
	width: 173px;
	height: 0;
	padding-top: 52px;
	background: url(../images/story.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

#features #story a:hover {
	background-position: 0 -52px;
}

/* @end */

/* @group Page */

#overview #page {
	margin-top: 5px;
}

#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
	color: #69665d;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 10px;
}

#page h1, #page h2, #page h3 {
	font-size: 162.5%;
}

#page h4 {
	font-size: 150% ;
}

#page h5 {
	font-size: 137.5%;
}

#page h6 {
	font-size: 125%;
}

#page h1 a, #page h2 a, #page h3 a, #page h4 a, #page h5 a, #page h6 a {
	color: #69665d;
	font-size: 100%;
	text-decoration: none;
}

#page h1 a:hover, #page h2 a:hover, #page h3 a:hover, #page h4 a:hover, #page h5 a:hover, #page h6 a:hover {
	color: #979386;
	text-decoration: underline;
}

#page p {
	font-size: 75%;
	font-weight: normal;
	line-height: 1.52em;
	padding-bottom: 15px;
}

#page p#snippet {
	font-weight: bold;
	padding: 0;
}

#page p#snippet a {
	font-size: 100%;
}

#page blockquote {
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
	line-height: 1.52em;
	padding: 0 20px 20px;
	display: block;
}

#page img {
	margin: 0 15px 15px 0;
}

#page img {
	background-color: #dad9cb;
	padding: 5px;
}

#page img a:hover {
	background-color: #b7b6ae;
}

#page li {
}

#page li a {
	font-size: 100%;
}

#page li {
	font-size: 75%;
	padding: 2px 0;
}

#page li p {
	font-size: 100%;
	line-height: 1.52em;
	padding: 0;
}

#page ol {
	margin: 0 0 20px 40px;
	list-style-type: decimal;
}

#page ul {
	margin: 0 0 20px 35px;
	list-style-type: disc;
}

#page table {
	width: 585px;
	margin-bottom: 15px;
	border: 3px solid #dad9cb;
	background-color: #f5f4ea;
}

#page thead, #page tfoot {
	font-size: 75%;
	text-align: center;
	text-transform: uppercase;
	background-color: #e3e2d7;
}

#page thead, #page th {
	border-bottom: 2px solid #dad9cb;
}

#page tfoot {
	border-top: 2px solid #dad9cb;
}

#page tbody {
	font-size: 68.75%;
	text-align: center;
}

#page tbody tr {
	font-size: 112.5%;
	margin: 5px;
}

#page th {
	font-size: 100%;
	text-align: center;
	text-transform: uppercase;
	background-color: #e3e2d7;
	padding: 5px;
}

#page td {
	padding: 5px;
}

/* @end */

/* @group Footer */

#footer {
	margin-bottom: 50px;
}

#footer-left {
	font-size: 68.75%;
	float: left;
}

#footer-left a {
	color: #569edb;
	text-decoration: underline;
}
	
#footer-left a:hover {
	color: #4f83af;
}

#footer-left p {
	margin-top: 5px;
}

#footer-right {
	background: url(../images/logo-footer.gif) no-repeat right 0;
	height: 48px;
	float: right;
}

#footer-right a {
	width: 127px;
	height: 0;
	padding-top: 48px;
	display: block;
	overflow: hidden;
}

/* @end */

/* End of Stylesheet */