/****************************************************************
*
*	Orion Default CSS
*	Author: Michael Turnwall
*	Created: 03.04.2008
*
****************************************************************/

/* Begin: HTML Elements
----------------------------*/
* {
	margin:0;
	padding:0;
}
body { margin: 0; padding: 0; text-align:center; font:12px/16px "Lucida Grande", Arial, Verdana, sans-serif; color:#3f3e29; background: #f6f5f1 url('/media/bg.jpg') no-repeat; background-position:center top;}
ol, ul {
	list-style:none;
}
button {
	border:0;
}
input.text {
	font:12px Tahoma,Arial, Verdana, sans-serif;
	padding:2px 3px;
	border:0;
	border-right:1px solid #a5a1a0;
	border-bottom:1px solid #a5a1a0;
}

/* Begin: Links
----------------------------*/
/* default links */
a {
	color:#a6282a;
}
a:hover {
	text-decoration:none;
}

/* Begin: Layout
----------------------------*/
#wrapper, #contentFooter {
	background:url(../../media/content_bg2.jpg) repeat-y 0 0;
	text-align:left;
	margin:0 auto;
	padding:0 11px 10px 11px;
	width:800px;
}

#mainContent h2 { color: #a6272a; font-size: 1.7em; font-weight: bold; line-height: 1.35; margin-top: 10px; margin-bottom: 10px; }
#mainContentArticle h2 { color: #a6272a; font-size: 1.7em; font-weight: bold; line-height: 1.35; margin-top: 10px; margin-bottom: 10px; }
#mainContentArticle h3 { margin-top: 10px; margin-bottom: 10px; }

#contentFooter {
	background:url(../../media/content_bottom_bg.gif) no-repeat 0 0;
	height:40px;
}
#skipNav {
	text-indent:-4000px;
	display:block;
	height:0;
}
#leftCol {
	float:left;
}
#recentNewsCont {
	background:url(../../media/recent_news_bg.jpg) no-repeat 0 0;
	margin:0 0 15px 12px;
	padding:12px 15px;
	width:154px;
	color:#fff;
}
#newsletterSignup {
	margin-left:22px;
}
#newsletterSignup input {
	width:122px;
}
#newsletterBtn { background:url(../../media/newsletter_btn.gif) no-repeat 0 -1px; vertical-align:middle; width:26px; height:26px; border-style: none; border-width: 0; }
#mainContent {
	margin-left:224px;
	padding-top:7px;
	width:572px;
}
#mainContentArticle { line-height: 18px; margin-left: 224px; padding-top: 7px; width: 572px; }
#mainContent p {
	padding:0 24px 12px 0;
}
#mainContentArticle p { padding: 0 24px 12px 0; }
#portfolioHome {
	background:url(../../media/portfolio_bg.jpg) no-repeat 0 0;
	width:540px;
	height:112px;
}
.portfolioNav { text-align: left; width: 540px; margin-bottom: 30px; display: block; }
.portfolioNav ul { float:left; margin-top: 0; margin-right: 12px; margin-left: 40px; list-style-image: url(../../media/icons/bullet_red.gif); }
#portfolioHome ul { list-style-image: url(../../media/icons/bullet_red.gif); margin: 12px 12px 0 40px; float: left; }
#portfolioHome ul li {
	margin-bottom:7px;
}
#portfolioHome ul li a {
	color:#60604b;
	text-transform:uppercase;
	text-decoration:none;
}
#portfolioHome ul li a:hover {
	text-decoration:underline;
}
p.companyInfo { color:#a62e2d; font-weight: bold; clear: left; margin:tour_ 0 12px; }

#footer {
	font-size:11px;
}

#tourCont img { border: 0 }


/* Begin: Site Nav
----------------------------*/
#siteNav {
	margin-bottom:20px;
}
#siteNav li {
	letter-spacing:1px;
}
#siteNav li a {
	display:block;
	background:url(../../media/site_nav_bg.gif) no-repeat 0 0;
	padding:8px 0 5px 30px;
	width:176px;
	height:17px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}
#siteNav li a:hover {
	background-position:0 -30px;
}

