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

*
{
margin: 0;
padding: 0;
}

body
{
font: 11px arial;
background: #F3F3F3 url(../images/body-bg.jpg) repeat-x top left;
margin: 0 0 10px 0;
}

a
{
text-decoration: none;
color: #CC0000;
}

a:hover
{
text-decoration: underline;
}

ul
{
list-style-type: none;
}

img
{
border: none;
}

#wrapper
{
width: 800px;
overflow: hidden;
margin: 0 auto;
}

#maincontainer
{
width: 800px;
float: left;
background: #F3F3F3 url(../images/maincontainer-bg.jpg) no-repeat top left;
margin: 4px 0 0 0;
}

#content
{
width: 585px;
float: left;
margin: 15px 0 15px 15px;
}

#rightcolumn
{
width: 188px;
float: left;
border-left: 1px solid #C8CED0;
padding: 0 0 0 10px;
}

#rightcolumn.column
{
padding-bottom: 20010px;
margin-bottom: -20000px;  
}


#footer
{

background: url(../images/footer-bg.jpg) no-repeat top left;
float: left;
height: 70px;
width: 800px;
padding: 15px 0 0 0;

}










#content p
{
margin: 0 10px 10px 0;
}

#content h1
{
font: bold 20px "Trebuchet MS";
color: #CC0000;
margin: 0 0 5px 0;
}

#content h1.center
{
font: bold 25px arial;
color: #CC0000;
margin: 0 0 5px 0;
text-align: center;
}


#content h2
{
width: 550px;

font: bold 15px "Trebuchet MS";
margin: 0 0 0px 0;
color: #c00;
display: block;
}

#content .h2special
{
font: 16px "Trebuchet MS";
margin: 0 0 0px 0;
color: #c00;
}


#content ul
{
width: 550px;
}

#content ul li
{
font: 11px arial;
color: #000;
}

#content ul li a
{
font: bold 11px arial;
color: #000;
}


img.fleft
{
float: left;
margin: 0 5px 5px 0;
}




#content  ul.artlist li a
{
font: bold 12px arial;
}






table.tabdata
{
margin: 10px 0 10px 0;
}

table.tabdata td
{
padding: 3px;

}


#fullwidth
{
width: 560px;
}

#fullwidth h2
{
font: 20px arial;
width: 560px;
}

#fullwidth h3
{
font: bold 12px arial;
width: 560px;
}




.clients
{
width: 570px;
float: left;
border-bottom: 1px solid #000;
padding: 10px 0 10px 0;
}

.clients span.logos
{
float: left;
width: 175px;
display: block;
padding: 0 10px 0 0;
}

.clients p
{
width: 350px;
float: left;
}

.clients span.block
{
margin: 20px 0 0 0;
display: block;
color: #990000;
}


















#mainboxes
{
width: 800px;
float: left;
margin: 10px 0 0 0;
}

.boxstructure
{
width: 263px;
float: left;
background: url(../images/box-bg.jpg) no-repeat top left;
height: 134px;
margin: 0 0 0 3px;
}

.boxstructure h2
{
width: 253px;
display: block;
height: 30px;
font: bold 18px "Trebuchet MS";
padding: 5px 0 0 10px;
}


