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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
h1{
	font-size:25px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
h2{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
h3{
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
//---------------------------------------------------------------------
@footer-height:250px;
@header-height:90px;
@content-width:950px;
@standard-padding:5px;
@small-font:0.8em;
@gray-color:#ccc;
@left-sidebar-width:200px;
@right-sidebar-width:269px;
body{
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;	
}
header, footer, article{
	padding:@standard-padding;
}
img{
border:0px;
padding:0px;
}
td, p{
	padding:2px;
}
h2{
	text-transform:uppercase;
}
p{
	margin-bottom:20px;
	text-align:justify;
}
a{
	color:#447;
	&:visited{
		color:#447;
	}
	&:hover{
		text-decoration:underline;
	}
	&.active-link{
		color:#111;
		text-decoration:none;
		font-weight:bold;
		 
	}
}
#phone{
	color:#a44;
}
#first-month{
	font-style:italic;
	background-color:#113;
	font-weight:bold;
	color:white;
	font-size:1.5em;
	text-align:center;
	height:50px;
	line-height:2em;
	padding-top:0px;
	margin-top:15px;
}
.quote{
	font-size:1.5em;
	color:#78B6E1;
}
.reference{
font-family:Garamond;
font-size:0.8em;
color:black;
}
#content{
	width:@content-width;
	margin:10px auto;
	color:#333;
	//border:1px solid @gray-color;
	min-height:400px;
	line-height:1.3em;
	position:relative;
	//padding-bottom:@footer-height;
	em{
		font-weight:bold;
		font-style:italic;
	}
	article{
		 .tiers{
			td{
				font-size:0.8em;
				img{
					position:relative;
					top:30px;
				}
			}
		 }
		 ul, ol{ 
			padding-left:20px;
			list-style-image: url(/images/bullet.png);
			li{
				.list-heading{
					font-weight:bold;
				}
				color:black;
				margin-bottom:1em;
			}
		}
		
		.article-images-float{
			float:right;
			margin:10px;
			padding:10px;border:1px dotted #aac;
			text-align:center;
			img{
				display:block;
				width:50px;
				margin:5px auto;
			}
		}
		#windows-vs-linux-table{
			th{
				border-right:1px solid #aaa;
				border-bottom:1px solid #aaa;
				.last-cell{
					border-right:0px;
				}
			}
			td{
				border-right:1px solid #aaa;
				border-bottom:1px solid #aaa;
			}
			.last-row{
				td{
					.last-cell{
						border-right:0px;
					}
					border-bottom:0px;
				}
			}
		}
		position:relative;
		padding-left:0px;
		//background: transparent url(/images/contact-back.png) no-repeat;
		h1{
			background: transparent url(/images/article-back.png) repeat-x;
			text-align:center;
			padding:10px;
			font-size:1.2em;
			height:30px;
			color:white;
			margin-top:0px;
			position:relative;
			top:0px;
		}
		
		h2{
			color:#a22;
			font-weight:bold;
		}
		
		//border:1px solid #aaa;
		min-height:400px;
		margin-bottom:5px;
		&.wide-article{
			left:0px;
			width:@content-width - (@right-sidebar-width) - (1*@standard-padding);
		}
		&.narrow-article{
			left:@left-sidebar-width + 2*@standard-padding;
			width:@content-width - (@left-sidebar-width) - (@right-sidebar-width) - (3*@standard-padding) - 2;
		}
		#call-to-action{
			text-align:center;
			font-size:0.8em;
			margin-top:20px;
		}
	}
	#contact-form, #phone-list{
		tbody{
			tr{
				td{
					font-size:0.8em;
					input, select{
						border:1px solid #aaa;
					}
				}
			}
		}
	}
	#partner-list{
		list-style-type:none;
		list-style-image:none;
		height:670px;
		li{
			float:left;
			width:140px;
			min-height:120px;
			text-align:center;
			
			img{
				width:100px;
			}
		}
	}
	#left-sidebar{
		width:@left-sidebar-width - 8;
		overflow:hidden;
		position:absolute;
		top:@header-height + 3*@standard-padding;
		height:900px;
		left:0px;
		padding:@standard-padding;
		//border-right:1px dotted #aaa;
		background-color:#eef;
		img{
			margin:30px 0px 10px 0px;
			width:190px;
		}
		ul{
			padding-left:10px;
			padding-top:0px;
			margin-top:2px;
			li{
				margin-bottom:8px;
			}
			a{
				font-size:.8em;
				text-decoration:none;
			}
		}
	}
	
	#right-sidebar{
		width:@right-sidebar-width;
		position:absolute;
		top:@header-height + (@standard-padding*2)+4;
		right:0px;
		overflow:hidden;
		height:900px;
		//padding:@standard-padding;
		padding:0px;
		
		#testimonials{
			margin-top:8px;
			padding-top:30px;
			line-height:1.1em;
			font-size:1.1em;
			font-family:'Times New Roman';
			font-style:italic;
			font-weight:bold;
			color:#335;
			height:1170px;
			padding:10px 10px;
			//border:1px solid #cef;
			background:#FFF;// url(/images/blue.blinds.box.png) repeat-x;
			#fade-test{
				div{
					background-color:transparent;
				}
			}
			#author{
		
				text-align:right;
				font-style:normal;
				font-size:0.6em;
				font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;	
				margin-top:10px;
			}
			#video_section{
				position:relative;
				margin:20px auto;
				width:150px;
				font-size:0.8em;
				
			}
			
		}
		#contact{
		
			#contact-table{
				td, tr{
					padding:0px;
					padding-left:3px;
					margin:0px;
					font-size:0.9em;
					input{
						position:relative;
						top:5px;
					}
				}
			}
		
			h1{
				color:white;
				font-size:1.2em;
				margin:0px 0px 10px 10px;
			}
			height:250px;
			border:1px solid #cef;
			background:#f4f5ff url(/images/blue.blinds.box.png) repeat-x;
		
			padding-bottom:10px;
			padding-right:5px;
			padding-top:10px;
			line-height:25px;
			label{
				float:left;display:block;
				width:70px;
				text-align:right;
				position:relative;
				top:0px;
				font-size:0.7em;
				padding-right:5px;

				
			}
			input, select{
				width:168px;
				border:1px solid @gray-color;
				font-size:0.8em;
				float:left; 
			}
			.submit-button{
				padding:5px;
				width:163px;
				margin-left:5px;
				border:2px solid white;
			 
			 
			}
	
		 
			
		}
	}
	
	header{
		height:@header-height;
		position:relative;
		#contact{
			position:absolute;
			top:21px;
			right:0px;
		}
		nav{
				
		}
		nav ul{
			list-style-type:none;
			li{
				float:left;
				margin-right:28px;
				font-weight:bold;
				
			}
		}
	}
	
	footer{
//		position:absolute;
		height:@footer-height;
		bottom:0px;
		padding:0px;
		margin:0px;
		width:@content-width;
		
		a{
			color:#ffffd0;
			text-decoration:none;
			&:visited{
				
			}
			&:hover{
				text-decoration:underline;
			}
		}
		font-size:@small-font;
		color:darken(@gray-color,20%);
		ul{ 
			padding-left:20px;
			list-style-image: url(/images/bullet.png);
			li{
				
				color:black;
				margin-bottom:1em;
				font-size:1.2em;
			}
		}
		#footer_inner{
			height:235px;
		}
			h1{
				color:white;
				font-size:1.8em;
				margin-bottom:10px;
				margin-top:8px;
				
				
			}
			 #managed{
					margin-top:22px;
					margin-bottom:17px;
					font-weight:bold;
				}
		#about{
			div{
				position:relative;
				left:0px;
				top:0px;
				a{
					color:#333;
				}
			}
			background: transparent url(/images/gold.box.png);
			float:left;
			width:268px;
			margin-left:2px;
			h1{
			color:black;
			padding:5px;
			}
			height:100%;
			ul{
			padding-left:28px;
			}
		}
		#services{
			background: transparent url(/images/blue.boxes.png) no-repeat;
			height:234px;
			position:relative;
			float:left;
			padding-left:5px;
			width:550px;
			font-weight:bold;
			ul{
				li{
					margin-bottom: 7px;
				}
			}
		
			#managed{
				position:absolute;
				left:15px;
				top:10px;
				margin:0px;
			}
			
			#it{
				position:absolute;
				left:280px;
				top:10px;
	 		}
		}
		
		#social{
			float:left;
			margin:0px 1px 0px 8px;
			position:relative;
			height:234px;
			width:115px;
			img{
				width:110px;
				height:115px;
			}
			img#facebook{
					 position:absolute;
					 bottom:0px;
					 left:0px;
					// border:1px solid red;
				}
			}
		}
	
	}