@charset "utf-8";
/* -----------------------------------------------------

* Filename: style.css
* Description: Main Styles
* Author: Automatit, Inc

-------------------------------------------------------*/

/* reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, table, form {margin: 0; padding: 0;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 14px; line-height: 16px; padding-bottom: 16px;}
h6 {color: #666666; font-size: 12px; line-height: 16px; padding-bottom: 8px;}
p, ul {font-size: 12px; line-height: 16px; padding-bottom: 16px;}
ul, ol {margin-left: 30px;}
.content li {padding-bottom: 6px;}
.content ol, .content ul {padding-bottom: 10px;}
td {font-size: 12px; line-height: 16px;}
img {border: 0px;}
a {outline: none;}

/* general
-------------------------------------------------------*/
body {background: url(images/bg.gif); font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link {color: #a50b34; text-decoration: underline;}
a:visited {color: #a50b34; text-decoration: underline;}
a:hover {color: #a50b34; text-decoration: none;}
.small {font-size: 10px;}

/* header (testimonial image)
-------------------------------------------------------*/
.testimonial
{
position:absolute;
z-index:-1;
}

/* content
-------------------------------------------------------*/
	.content h2 {position: relative; left: -5px;}
	.content .portfolio h2 {color: #666666; left: 0px; margin-top: 20px; padding: 0 0 10px 0; position: relative;}
	.content .portfolio h2:first-child {margin-top: 0px;}
	.content .portfolio img {display: block; border: 2px solid #2e2e2e; margin: 0 auto 10px auto;}
	.content .hr {border-top: 1px dotted #A60B33; height: 1px; margin: 0 auto 20px; width: 80%;}
	.content hr {display: none;}
	.content .portfolio .hr {margin: 0 auto 0;}
	.content .portfolio p {padding: 0 0 10px 0;}
	.content .portfolio p.tools {color: #666666; font-weight: bold; padding: 0 0 16px 0;}
	
	.content ul {margin: 0 0 0 30px; padding: 0 0 10px 0;}
	.content ul li {padding: 0 0 6px 0;}
	.content ul li ul {padding: 6px 0 0 0;}
	.content ul li ul li {padding: 0 0 6px 0;}
	
	.content ol {margin: 0 0 0 30px; padding: 0 0 10px 0;}
	.content ol li {padding: 0 0 6px 0;}
	.content ol li ol {list-style: lower-alpha; padding: 6px 0 0 0;}
	.content ol li ol li {padding: 0 0 6px 0;}
	
	.content input, .content select, .content textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/* footer
-------------------------------------------------------*/
.footer {padding-top: 3em; text-align: center;}
.footer a:link {color: #000000; text-decoration: none;}
.footer a:visited {color: #000000; text-decoration: none;}
.footer a:hover {color: #000000; text-decoration: underline;}#sitelink p {
	padding-right: 30px;
}

#sitelink {
	position: relative;
}
#integration {
	position: absolute;
	width: 400px;
	left: 397px;
	top: 183px;
	height: 253px;
}
#automatitgateway {
	position: relative;
}
#integration2 {
	position: absolute;
	left: 224px;
	top: 91px;
	width: 440px;
}

.paragraphindent {
	padding-right: 400px;
}
#sitelink .paragraphindent {
	padding-right: 500px;

}

#sssidebar {
	background-image: url(images/bg-ss-sidebar.jpg);
	background-repeat: no-repeat;


}

#sssidebarcontent {
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 40px;
	margin-bottom: 20px;
	margin-right: 5px;
}