.boxstructure h2.one {background: #9A4AAB;}
.boxstructure h2.two {background: #6525D6;}
.boxstructure h2.three {background: #F18F11;}


.boxstructure h2 a
{
color: #fff;
}

.cont
{
padding: 10px 0 0 10px;
}

.cont p
{
padding: 0 10px 0 0;
}



span.moreinfo
{
display: block;
float: right;
position: relative;
top: 0px;
left: -1px;
background: #000;
height: 17px;
width: 55px;
color: #fff;
padding: 1px 5px 0 5px;
}

span.moreinfo a
{
color: #fff;
}

span.smtext1
{
font: 11px arial;
float: left;
padding: 10px 5px 0 0px;
}

span.smtext2
{
font: 11px arial;
float: left;
padding: 10px 0 0 5px;
}

span.bigtxt
{
font: 25px "Trebuchet MS";
float: left;
}









#header
{
width: 800px;
float: left;
}




































#insidebox
{
width: 585px;
float: left;
margin: 10px 0 0 0;
}


#inleft
{
width: 400px;
float: left;
border-right: 1px dashed #ccc;
}

#centerbox
{
width: 560px;
overflow: hidden;
margin: 0 0 0 0px;
}
	#testimonialbox
	{
	width: 310px;
	float: left;
	/*background: url(../images/testimonial-bg.jpg) no-repeat top left;*/
	padding: 0px 20px 10px 0px;
	margin: 0 0 0 50px;
	}
	
		#testimonialbox span.more
		{
		width: 90px;
		float: right;
		margin: 5px 0 0 10px;
		background: #ccc;
		display: block;
		height: 18px;
		padding: 4px 0 0 5px;
		}
		
		
	
	#secondbox
	{
	width: 380px;
	float: left;
	}
	
	#secondbox h2
	{
	font: bold 12px arial;
	}
	
	

#inright
{
width: 175px;
float: left;
margin: 0 0 0 9px;
}

#inright h2
{
font: bold 12px arial;
padding: 0 0 5px 0;
margin: 0 0 2px 0;
}

#inright h2 a
{
color: #000;
}

#services-box
{
float: left;
}

#services-box h2
{
font: bold 12px arial;
border-bottom: 3px double #ccc;
padding: 0 0 5px 0;
margin: 0 0 2px 0;
}

#services-box h2 a
{
color: #000;
}

	ul.servicelist
	{
	width: 175px;
	float: left;
	margin: 0 0 15px 0;
	}

	ul.servicelist li
	{
	width: 175px;
	float: left;
	height: 20px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #C8CED0;
	}
	
	ul.servicelist li a
	{
	color: #CC0000;
	}







#box
{
width: 400px;
float: left;
}

	#box1
	{
	width: 154px;
	float: left;
	border: 5px solid #ccc;
	background: url(../images/box1-bg.jpg) repeat-x top left;
	height: 80px;
	padding: 8px;
	}
	
	

	#box2
	{
	width: 200px;
	float: left;
	margin: 0 10px;
	}
	
	#box2 h2
	{
	font: bold 12px arial;
	margin: 0 0 5px 0;
	}
	 
	#box2 h2 a
	{
	color: #000;
	}
	



table.tabledata
{
border: 1px solid #ccc;
border-collapse: collapse;
font: 11px arial;
margin: 10px 0;
}

table.tabledata td,
table.tabledata th
{
padding: 5px;
border: 1px solid #ccc;
border-collapse: collapse;
font: 11px arial;
}

table.tabledata th
{
padding: 5px;
background: #ccc;
}


table.tabledata td
{
padding: 3px;
border: 1px solid #ccc;
border-collapse: collapse;
font: 11px arial;
}

table.tabledata td.center
{
text-align: center;
}

table.tabledata h2
{
font: 11px arial;
}






#freebox
{
width: 180px;
float: left;
height: 100px;
padding: 0 0 10px 0;
}


#seoimgbox
{
width: 170px;
margin: 20px 0 0 0;
float: left;
text-align: center;
}

#seoimgbox h2
{
width: 170px;
text-align: center;
float: left;
font: bold 11px arial;
}


#newbox
{
width: 155px;
float: left;
padding: 10px;
borderm: 1px solid #FDFDFD;
background: #C8CED0;
margin: 10px 0 0 0;
}

#newbox h2
{
font: bold 15px arial;
}

#newbox ul
{
margin: 10px 0 0 0;
}

#newbox ul li
{
float: left;
background: url(../images/bullet.gif) no-repeat top left;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
}

#newbox ul li a
{
color: #000;
}



ul.wplist
{
width: 550px;
margin: 10px 0 0 0;

}

ul.wplist li
{
width: 550px;
float: left;
background: url(../images/bullet.gif) no-repeat top left;
padding: 0 0 0 10px;
margin: 0 0 15px 0;

}

ul.wplist li a
{
color: #000;
}
















#footer-left
{
width: 600px;
float: left;
padding: 0 0 0 15px;
}

#footer ul.footerlist
{
width: 600px;
float: left;
margin: 0 0 10px -5px;
}

#footer ul.footerlist li
{
float: left;
border-right: 1px solid red;
padding: 0 5px 0 5px;
}

#footer-left span,
#footer-right span
{
display: block;
}



#footer-right
{
width: 170px;
float: left;
padding: 0 15px 0 0;
color: #CC0000;
}
















/* forms */

form
{
}

input,
textarea,
select
{
border: 1px solid #ccc;
font: 11px arial;
padding: 2px;
}

input.askinput
{
width: 170px;
margin: 0 0 5px 0;
}





ul.firstlist
{
float: left;
margin: 0;
padding: 0;
}

ul.firstlist li
{
float: left;
margin: 0;
padding: 0;
}