/* setting the stage
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin : 0; padding : 0;}

h1, h2, h3, h4, h5, h6
{font-size: 100%;}

ol,ul
{list-style: none;}

address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

table
{border-collapse: collapse; border-spacing: 0;}

fieldset, img
{border: 0;}

cation, th
{text-align: left;}

q:before, q:after
{content: '';}

/* body
----------------------------------------------------------------------*/
html {
	background-color: #5d1a00;
	background-image: url(images/htmlbg.jpg);
	background-repeat: repeat-x;
}

body {
	position: absolute;
	background-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #FFFFFF;
	width: 980px;
	height: 768px;
	left: 22px;
}

/* logo
----------------------------------------------------------------------*/
#logo {
	position: relative;
	text-align: left;
	left: 25px;
	top: 65px; 
}

/* navigation
----------------------------------------------------------------------*/
#navlinks ul {
	position: relative;
	background-image: url(images/navbg.png);
	top: 75px; 
	height: 28px;
	width: 931px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	left: 25px;
}

#navlinks li {
	position: relative;
	display: inline;
	top: 5px;
}

#navlinks li a, #navlinks li a:link, #navlinks li a:visited { 
	color: #CC0000;
	text-decoration: none;
	padding: 5px 2%;
}

#navlinks li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10.5px 2%;
}

body#index a#homelink,
body#workflow a#workflowlink, 
body#service a#servicelink,
body#portfolio a#portfoliolink,
body#contact a#contactlink, 
body#faq a#faqlink {
	color: #FFFFFF;
	text-decoration: none;
}

/* body text  
----------------------------------------------------------------------*/
#maintext {
	position: relative;
	top: 75px;
	padding: 25px 10px;
	text-align: left;
	left: 25px;
	height: 550px;
	width: 910px;
}

#maintext a, #maintext a:link, #maintext a:visited {
	color: #CC0000;
	font-style: italic;
}

#maintext a:hover {
	color: #990000;
}

.imgs { 
	padding: 0px 9px;
	width: 910px;
}

.slideshow {
	margin: 0px -1px;
}

p, .faqquestions {
	padding: 0px 17px;
}

.faqquestions {
	height:445px;
	overflow:auto;
}

.question {
	color: #CC0000;
	font-size: 12px;
}

.answer {
	padding: 0px 0px 25px 0px;
}

/* workflowbody text  
----------------------------------------------------------------------*/
.h2 {
	color: #0dd7eb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#maintextw {
	position: relative;
	top: 75px;
	padding: 25px 10px;
	text-align: left;
	left: 25px;
	background-image: url(images/workflowbg.jpg);
	background-repeat: no-repeat;
	background-position: 20px 90px;
	height: 550px;
}

#maintextw li {
	position: relative;
	width: 240px;
	padding: 0px 17px;
	float: left;
}

.column1 {
	position: absolute;
	top: 90px;
	height: 350px;
	width: 250px;
}

.column2 {
	position: absolute;
	top: 90px;
	width: 460px;
	left: 390px;
}

.column1b {
	position: absolute;
	top: 90px;
	height: 350px;
	width: 630px;
}

.column2b {
	position: absolute;
	top: 90px;
	width: 180px;
	left: 670px;
}

.h1 {
	color: #0dd7eb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.wrap {
	float: left;
	margin: 0px 25px 0px -7px;
}

/* footer  
----------------------------------------------------------------------*/
#footer {
	position: relative;
	color: #999999;
	font-size: 10px;
	letter-spacing: .20em;
	text-align: center;
}

#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #999999;
}

#footer a:hover {
	color: #CC0000;
}
.copyrightretouch1 {
	color: #CC0000;
	font-size: 12px;
}

.tagline {
	color: #CC0000;
	font-style: italic;
	font-size: 11px;
}