body {
	border-top: 5px solid #5b4f81;
	background:url(black1.jpg) repeat-x;
	margin:0;
}
#container {
	width:770px;
	min-height:400px;
	border:1px solid #ffffff;
	background:#fff;
	margin:auto;
	margin-top:15px;
	padding:0;
}
#header {
	text-transform:uppercase;
	background:url(sfsupport_newlogo.jpg);
	padding-left:0px;
	height:237px;
}

.pad {
	padding:10px;
	padding-bottom:0px;
	margin-bottom:-10px;
}
#columns { 
	padding: 0px;
	
}
#col1 {
	
	margin: 0;
	float:left;
	width:475px;
	background-color:#fff;
	color:#000;
}
#col2 {
	float:right;
	margin: 0;
	margin-top: -10px;
	margin-left: -10px;
	width:280px;
	height:auto;
	border-left: 1px solid #000;
	background: #000;
	color: #fff;
}
span.notvisible {
	display:none;
}
#col1 h1,#col2 h1 {
	font-size:125%;
}
#col1 h3 {
	font-size: 105%;
	padding-left: 0px;
	padding-right: 0px;
	
}
#col1 h2 {
	font-size: 105%;
	padding-left: 0px;
	padding-right: 0px;
	
}
#col1 p,#col2 p {
	font-size: 95%;
	line-height:130%;
	color:#333;
}
.pad {
	font-family: arial, sans-serif;
}
#footer {
	font-family: arial;
	color: #333;
	font-size:75%;
	padding-left:20px;
	text-align:center;
}
#footer a {
	text-decoration: none;
}
a {
	color:#17D8D2;	
	text-decoration: none;
}
.right {
	float:right;
}
.border {
	margin-top:10px;
	border-top:1px solid #ffffff;
	margin-left:1px;
}
ul.about {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.about li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.about a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.about a.active,ul.about a.active:hover {
	border-left:15px solid #A034B7;
	border-bottom:1px solid #A034B7;
	color:#A034B7;
}
ul.about a:hover {
	border-left:15px solid #D13BCC;
	color:#D13BCC;
}

ul.links {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.links li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.links a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.links a.active,ul.links a.active:hover {
	border-left:15px solid #17D8D2;
	border-bottom:1px solid #17D8D2;
	color:#1AD6F2;
}
ul.links a:hover {
	border-left:15px solid #36E0EF;
	color:#36E0EF;
}

ul.services {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.services li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.services a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.services a.active,ul.services a.active:hover {
	border-left:15px solid #CD168A;
	border-bottom:1px solid #CD168A;
	color:#CD168A;
}
ul.services a:hover {
	border-left:15px solid #DE17DC;
	color:#DE17DC;
}
ul.rates {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.rates li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.rates a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.rates a.active,ul.rates a.active:hover {
	border-left:15px solid #15CA66;
	border-bottom:1px solid #15CA66;
	color:#15CA66;
}
ul.rates a:hover {
	border-left:15px solid #18ED7D;
	color:#18ED7D;
}
ul.faq {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.faq li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.faq a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.faq a.active,ul.faq a.active:hover {
	border-left:15px solid #F0A718;
	border-bottom:1px solid #F0A718;
	color:#F0A718;
}
ul.faq a:hover {
	border-left:15px solid #F2D94B;
	color:#F2D94B;
}
ul.contact {
	font-size:90%;
	list-style:none;
	margin-left:0;
	padding-left:0px;
	border:3px solid #000;
}
ul.contact li {
	display:inline;
	padding-top:6px;
	margin-left:0;
	padding-left:0;
}
ul.contact a {
	border-bottom:1px solid #333;
	border-right:5px solid #000;
	border-left:15px solid #000;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:0px;
	color:#fff;
}
ul.contact a.active,ul.contact a.active:hover {
	border-left:15px solid #F74C65;
	border-bottom:1px solid #F74C65;
	color:#F74C65;
}
ul.contact a:hover {
	border-left:15px solid #E15B8A;
	color:#E15B8A;
}
ul.links a.noborder {
	border-bottom:1px solid #fff;
}
#columns {
	margin-top:10px;
}
#col2 .pad h4 {
	margin-bottom:-5px;
	padding-left:0px;
	
}
#col1 h1.home { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #1AD6F2;
	border-left:15px solid #1AD6F2;
	}
#col1 h1.about { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #A034B7;
	border-left:15px solid #A034B7;
}
#col1 h1.services { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #CD168A;
	border-left:15px solid #CD168A;
}
#col1 h1.rates { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #15CA66;
	border-left:15px solid #15CA66;
}
#col1 h1.faq { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #F0A718;
	border-left:15px solid #F0A718;
}
#col1 h1.contact { 
	letter-spacing: -1px; 
	padding-left: 10px; 
	color: #F74C65;
	border-left:15px solid #F74C65;
}
#logo h1 { 
	margin: 0px; 
	padding: 0px;
	margin-top: -20px;
	margin-bottom: -19px;

	font-size: 55px;
	font-family: sans-serif;

	color: #000;
	
}
#frontpage h3 {
	font-size: 36px;
	font-family: sans-serif,arial;
	color: #c7c7c7;
}
#frontpage h2 {
	font-size: 36px;
	font-family: sans-serif,arial;
	color: #c7c7c7;
	text-align: right;
}