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

body {
	background:url(../images/bg.jpg) top center #97acaa repeat-x;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff1d2;
	width:100%;
	line-height:16px;
	font-weight:bold;
	position:absolute;
}

body p {
	margin:0 0 15px 0;
	padding:0;
}

body h1 {
	margin:0 0 7px 0;
	padding:0;
}

body h2 {
	margin:25px 0 7px 0;
	padding:0;
}

body h3 {
	font-size:16px;
	margin:0 0 5px 0;
	padding:0;
}

body h4 {
	font-size:14px;
	margin:-39px 0 0 -7px;
	padding:19px 0 0 0;
	text-align:center;
	background: url(../images/titile.png);
	width:155px;
	height:40px;
	color:#FFF;
	text-shadow:#788383 1px 1px 1px;
}


body img {
	border:none;
}

body a {
	color:#fff1d2;
	text-decoration:none;
}


body a:hover {
	color:#fff;
	text-decoration:none;
}

#container {
	width:940px;
	float:left;
	margin:60px 0 0 50px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}

#header {
	width:93px;
	float:left;
	margin:0 0 25px 0;
}

.logo {
	background:url(../images/logo.png);
	height:48px;
	width:93px;
	text-indent:-9999px;
	display:block;
}

#content {
	width:940px;
	float:left;
}

.contleft {
	width:123px;
	float:left;
}

.menu {
	width:123px;
	float:left;
}

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

.menu li {
	margin:0 0 8px 0;
	padding:0;
	list-style:none;
	float:left;
	width:123px;
}