/* Begin: Headers
----------------------------*/
#siteLogo a {
	display:block;
	background:url(../../media/site_logo.gif) no-repeat 0 0;
	text-indent:-4000px;
	margin-top:12px;
	width:206px;
	height:106px;
}
#recentNewsCont h2, #newsletterHdr {
	font-size:20px;
	font-weight:normal;
	text-transform:lowercase;
	color:#a62e2d;
	padding:0 0 10px 32px;
}
#newsletterHdr {
	background:url(../../media/icons/paper_airplane.jpg) no-repeat 0 0;
	padding:0 0 0 40px;
	height:26px;
	margin-left:12px;
}
#portfolioHome h2 {
	float:left;
	font-size:26px;
	font-weight:normal;
	text-transform:lowercase;
	color:#a62e2d;
	margin:12px 0 0 53px;
}
#featuredProjects h2 {
	font-size:26px;
	font-weight:normal;
	text-transform:lowercase;
	color:#a62e2d;
	padding:12px 0 20px 53px;
	margin-top: 0;
}

/* Begin: Featured Project
----------------------------*/
#featuredCont {
	position:relative;
	margin:12px 0 7px 0;
	padding-top:29px;
/*	overflow:auto;*/
}

#featuredTabs {
	float:left;
	margin-top:2px;
	margin-left:7px;
/*	width:550px;*/
	height:29px;
}
.featuredTab {
	/*width:174px;*/
	height:29px;
	/*background:url(../../media/tab_right_off.jpg) no-repeat right top;*/
}

a.featuredTab, a.selected {
/*	float:left;*/
	position:absolute;
	top:0;
	display:block;
	background:url(../../media/tab_off.gif) no-repeat left top;
	text-align:center;
	padding:7px 0 2px 0;
	width:173px;
	height:20px;
	font-size:14px;
}

a.selected {
	background-image:url(../../media/tab_on.gif);
}
#tab1 {
	right:355px;
	z-index:3;
}
#tab2 {
	right:202px;
	z-index:2;
}
#tab3 {
	right:44px;
	z-index:1;
}
#featuredProjects {
	background:url(../../media/featured_bg.jpg) no-repeat 0 0;
	/*margin-top:30px;*/
	padding-right:18px;
	width:521px;
	height:297px;
/*	clear:both;*/
}
#featuredProjects .screenshot {
	float:left;
	margin-left:17px;
}

