/*

Title: 		Sandra Network
Author: 	Michael Mottau
Updated: 	04.14.08
-----------------------------------------------


/* GENERAL
---------------------------------------*/
html { height: 100%; margin-bottom: 1px; }

body {
	background:#FFF7E3 url(../images/body-bg.jpg) top left repeat-x;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color:#424242;
	font-size: .75em;
	height: 100%;
	}
	body.secondary{background:#FFF7E3 url(../images/secondary-body-bg.jpg) top left repeat-x;}
.archive{
	text-align:right;
}
	
/* LAYOUT
---------------------------------------*/
/*#container{	
	background:#FFFBF0;
	width:950px;
	margin:0 auto;
	}*/
	
#inner-header, #content, #inner-banner{
	overflow:hidden;
	width:970px;
	margin:0 auto;
	}

	#header{
		background:url(../images/header-bg.jpg) bottom left repeat-x;
		border-bottom:1px solid #af9040;
		}	
		#inner-header{
			/*background:#fff7e3;*/
			padding-bottom:35px;			
			}
	#banner{
		background:#AC5720 url(../images/banner-bg.jpg) top left repeat-x;
		border-bottom:1px #622a08 solid;
		}
		body.secondary #banner{
			background:url(../images/secondary-banner-bg.jpg) top left repeat;
			min-height:30px;
			}	
	#inner-banner{
		position:relative;
		background:url(../images/inner-banner-bg.jpg) top left no-repeat;
		min-height:210px;
		/*border:1px solid #af9040;*/
		border-left:1px #622a08 solid;
		border-right:1px #622a08 solid;
		}
		body.secondary #inner-banner{
			background:url(../images/secondary-inner-banner-bg.jpg);
/*			background: #861701;*/
			border-top:3px solid #000;
			min-height: 30px;
			}
	#content{
		min-height:630px;
		background:url(../images/content-bg.jpg) top right repeat-y;	
		/*border-left:1px solid #f1e7da;*/
		border-right:1px solid #f1e7da;
		}	
		#content-main{
			float: left;
			/*background:#fff7e3 url(../images/content-main-bg.jpg) right repeat-y;*/
			width: 650px;
			padding:36px 16px 36px 12px;
			}		
			body.secondary #content-main{
				padding-top:18px;
				}
		#content-supp{
			float: right;
			width: 268px;
			padding:0 10px 0 12px;
			}

#nav-main{
	float: right;
	padding:0;
	width:480px;
	}	
#footer{
	background:#935b37;
	padding:10px 0 30px 0;
	}
#footer #inner-footer{
	background:#935b37;
	width:930px;
	margin:0 auto;
	padding:10px;
	}
	

/* HEADER
---------------------------------------*/

/* Branding */
#branding{
	margin:20px 0 0 12px;
	}
#branding, #branding a{
	float:left;
	height: 79px;
	width: 393px;
	border:none;
		}

#branding a{
	display: block;
	background:url(../images/sandra-network-logo.png) no-repeat;
	text-indent: -99999px;
	}
	
/* NAVIGATION
---------------------------------------*/
			
/* Main Nav */


#nav-main ul{
	list-style: none;
	margin:0;
	padding:0;	
	}
	#nav-main ul li{
		float:left;
		width:111px;
		margin:3px 9px 0 0;
		line-height:normal;
	}
	#nav-main ul li.last{	margin:3px 0 0 0;}
	#nav-main li a{
		display: block;
		padding:26px 0 9px 10px;
		color:#bf0400;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.17em; /* 14px */
		text-decoration: none;
		text-align:left;
		letter-spacing:.07em;
		line-height:normal;
		border-bottom:4px solid #dfd0a9;			    
		}
		#nav-main li a:hover{
			background-color: #e0e0da;
			color: #0896e8;
			}

/* Active State */
#home .home, 
#services .services, 
#about .about,
#training .training, 
#contact .contact, 
#support .support{
	background:#ECE5D2;
	border-bottom-color:#AF9040;
	}
	
	
/* BANNER
---------------------------------------*/

#inner-banner #quote {
	position:absolute;
	top:0;
	left: 678px;
	background:#f8f1de;  
	width:292px;
	min-height:210px;
	}	
