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

body{
		margin:0;
		padding:0;
		color:#000;
		font-size:13px;
		font-weight:normal;
		font-family:Georgia;
}

.clr{
		clear:both;
}

div, h1, h2, h3, h4, p, ul, li, form{
margin:0;
padding:0;
}


a, img{
border:none;
outline:none;
text-decoration:none;
}

.image{
		float:left;
}


/*header*/

#headerOut{
		float:left;
		width:100%;
		height:163px;
		background:#fff url(../images/headerBkgnd.gif) repeat-x;
}

.header{
		width:982px;
		margin:0 auto;
}

.logo{
		float:left;
		padding:30px 0 0 0;
}

.contact{
		float:right;
		width:240px;
		padding:35px 0 0 0;
}

.contact h2{
		float:left;
		font-size:28px;
		color:#fb5502;
		font-style:italic;
		font-weight:normal;
		padding:0 0 0 8px;
		margin:-6px 0 0 0;
}

/*nav*/

#navmenu-container {
	float:left;
	width:100%;
	height: 48px;
	z-index:999px;
	background: url(../images/navmenu_bg.gif) left repeat-x;
}
	
	#nav-menu {
		width: 982px;
		margin: 0 auto -29px auto;
		padding-left: 7px;	
		display: block;
		z-index:999px;
	}

/*nav*/


/*banner*/

.bannerOut{
		float:left;
		width:100%;
		margin:23px 0 0 0;
		height:633px;
		background:#fff url(../images/bannerBkgnd.gif) repeat-x;
}

.banner{
		margin:0 auto;
		width:982px;
}

.pc{
		float:right;
		width:500px;
		height:575px;
		background:url(../images/pc.jpg) top left no-repeat;
}

/*slider*/

.scroller{
	float: left;
	width:426px;
	height:313px;
	padding:37px 0 0 37px;
}

#slider{
	float:left;
	height:313px;
	position:relative;
	overflow:hidden;
	}

.pics{
		float:left;
		width:426px;
		height:313px;
		overflow:hidden;
}		

.pics a{
	display:block;
}

/*slider*/

.bannerList{
		float:left;
		width:275px;
		height:283px;
		background:url(../images/notepad.gif) left no-repeat;
		margin:110px 0 0 0;
}

.bannerList h2{
		float:left;
		width:260px;
		color:#66a009;
		font-size:12px;
		font-family:"Trebuchet MS";
		font-style:italic;
		padding:40px 0 0 15px;
}

.bannerList ul{
		float:left;
		width:260px;
		padding:0 0 0 15px;
		list-style:none;
}

.bannerList li{
		float:left;
		width:260px;
		background:url(../images/tick.gif) left no-repeat;
		display:block;
		padding:0 0 0 22px;
		margin:4px 0 0 0;
}

.bannerList a{
		outline:none;
		text-decoration:none;
		color:#191b1d;
		font-size:12px;
		font-family:"Trebuchet MS";
		font-style:italic;
}

.bannerList a:hover{
		color:#66a009;
}


/*banner*/

/*contents*/

.contents{
		margin:0 auto;
		width:982px;
}

.contentLeft{
		float:left;
		width:422px;
}

.contentLeft p{
		float:left;
		width:422px;
		color:#676666;
		font-size:13px;
		padding:15px 0 15px 0;
		line-height:1.5em;
		font-weight:normal;
}

.contentLeft p span{
		color:#fc7203;
}

/*contentRight*/

.contentRight{
		float:right;
		width:481px;
		margin:0 0 15px 0;
		font-family:Georgia;
}

.contentRight h2{
		float:left;
		width:490px;
		color:#676666;
		font-size:13px;
		line-height:1.5em;
		font-style:italic;
		font-weight:normal;
		padding:10px 0 10px 0;
}

.contentRight h2 span, label span{
		color:#F00;
}

label{
		float:left;
		width:120px;
		font-size:13px;
		color:#000;
		padding:16px 0 0 0;
		font-weight:bold;
}

.textBox{
		float: left;
		width:311px;
		height:36px;
		margin:7px 0 0 0;
		background:url(../images/txtbox1.gif) left no-repeat;
}

.textarea{
		float:left;
		width:295px;
		height:20px;
		color:#676666;
		font-size:13px;
		padding:8px 10px;
		font-weight:normal;
		background:none;
		border:none;
}