.home a {
	background:url(../images/home.png);
	width:31px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.home a:hover, .homeselected {
	background:url(../images/homeover.png) no-repeat;
	width:31px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.aboutus a {
	background:url(../images/aboutus.png);
	width:48px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.aboutus a:hover, .aboutusselected {
	background:url(../images/aboutusover.png) no-repeat;
	width:48px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.packages a {
	background:url(../images/packages.png);
	width:53px;
	height:13px;
	text-indent:-9999px;
	display:block;
}

.packages a:hover, .packagesselected {
	background:url(../images/packagesover.png) no-repeat;
	width:53px;
	height:13px;
	text-indent:-9999px;
	display:block;
}

.works a {
	background:url(../images/works.png);
	width:32px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.works a:hover, .worksselected {
	background:url(../images/worksover.png) no-repeat;
	width:32px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.team a {
	background:url(../images/team.png);
	width:28px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.team a:hover, .teamselected {
	background:url(../images/teamover.png) no-repeat;
	width:28px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.clients a {
	background:url(../images/clients.png);
	width:37px;
	height:11px;
	text-indent:-9999px;
	display:block;
}

.clients a:hover, .clientsselected {
	background:url(../images/clientsover.png) no-repeat;
	width:37px;
	height:11px;
	text-indent:-9999px;
	display:block;
}

.reward a {
	background:url(../images/reward.png);
	width:75px;
	height:14px;
	text-indent:-9999px;
	display:block;
}

.reward a:hover, .rewardselected {
	background:url(../images/rewardover.png) no-repeat;
	width:75px;
	height:14px;
	text-indent:-9999px;
	display:block;
}

.faq a {
	background:url(../images/faq.png);
	width:18px;
	height:13px;
	text-indent:-9999px;
	display:block;
}

.faq a:hover, .faqselected {
	background:url(../images/faqover.png) no-repeat;
	width:18px;
	height:13px;
	text-indent:-9999px;
	display:block;
}

.contact a {
	background:url(../images/contact.png);
	width:42px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.contact a:hover, .contactselected {
	background:url(../images/contactover.png) no-repeat;
	width:42px;
	height:10px;
	text-indent:-9999px;
	display:block;
}

.contmiddle {
	width:570px;
	float:left;
}

.slogan {
	background:url(../images/slogan.png);
	height:178px;
	width:569px;
	text-indent:-9999px;
	display:block;
	margin:0 0 30px 0;
}

.desc_box {
	width:570px;
	float:left;
}

.small_box {
	width:172px;
	float:left;
	margin:0 25px 0 0;
}

.readmore a {
	background:url(../images/readmore.png);
	height:27px;
	width:80px;
	text-indent:-9999px;
	display:block;
}

.readmore a:hover {
	background:url(../images/readmore.png);
	height:27px;
	width:80px;
	text-indent:-9999px;
	display:block;
}

.freequote a {
	width:166px;
	float:right;
	background:url(../images/quotecircle.png);
	height:166px;
	display:block;
	text-indent:-9999px;
}

.freequote a:hover {
	width:166px;
	float:right;
	background:url(../images/quotecircle-roll.png);
	height:166px;
	display:block;
	text-indent:-9999px;
}

.freequoteinner a {
	width:166px;
	float:left;
	background:url(../images/quotecircle.png);
	height:166px;
	display:block;
	text-indent:-9999px;
}

.freequoteinner a:hover {
	width:166px;
	float:left;
	background:url(../images/quotecircle-roll.png);
	height:166px;
	display:block;
	text-indent:-9999px;
}


.slide-out-div {
    width: 230px;
	height:202px;
    background:url(../images/footerbg.png) no-repeat;
	padding:25px 25px 0 25px;
	z-index:2;
	bottom:0;
	position:absolute;
	font-size:11px;
	line-height:16px !important;
	left: 50% !important;
    margin-left: -140px !important;
}

.slide-out-div2 {
    width: 244px;
	height:161px;
    background:url(../images/signinbg.png) no-repeat;
	padding:67px 18px 0 18px;
	z-index:2;
	color:#fff;
	position:absolute;
	font-size:10px;
	left: 50% !important;
    margin-left: -140px !important;
}

.slide-out-div span {
	color:#fff;
}

.slide-out-div2 span {
	margin:0 0 20px 0;
}

.fieldbg {
	background:url(../images/fieldbg.png);
	height:15px;
	width:235px;
	margin:0 0 5px 0;
	float:left;
	font-size:11px;
	padding:5px;
}

.submit a {
	background:url(../images/submit.png);
	height:33px;
	width:83px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:15px 0 0 80px;
}

.signin_field {
	background:none;
	width:170px;
	color:#fff;
	border:none;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.innerleft {
	float:left;
	width:166px;
}

.innerright {
	float:right;
	width:570px;
	padding:0 0 100px 0;
}

.workstitle {
	background:url(../images/workstitile.png);
	display:block;
	width:146px;
	height:46px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.faqtitle {
	background:url(../images/faqtitle.png);
	display:block;
	width:90px;
	height:55px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.packagetitle {
	background:url(../images/packagestitle.png);
	display:block;
	width:223px;
	height:57px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.aboutustitle {
	background:url(../images/aboutustitle.png);
	display:block;
	width:202px;
	height:46px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.contacttitle {
	background:url(../images/contacttitle.png);
	display:block;
	width:183px;
	height:47px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.teamtitle {
	background:url(../images/teamtitle.png);
	display:block;
	width:126px;
	height:46px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.clienttitle {
	background:url(../images/clienttitle.png);
	display:block;
	width:159px;
	height:47px;
	text-indent:-999px;
	margin:0 0 15px 0;
	padding:0;
}

.workgraphicbgsmall {
	color:#909f9d;
	text-decoration:none;
	background:url(../images/work-bg.png);
	width:550px;
	height:230px;
	padding:10px;
	margin:0 0 10px 0;
	float:right;
}

.workbg a {
	color:#909f9d;
	text-decoration:none;
	background:url(../images/work-bg.png);
	width:550px;
	height:230px;
	padding:10px;
	margin:0 0 10px 0;
	float:right;
	cursor:pointer;
}

.workbg a:hover {
	text-decoration:none;
	background:url(../images/work-bg-roll.png);
	width:550px;
	height:230px;
	padding:10px;
	margin:0 0 10px 0;
	float:right;
	color:#f2e4c5;
	cursor:pointer;
}

.workgraphicbg  {
	color:#909f9d;
	text-decoration:none;
	background: url(../images/workgraphic-bg.png);
	width:550px;
	height:400px;
	padding:10px;
	margin:0 0 10px 0;
	float:right;
}


.workleft {
	width:120px;
	padding:10px 20px 10px 10px;
	float:left;
}

.workright {
	width:400px;
	float:left;
}

.clientrow {
	float:left;
	margin:0 0 40px 0;
	width:570px;
}

.faqrow p {
	margin:0 0 25px 0;
}

.clientbox {
	width:245px;
	float:left;
	margin:0 40px 0 0;
}

.clientbox ul {
	margin:15px 0 0 15px;
	padding:0;
}

.packagebox {
	width:180px;
	margin:0 10px 20px 0;
	float:left;
}

.packagetop {
	background:url(../images/packagetop.png);
	width:180px;
	height:14px;
	float:left;
}

.packagemid {
	background:#f2e4c5;
	float:left;
	width:140px;
	padding:20px;
	color:#909f9d;
}

.packagemidservice {
	background:none;
	float:left;
	width:140px;
	padding:20px;
	color:#fff1d2;
}

.packagemidservice ul {
	margin:0;
	padding:0;
	list-style:none;
}

.packagemidservice li {
	padding:10px 0;
	border-bottom:1px dashed #fff1d2;
}


.packagemid ul {
	margin:0;
	padding:0;
	list-style:none;
}

.packagemid li {
	padding:10px 0;
	border-bottom:1px dashed #a4b5b3;
}

.packagemid a {
	color:#909f9d;
	text-decoration:none;
}

.packagemid a:hover {
	color:#909f9d;
	text-decoration:underline;
}

.packagebottom {
	background:url(../images/packagebottom.png);
	width:180px;
	height:14px;
	float:left;
}

.new {
	background:url(../images/new.png);
	width:30px;
	height:19px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	margin:-21px 0 0 15px;
}

.addon {
	width:180px;
	float:left;
	margin:0 10px 0 0;
}

.addon ul {
	margin:10px 0 0 15px;
	padding:0;
}

.form {
	width:239px;
	border:1px dashed #fff1d2;
	color:#fff1d2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	background:none;
	margin:3px 0 10px 0;
}