#home #inner-banner h2{
	position:absolute;
	top: 50px;
	left: 285px;
	width: 351px;	
	color: #f0f0f0;
	font-size:2.08em;
	font-weight:normal;
	line-height:1.44;
	}
#inner-banner a#click-through{
	position:absolute;
	top:180px;
	left:328px;
	display:block;
	background:transparent url(../images/banner-arrow.png) right center no-repeat;
	padding:0 25px 0 0;
	color:#f1eee7;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:1.33em;
	border:none;
	}
#inner-banner a:hover{
	text-decoration:underline;
	}	
#inner-banner a#click-through:hover{
	text-decoration:none;
	}	

#inner-banner blockquote{
	background:#F5EACD;
	min-height:174px;
	padding:0;
	border-bottom:1px solid #ece1c5;
	}
#inner-banner blockquote p.img{
	float:right;
	margin:35px 10px 0 0;
	padding:0;
	width:auto;

	}
#inner-banner blockquote img{
	border:3px solid #d1bc85;
	}
#inner-banner blockquote p.first{
	float:left;
	clear:none;
	background:#F5EACD url(../images/quote-large.png) no-repeat scroll 10px top;
	width:190px;
	margin:30px 0 9px;
	padding:11px 0 0 15px;
	color:#81410E;
	font-size:1.08em;
	line-height:1.53846;
	text-align:left;
	text-indent:41px;
	}
#inner-banner blockquote p{
	clear:both;
	background:#F5EACD;
	margin-right:10px;
	color:#a95306;
	text-align:right;
	
	}
	
/* CONTENT
---------------------------------------*/


/* Content Main */

#content-main-left{
	float:left;
	width:412px;
	}
#content-main-right{
	float:right;
	width:190px;
	margin-left:18px;
	}
#content-main-right h3{
	background:#81410e;
	padding:4px 0 7px 9px;
	color:#FFFBF0;
	font-size:1em;
	text-transform:uppercase;
	}


#content-main-right h4{
	font-size:1em;
	font-weight:bold;
	}
#content-main-right p{
	font-size:.92em;
	}
#content-main-right ul{
	margin-top:0;
	}
#content-main-right li{
	color:#81410e;
	font-size:.92em;
	list-style:square;
	margin-bottom:3px;
	}
#content-main #intro{
	background:#ede2c4;
	margin-right:34px;
	padding:14px 45px 14px 12px;
	font-size:1.22em;
	line-height:1.5;
	border:1px solid #dcd2b6;
	}
	.secondary #content-main #intro{
		font-size:1em;
		margin-bottom:18px;
		padding:14px;
		}
.secondary #content-main h1{
	font-size: 2em; 
	margin-bottom: 0.75em;
	padding-bottom:9px; 
	border-bottom:1px solid #DFD0A9;
	}
#services #content-main h2{
	font-size:1.5em;
	margin-bottom:3px;
	}
#services #content-main .sec-desc,
#support #content-main .sec-desc,
#training #content-main .sec-desc{
	border-bottom:1px solid #AF9040;
	padding-bottom:7px;
	margin-bottom:10px;
	}

.secondary #content-main h3{
margin-bottom:9px;
margin-top:5px;
}

.secondary #content-main h3.section-heading{
clear:both;
margin-top:36px;
padding-top: 9px;
border-top:1px solid #DFD0A9;
}

.secondary #toc{
	background:#fff8e8;
	width:420px;
	margin-bottom:36px;
	padding:9px 18px;
	border:1px solid #f2e7cb;
	}
.secondary #toc h3{
	margin-bottom:12px;
	}
.secondary #toc ul{
	list-style:none;
	margin:0;
	}
	.secondary #toc ul li{
		background: url(../images/icon-downArrow.jpg) left center no-repeat;
		padding-left:20px;
		}
.secondary #toc ul li a{
	font-size:13px;
	text-decoration:none;
	}
	.secondary #toc ul li a:hover{
		text-decoration:underline;
		
		}
.secondary #toc .col-left, 
.secondary #toc .col-right{
	float:left;
	width:185px;
	margin:0 10px;
	}
