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

body
{
	margin: 0 auto;
}
body#home h1
{
	font: bold 40px Arial, Helvetica, sans-serif;
	color: #522A69;
	margin: 10px 0px 20px;
	padding: 0;
	text-align: center;
}
div.wrapper
{
	width: 100%;
	height: 100%;
	background: #3A383B;
	float: left;
}
div.maincontainer
{
	margin: 0 auto;
	width: 970px;
	height: auto;
}
div.header
{
	float: left;
	width: 970px;
	height: 196px;
	background: url(../images/logo.jpg) no-repeat;
}
div.details
{
	float: left;
	width: 325px;
	height: 80px;
	margin: 50px -40px 0px;
	padding: 0px 0px 0px 670px;
	text-align: right;
}
div.logo
{
	float: left;
	width: 970px;
	height: 155px;
	background: url(../images/logo.jpg) no-repeat;
}
div.navigation
{
	float: left;
	width: 965px;
	height: 41px;
	padding: 0px 2px;
	background:url(../images/navbutton.jpg) 0 -82px repeat-x;
}
div.nav
{
	float: left;
	width: 193px;
	height: 41px;
	background:url(../images/navbutton.jpg) 0 -41px no-repeat;
}
div.nav a
{
	float: left;
	width: 193px;
	height: 31px;
	padding: 10px 0px 0px;
	background:url(../images/navbutton.jpg) 0 -41px no-repeat;
}
div.nav a:hover
{
	background:url(../images/navbutton.jpg) 0 0 no-repeat;
}
div.maincontent
{
	float: left;
	width: 970px;
	height: auto;
}
div.gallery
{
	float: left;
	width: 970px;
	height: 550px;
	margin: 20px 0px 0px;
}
div.content
{
	float: left;
	width: 970px;
	height: auto;
}
div.content1
{
	float: left;
	width: 970px;
	height: 345px;
}
div.content2
{
	float: left;
	width: 968px;
	height: auto;
	border: 1px solid #818286;
	margin: 21px 0px 0px 0px;
	background: #FFF;
	padding: 0px 0px 10px;
}
div.content3
{
	float: left;
	width: 970px;
	height: 145px;
	margin: 21px 0px 0px 0px;
}
div.content4
{
	float: left;
	width: 646px;
	height: 1075px;
	border: 1px solid #818286;
	margin: 21px 10px 0px 0px;
	background: #FFF;
	padding: 0px 0px 10px;
}
div.holdcola
{
	float: left;
	width: 100%;
	height: auto;
}
div.holdcol
{
	float: left;
	width: 800px;
	height: auto;
	padding: 0 84px 0 84px;
}
div.column
{
	float: left;
	width: 200px;
	height: auto;
}
ul.col
{
	font: normal 15px Arial, Helvetica, sans-serif;
	color:#522A69;
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 0;
}
li.coll
{
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#522A69;
	list-style: none;
	padding: 0;
	margin: 3px 0px;
}
table.tablepad
{
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#522A69;
	margin: 0px 0px 0px 20px;
	_margin: 0px 0px 0px 10px;
	float: left;
}
div.gallerybox
{
	float: left;
	width: 646px;
	height: 320px;
	margin: 23px 10px 0px 0px;
	background: #494A4F url(../images/gallery-background.jpg) no-repeat;
	border: 1px solid #818286;
}
div.gallerytext
{
	float: right;
	width: 270px;
	height: 320px;
}
div.previous-projects
{
	float: left;
	width: 312px;
	height: auto;
	margin: 21px 0px 0px 0px;
}
div.projects
{
	float: left;
	width: 312px;
	height: 50px;
}
div.testimonialbox
{
	float: left;
	width: 302px;
	height: 322px;
	margin: 23px 0px 0px 10px;
	background: url(../images/testimonial-background.jpg) repeat-x;
}
div.testimage
{
	float: left;
	width: 277px;
	height: 143px;
	margin: 10px 0px 0px;
	padding: 0px 12px 0px 12px;
}
div.testtext
{
	float: left;
	width: 277px;
	height: 170px;
	padding: 0px 12px 0px 12px
}
div.imagebox
{
	float: left;
	width: 184px;
	height: 126px;
	margin: 0px 6px;
	background: url(../images/image-back.jpg) repeat-x;
}
div.imageboxleft
{
	float: left;
	width: 184px;
	height: 126px;
	background: url(../images/image-back.jpg) repeat-x;
	margin: 0px 7px 0px 0px;
}
div.imageboxright
{
	float: left;
	width: 184px;
	height: 126px;
	margin: 0px 0px 0px 7px;
	background: url(../images/image-back.jpg) repeat-x;
}
div.footer
{
	float: left;
	width: 970px;
	height: 43px;
}
div.bottomnav
{
	float: left;
	width: 940px;
	height: 24px;
	background:url(../images/foot.jpg) repeat-x;
	padding: 0px 0px 0px 30px;
}
div.bottomlinks
{
	float: left;
	width: 660px;
	height: 23px;
	margin: 1px 0px 0px;
}
div.copy
{
	float: left;
	width: 280px;
	height: 18px;
	margin: 6px 0px 0px;
}
.text
{
	font: normal 15px Arial, Helvetica, sans-serif;
	color:#522A69;
	text-align: justify;
}
.text1
{
	font: italic normal 26px Arial, Helvetica, sans-serif;
	color:#522A69;
	text-align: center;
}
.text2
{
	font: italic normal 15px Arial, Helvetica, sans-serif;
	color:#522A69;
	text-align: justify;
}
.tele
{
	font: normal 32px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.copyright
{
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#C4C4C6;
}
/*link*/
.mainnav
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#C4C4C6;
	text-decoration:none;
	text-align: center;
}
.mainnav:hover
{	
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align: center;
}
.clickhere
{
	margin: 20px 25px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.bottom
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#C4C4C6;
	text-decoration:none;
	text-align: center;
}
.bottom:hover
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#735684;
	text-decoration:none;
	text-align: center;
}
.position
{
	margin: 10px 0px 0px 12px;
	cursor: pointer;
}
/*elements*/
.inp
{
	width: 200px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #909195;
	border: 1px solid #3A383B;
}
.tex
{
	width: 300px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #909195;
	border: 1px solid #3A383B;
}
h1
{
	font: bold 36px Arial, Helvetica, sans-serif;
	color: #522A69;
	margin: 10px 0px 20px;
	padding: 0px 0px 0px 20px;
	text-align: left;
}
h2
{
	font: bold 40px Arial, Helvetica, sans-serif;
	color: #D1D2D4;
	margin: 10px 0px 0px;
	padding: 0px 25px 0px 0px;
	text-align: right;
}
h3
{
	font: bold 28px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
h4
{
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #522A69;
	margin: 20px 0px 20px;
	text-align: left;
	padding: 0px 0px 0px 10px;
	float: left;
}
h5
{
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #522A69;
	margin: 20px 0px 20px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}
p
{
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
}
img
{
	border: 0;
}
ul
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
li.bullet
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#C4C4C6;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px;
	list-style:none url(../images/bullet.jpg);
}