.selection{
		float:left;
		width:305px;
		color:#676666;
		font-size:13px;
		padding:8px 10px;
		font-weight:normal;
		background:none;
		border:none;
		font-family:Georgia;
}

.commentBox{
		float:left;
		width:360px;
		height:187px;
		margin:7px 0 0 0;
		background:url(../images/txtbox2.gif) left no-repeat;
}

.comment{
		float:left;
		width:340px;
		height:170px;
		color:#676666;
		font-size:13px;
		padding:8px 10px;
		font-weight:normal;
		background:none;
		border:none;
}


.submit{
		float:right;
		width:90px;
		height:32px;
		cursor:pointer;
		border:none;
		margin:9px 0 0 0;
		background:url(../images/submit.gif) left no-repeat;
}

/*contentRight*/

/*servicesBox*/

.servicesBox{
		float:left;
		width:982px;
		padding:20px 0 0 0;
}

.webDesign{
		float:left;
		width:267px;
}

.webDesign p{
		float:left;
		width:267px;
		color:#676666;
		font-size:12px;
		padding:15px 0 15px 0;
		font-weight:normal;
		line-height:1.5em;
}

.webDesign a, .webReDesign a, .seo a{
		color:#fc7203;
		font-size:13px;
		font-weight:normal;
		text-decoration:underline;
}

.webDesign a:hover, .webReDesign a:hover, .seo a:hover{
		color:#603;
		text-decoration:none;
}

.seo{
		float:left;
		width:318px;
}

.seo p{
		float:left;
		width:318px;
		color:#676666;
		font-size:12px;
		padding:15px 0 15px 0;
		font-weight:normal;
		line-height:1.5em;
}

.webReDesign{
		float:left;
		width:267px;
}

.webReDesign p{
		float:left;
		width:267px;
		color:#676666;
		font-size:12px;
		padding:15px 0 15px 0;
		font-weight:normal;
		line-height:1.5em;
}

/*servicesBox*/

/*contents*/

/*footer*/

.footerOut{
		float:left;
		width:100%;
		height:300px;
		margin:15px 0 0 0;
		background:#fff url(../images/footer.gif) repeat-x;
}

.footer{
		margin:28px auto auto auto;
		width:982px;
}

.footerCol{
		float:left;
		width:255px;
}

.footerCol h2{
		color:#151514;
		font-weight:normal;
		font-size:20px;
		font-style:italic;
}

.footerCol p{
		color:#939292;
		font-weight:normal;
		font-size:13px;
		padding:10px 0 0 0;
}
.searchForm{
		float:left;
		width:255px;
		padding:50px 0 0 0;
}

.inputSearchBox{
		float:left;
		width:252px;
		height:49px;
		margin:8px 0 0 0;
		background:url(../images/searchBox.gif) left no-repeat;
}

.inputSearch{
		float:left;
		width:180px;
		height:15px;
		background:none;
		border:none;
		color:#939292;
		padding:20px 10px;
		font-size:13px;
		font-style:italic;
}

.go{
		float:right;
		width:50px;
		height:49px;
		background:none;
		border:none;
		cursor:pointer;
		text-indent:-222222px;
}

.footerCol ul{
		list-style:none;
}

.footerCol li{
		float:left;
		width:255px;
		display:block;
		padding:10px 0 0 0;
}

.footerCol a{
		float:left;
		color:#a6a3a3;
		font-size:15px;
		text-decoration:none;
		font-weight:normal;
		padding:0 0 0 20px;
		background:url(../images/Farrow.gif) left no-repeat;
}

.footerCol a:hover{
		color:#000;
}

.follow{
		float:left;
		padding:15px 0 30px 0;
}

.follow a{
		float:left;
		background:none;
		padding:0;
		margin:0 10px 0 0;
}

.footerCol2{
		float:left;
		width:319px;
}

.footerCol2 h2{
		color:#151514;
		font-weight:normal;
		font-size:20px;
		font-style:italic;
}

.footerCol2 p{
		float:left;
		width:319px;
		color:#939292;
		font-weight:normal;
		font-size:12px;
		padding:10px 0 0 0;
}



/*footer*/







/*popup*/

#msg {display:none; position:absolute; z-index:100; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px;}
#msgcontent {display:block; background:#fff; font-size:12px; border:2px solid #2c4250; border-left:none; padding:10px; min-width:150px; max-width:250px; -moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 4px; border-radius: 4px;}