.secondary #toc .col-right{
	margin:0;
	}

#content-main #nav-services{
	overflow:hidden;
	margin:0;
	list-style:none;
	}
	
#content-main #nav-services li{
	float:left;
	width:301px;
	margin-right:24px;
	}
#content-main #nav-services li.last{
	margin-right:0;
	}
#content-main h3 a{
 color:#dd6300;
 text-decoration:none;
 }
 #content-main h3 a:hover{
 	text-decoration:underline;
	}
#content-main #nav-services li img{
	margin-bottom:9px;
	border:3px solid #60310a;
	}
.secondary #content-main .content-col-left, .secondary #content-main .content-col-right{
	float:left; 
	width:320px; 
	margin:18px 0;
}
.secondary #content-main .content-col-right{
	float:right;
	}	
/* Content Supplemental */


/* Supp Nav */
#nav-supp{
	margin:0;
	padding:3px 0;
	border:1px solid #DFD0A9;

	}
.secondary #content-supp h3{
	background:#81410e;
	margin:36px 0 0 0;
	padding:4px 0 6px 10px;
	color:#FFFBF0;
	font-size:1em;
	text-transform:uppercase;
	}
#nav-supp li{
list-style:none;
	padding:0;
	margin:0 10px;
	border-bottom:1px dotted #DFD0A9;
	}
#nav-supp li.last{
	border-bottom:none;
	}
#nav-supp li a{
	display:block;
	padding:5px 7px 8px 7px;
	margin:0;
	color:#673c23;
	text-decoration:none;
	}
#nav-supp li a:hover{
	color:#bf0400;
	background:none;
	}
.overview #overview,
.consulting #consulting,
.remote_support #remote_support,
.copr_training #copr_training,
.web_hosting #web_hosting{
	color:#bf0400;
	font-weight:bold;
}
	
	
			
#content-supp{
	background:#fffbf0;
	}
	
#content-supp h2{
	margin:54px 0 16px 0;	
	padding-top:7px;
	font-size: 1.33em;
	font-weight:normal; 
	line-height: 1;
	text-transform:uppercase;	
	border-top:4px solid #dfd0a9;
	}
	#content-supp h2.first{
		margin-top:36px;
		}
	body.secondary #content-supp  h2.first{
		margin-top:27px;
		} 
	#content-supp p.img{
		float:left;
		margin-right:10px;
		}
	#content-supp #online-help{
		display:block;
		background:transparent url(../images/btn-instant-support.png) top left no-repeat;
		height:27px;
		width:204px;
		padding:00;
		margin:0 auto;
		text-indent:-9999em;
		border:none;
		}
#content-supp #list-news{
	margin:0 0 18px 0;
	list-style:none;
	border-bottom: 1px solid #f2e8cf;
	}
#content-supp #list-news li{
	overflow:hidden;
	margin-bottom:18px;
	}
	#content-supp #list-news li + li{
		padding-top:9px;
		border-top:1px solid #e6dbbf;
	}	
#content-supp #list-news h4{
	clear:left;
	margin-bottom:18px;
	color:#813a00;
	font-size:.92em;
	font-style:italic;
	line-height:1.384615385;
	}
#content-supp #list-news h3{
	clear:left;
	margin-bottom:9px;
	color:#6f4f3c;
	font-size:1.14em;
	font-weight:bold;
	line-height:1.5;
	}
#content-supp #list-news p.img{
	float:left;
	margin:0 10px 0 0;
	line-height:normal;
	border: 1px solid #f7f3e9;
	}
#content-supp #list-news p{
	font-size:.92em;
	line-height:1.6363636;
	}
#content-supp #course-list{
	height:310px;
	overflow:auto;
	margin-left: 0;
	list-style: none;	
}
#content-supp #course-list li{
	list-style: none;
	margin:0;
	padding:2px 0;
}

a.start_training img{
margin-bottom: -18px;
	
}	
/* Breadcrumbs */		
#bread {
	padding: 3px;
	margin-bottom:36px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
/* H Card */

div.vcard {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
 }





/* SERVICES
--------------------------------------*/
#intro img.left{
	margin-top:0;
	}