#featuredProjects p {
	margin-left:275px;
}
#featuredProjects .project {
	display:none;
}
#portfolioProjects .project { display: none; }
/* Begin: Generic/Font classes
----------------------------*/
.uppercase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.alignLeft {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}
.hide {
	display:none;
}
.show {
	display:block;
}
/* use these for striping rows */
.oddRow {
	
}
/* styles for Tour pages */
.quotebutton { background-image: url(../../tour/media/quote.png); background-repeat: no-repeat; text-indent: -4000px; width: 150px; height: 52px; float: left; margin-left: 250px; display: block; }
.quotebuttonLeft { background-image: url(../../tour/media/quote.png); background-repeat: no-repeat; text-indent: -4000px; display: block; margin-left: 0; width: 150px; height: 52px; float: left; }
.see-more-button { background-image: url(../../tour/media/see-more.png); background-repeat: no-repeat; text-indent: -4000px; margin-left: 15px; width: 150px; height: 52px; float: left; display: block; }
.see-more-buttonLeft { background-image: url(../../tour/media/see-more.png); background-repeat: no-repeat; text-indent: -4000px; display: block; margin-left: 0; width: 150px; height: 52px; float: right; }
.tour_floatRight { float: right; margin-left: 15px; padding: 0; border: 1px #a6272a; }
#tourList ul {
	margin:3px 12px 10px 40px;
	list-style-image: url(../../media/icons/bullet_red.gif);
}
#clientList ul { margin-top: 3px; margin-right: 12px; margin-left: 40px; list-style-image: url(../../media/icons/bullet_red.gif); }
#tourList ul li {
	margin-bottom:3px;
}
#clientList ul li { margin-bottom: 3px; padding-top: 6px; }
.testimonial { color: #a6272a; font-size: 1.15em; font-weight: bold; font-style: italic; line-height: 1.4; padding-top: 3px; padding-bottom: 7px; border-top: 1px dotted #a3a458; border-bottom: 1px dotted #a3a458; }
h1 { color: #a6272a; line-height: 1.25em; margin-bottom: 15px; border-style: none; }
.red_border { border-top: 1px dotted #a6272a; border-bottom: 1px dotted #a6272a; }
.h_clear { clear: both; margin-top: -30px; padding: 0; }
.list_subtext { color: #be4646; height: 35px; display: block; }
.list_subtext_2line { color: #be4646; height: 35px; display: block; }
.list_header { width: 165px; height: 35px; float: left; display: block; }
.wider_spacing { line-height: 1.7; margin-top: 15px; }

/* Forms */
form {
	padding-bottom:20px;
}
fieldset { margin-top: 15px; padding:0; border:none; }
.inputRow, .checkRow {
	float:left;
	width:550px;
	margin-bottom:10px;
}
.inputNote { width: 360px; float: left; margin-top: 25px; }
.submitRow {
	float:left;
	width:280px;
	padding:0 0 0 120px;
	margin-bottom:10px;
}
input, select, button, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #000;
}
input, select {
	width:220px;
}
button {
	padding:2px;
	margin-right:5px;
}
textarea {
	resize:none; /* Saf 3 */
	width:220px;
	height:150px;
	overflow:auto;
}
.inputRow label, .inputRow .formNote {
	width:115px;
	float:left;
}
.inputRow label span, .inputRow .formNote span {
	color:#ff0000;
}
#required {
	color:#ff0000;
	position:absolute;
	top:10px;
	right:10px;
	padding:0 15px 0 0;
}
.required {
	color:#ff0000;
}
.checkRow input {
	width:12px;
	border:none;
	margin-right:10px;
}
#addl_notes { width: 350px; margin-bottom: 10px; }
.formNote { margin-bottom: 20px; }
#call_us { color: #fff; font-size: 18px; font-weight: bold; text-align: center; }
#big_phone { color: #fff; font-size: 22px; font-weight: bold; line-height: 27px; text-align: center; margin-bottom: 8px; }
.float_right { float: right; margin: 4px; padding: 2px; border: dotted 1px #a6272a; }
.float_rightPad { margin: 8px; padding: 2px; float: right; border: dotted 1px #aaaa31; }
.imgPad { margin: 8px 8px 8px 0; padding: 2px; border: dotted 1px #aaaa31; }
.photo_caption { color: #333; font-size: 10px; width: 150px; float: right; clear: right; display: block; }
#portfolioLinks { line-height: 20px; text-align: left; margin-bottom: 15px; }
.class { }
#clients_table { padding: 4px; }
.statTable th { background-color: #d8db57; padding: 4px 2px; }
.statTable { background-color: #fff; width: 100%; margin: 10px 0; padding: 0; border-width: 0; }
.evenRow { background-color: #ebebeb; border-top: 0 dotted #a2a1a1; border-right-width: 0; border-bottom-color: #823c1a; border-bottom-width: 0; border-left-width: 0; }
.practical { background-color: #fff; margin-top: 10px; margin-bottom: 10px; padding: 8px; border: solid 1px #dbdb57; }
.practical h4 { font-size: 14px; font-weight: bold; margin-top: 8px; margin-bottom: 4px !important; border-bottom: 1px solid #dbdb57; }
.practical h3 { font-size: 16px; background-color: #dbdb57; text-transform: uppercase; padding: 3px; }
.practical ul li { margin-bottom: 4px; margin-left: 15px; list-style-type: disc; }
#mainContentArticle h3 { color: #a6272a; font-size: 17px; line-height: 23px; margin-top: 12px; border-bottom-color: #dbdb57; border-bottom-width: 1px; }
#endOfArticle { background-color: #dbdb57; width: 100%; height: 10px; margin-top: 10px; margin-bottom: 10px; }
blockquote { font-family: courier, monospace; margin-top: 0; margin-right: 30px; margin-bottom: 10px; margin-left: 30px !important; }
.callout {
	color: #A6272A;
	font-weight: bold;
}

/* Alert for top of home page */
.alertBox {
	margin:0px auto;
	width:778px;
	padding:10px;
	border:2px dotted #F00;
	text-align:left;
	background:#fff;
}
.alertBox h3 {
	color:#f00;
	text-align:center;
	margin-bottom:5px;
}
.alertBox strong a {
	color:#000;
	text-decoration:none;
}