#services h3{
	margin-bottom:0;
	}
	
#services-list{
	margin:0;
	padding:0;
	}
#services-list dt{
	margin:0; 
	padding:0;
	font-size:1.17em;
	margin-bottom:5px;
	font-weight:bold;
	color:#dd6300;
	}
#services-list dd{
	margin-bottom:9px;
	}
#services-list dd.last{
	margin:0 0 18px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #DFD0A9;
}
.learning-list dt{
	margin-bottom:5px;
	font-weight:bold;
	text-transform:uppercase;
	color:#38230E;
	}

/*Remote Support */
#support-options{
margin:18px 0;
	border:1px solid #DFD0A9;
	}
#support-options thead th{
	background:url(../images/bg-remoteTH.jpg) repeat-x top left;
	padding:10px;
	text-align:left;
	font-weight:normal;
	border-right:1px solid #b2a687;
	border-bottom:1px solid #b2a687;
	}
#support-options tfoot td{
background:#fff4d7;
text-align:center;
border-top:1px solid #DFD0A9;
}
#support-options tfoot td a{
	display:block;
	text-indent:-9999px;
	background:url(../images/btn-signUp.jpg) no-repeat;
	margin:0 auto;
	height:26px;
	width:118px;
	}
#support-options tr.desc td{	
background:#ffe6af;
padding:3px 10px 5px 10px;
text-align:center;
color:#816119;
border-bottom:1px solid #b2a687;
}
#support-options td{
	padding:10px;
	border-right:1px solid #b2a687;
	background:#fff7e5;
	}
#support-options thead th h4{
	margin-bottom:7px;
	padding-bottom:4px;
	color:#bf0400;/*#5d2900;*/
	text-transform:uppercase;
	border-bottom:1px solid #d6c9a8;
	}
#support-options thead th p{
font-size:.92em;
margin-bottom:9px;
}	


/* Tables */

table.comparison{
margin:0 auto 36px auto;
		border:4px solid #DFD0A9;
		border-bottom-width:3px;
		border-right-width:3px;
		}

table.comparison thead th{
	/*background:#fef9f4;*/
	background:#fff;
	padding:10px;
	text-align:center;
	font-weight:normal;
	border-right:1px solid #DFD0A9;
	border-bottom:1px solid #DFD0A9;
	padding-bottom:4px;
	color:#bf0400;
	text-transform:uppercase;
	}
	table.comparison tfoot th{
background:#fff4d7;
	border-right:1px solid #DFD0A9;
	border-bottom:1px solid #DFD0A9;
	padding:10px;
}
table.comparison tfoot th a{
	margin:0 auto;
	}
table.comparison tbody th{
padding:10px;
	text-align:left;
	background:#fffcf7;
	color:#5b4412;
	border-right:1px solid #DFD0A9;
	border-bottom:1px solid #DFD0A9;
	}
table.comparison td{
	padding:10px;
	border-right:1px solid #DFD0A9;
	background:#fff7e5;
	color:#816119;
	text-align:center;
border-bottom:1px solid #DFD0A9;
background:#fff;
	}
table.comparison tr.odd td{
background:#fffaf0;
}
table.comparison tbody tr.odd th{
background:#fff6e4;
}
table.comparison tfoot td{
background:#fff4d7;
text-align:center;
border-top:1px solid #DFD0A9;
}

table.comparison h4{
	margin-bottom:0;
	font-weight:bold;
	}
/*table.comparison caption{
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: .75em; 
	color:#dd6300;
	text-align:left;
	}
table.comparison .bronze{
	color:#CD853F;
	}
table.comparison .silver{
	color:#C0C0C0;
	}
table.comparison .gold{
	color:#FFD700;
	}
table.comparison .platinum{
	color:#ABB0B3;
	}*/
table.comparison .price{
		font-size:18px;
		font-weight:bold;
		text-transform:none;
		color:#333;
		}
table.comparison sup{
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	color:#333;
	}
#services #content-main table.comparison th h2{
font-size:22px;
	text-transform:none;
	margin-bottom:10px;
	}
/* DEMO 
---------------------------------------*/


/* =demo--{Demo Styles] */

#demos {
	overflow:hidden;
	margin:7px 0;
	padding:0;
	width:580px;
}

#demos dt {
	float:right;
	margin:18px 0 .2em;
	padding:0;
	width:415px;
	color:#4a2501;
	line-height:18px;
	font-size:1.2em;
	font-weight:bold;
}

#demos dd {
	margin:0 0 0 164px;
	padding:0;
}

#demos dd.img {
	margin:0;
}

#demos dd.launch {
	border-bottom:#DFD0A9 1px solid;
	padding:10px 0 10px 450px;
	margin:0;
}


#demos dd.launch a {
	background:url(http://videotrainer.com/calms/t/images/launch.png) no-repeat right;
	padding-right:17px;
}

#demos dd.img img {
	background:#FFF;
	padding:3px;
	border:2px #000 solid;
	margin:20px 10px 0 0;
	float:left;
}

/* TESTIMONIAL 
---------------------------------------*/
blockquote{
	background:#f7edd2 url(../images/quote-large.png) no-repeat 18px 9px;
	padding:18px;
	border-top:1px solid #6F4F3C;
	border-bottom:1px solid #6F4F3C;
	}
blockquote p{
	margin-bottom:0;
	}
blockquote p cite{
	font-size:1.09em;
	}
blockquote p.first{
	text-indent:50px;
	margin-top:3px;
	margin-bottom:9px;
	}	
/* CONTACT US
--------------------------------------*/
/* Contact Form */

#contact-form {
	padding-top:9px;
	}
#contact-form input.initval {
color:#d1bc85;
}
#contact-form fieldset {
	border-bottom:1px solid #f7edd2;
	margin-bottom:5px;
	padding:4px 0 10px;
	}
#contact-form label, 
#contact-form input, 
#contact-form select,
#contact-form textarea {
	display:block;
	float:left;
	}
#contact-form input#lname {
	margin-left:15px;
	}
#contact-form label {
	padding-left:10px;
	width:150px;
	color:#453125;
	font-size:1.17em;
	line-height:1.64em;
	font-weight:normal;
	}
#contact-form label.hide {
	display:none;
	}
#contact-form #phonenumber label {
	width:145px;
	}
#contact-form input, #contact-form select {
	padding:2px 5px;
	color:#875537;
	font-size:1.17em;
	font-weight:normal;
	}
#contact-form input, 
#contact-form select, 
#contact-form textarea {
	color:#875537;
	}
/*#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border:1px solid #FF9900;

}
#contact-form input:focus{
	padding:3px 6px;
}
#contact-form textarea:focus {
	height:92px;
	width:242px;
	}*/
#contact-form input{
	width:247px;
	}
#contact-form input#fname, #contact-form input#lname {
	width:110px;
	}
#contact-form input.submit {
	margin:14px 0 0 130px;
	width:auto;
	}
#contact-form h4 {
	float:right;
	width:190px;
	padding-left:30px;
	margin-bottom:0;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#c90002;
	font-size:1em;
	letter-spacing:1px;
	line-height:25px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	}
#contact-form input.phone {
	width:40px;
	}
#contact-form #phonenumber span {
	color:#6F4F3C;
	float:left;
	font-size:1.64em;
	line-height:1em;
	padding:0 5px;
	text-transform:uppercase;
	}
#contact-form textarea{
	width:257px;
	height:90px;
	}
#contact-form input.hide{
	display:none;
	}
#contact-form input.button{
	width:97px;
	margin-left:155px;
	}
#dept-list{
	margin:0;
	list-style:none;
	}
#dept-list li h4{
	margin-bottom:.625em;
	}
#dept-list li ul{
	margin:0;
	}
#dept-list li ul li{
	float:none;
	margin:0;
	list-style:none;
	}

		
/* FOOTER 
---------------------------------------*/

#footer p.img{
	float:left;
	width:80px;
	margin:0;
	}
#footer p.img a{
	border:none;
	}
#footer #privacy{
	margin:10px 0 0 0;
	padding:0;
	color:#fff;
	}
	
/* MISC 
---------------------------------------*/

/* My Comment */