* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: "Trebuchet MS",Arial, Helvetica, Sans-Serif;
    color: #565656;
    background: #fcfff4 url(images/bg.gif) repeat-x 0 0;
}

a { color:  #cd5243; font-weight:bold; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

#contact-area {
  margin: 0 auto;
  width: 720px;
  text-align: left;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; 
  font-size: 12px;

}
#contact-area input {
  margin: 5px 0px 10px;
  padding: 0px;
  width: 200px;
  font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; 
  font-size: 13px;
}
#contact-area textarea {
  margin: 5px 0px 0px;
  padding: 0px;
  width: 400px;
  font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; 
  font-size: 13px;
}
#contact-area textarea {
  height: 120px;
}
#contact-area textarea:focus, #contact-area input:focus {
  border: 2px solid #cd5243;;
}
#contact-area input.submit-button {
  width: 200px;
  font-family:  "Trebuchet MS",Arial, sans-serif; 
  font-size: 12px;
}

input, textarea, select, label { font-size: 12px; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

h2 { font-size: 25px; line-height: 27px; color: #cd5243; font-family: "Trebuchet MS",Arial, sans-serif; font-style: italic; font-weight: normal; }
h4 { font-size: 13px; line-height:17px; color:#4a4a4a; font-style:bold ; font-weight: normal; }
h5 { font-size: 13px; line-height: 15px;  color: #4a4a4a; font-family: "Trebuchet MS",Arial, sans-serif; font-style:normal ; font-weight: normal; }
h6 { font-size: 13px; line-height: 15px;  color:  #4a4a4a;; font-family: "Trebuchet MS",Arial, sans-serif; font-style: normal ;font-weight: bold;}
h7 { font-size: 13px; line-height: 15px;  color: #cd5243; font-family: "Trebuchet MS",Arial, sans-serif; font-style:normal;}
h8 { font-size: 11px; line-height: 14px;  color: #cd5243; font-family: "Trebuchet MS",Arial, sans-serif; font-weight:bold;}
p1 { font-size: 12px; line-height:15px;  font-family: "Trebuchet MS",Arial, sans-serif;  font-weight: normal; }

p { font-size: 13px; line-height:15px;  font-family: "Trebuchet MS",Arial, sans-serif; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.center { width: 980px; margin: 0 auto; }

.shell { width: 986px; background: #fff url(images/shell-t.gif) no-repeat 0 0; margin: 0 auto; position: relative; padding-bottom: 50px; }

.paypal_l {float:left;}
.paypal_r {float:right;}

#header { margin-bottom: 13px; }

h1#logo {position:relative;  width: 986px; height:70px; margin:0 auto;background: url(images/titleback.png) no-repeat 0 0 }  
h1#logo a { display: block; height: 65px;background: url(images/logo.png) no-repeat 0 0}

.btn,
.btn span { display: inline;  height: 32px;  padding-left: 0px; color: #00A2E8; font-weight: normal; font-size: 14px; line-height: 22px; }
.btn span { padding: 0 0px 0 0; }
.btn:hover,
.btn:hover span { text-decoration: none; color: #0074E8; }

#slider { height: 236px; padding: 3px 3px 0; position: relative;  }
#slider .content { width: 980px; height: 236px; position: relative; overflow: hidden; }
#slider .content ul { list-style: none outside none; position: relative; overflow: hidden; }
#slider .content ul li { width: 901px; height: 215px; position: relative; overflow: hidden; padding: 21px 0 0 79px; }
#slider .content ul li .slide-image { float: left; display: inline; margin-right: 72px; }
#slider .content ul li .text-container { float: left; display: inline; width: 480px; text-align:justify; padding-top: 25px;  }
#slider .content ul li .text-container h2 { margin-bottom: 5px; }
#slider .content ul li .text-container .btn { margin-top: 20px; }
#slider .content .jcarousel-clip,
#slider .content .jcarousel-container { position: relative; overflow: hidden; width: 980px; height: 236px; }
#slider .nav { position: absolute; top: 91px; right: -35px; width: 38px; height: 90px; display: block; background: url(images/slider-nav.gif) no-repeat 0 0; }
#slider .nav #up,
#slider .nav #down { width: 18px; height: 16px; display: block; }
#slider .nav #up { background: url(images/slider-up.gif) no-repeat 0 bottom; margin: 15px 0 0 8px; }
#slider .nav #up:hover { background-position: 0 0; }
#slider .nav #down { background: url(images/slider-down.gif) no-repeat 0 0; margin: 30px 0 0 8px; }
#slider .nav #down:hover { background-position: 0 bottom; }

#navigation { position: absolute; width: 1036px; height: 69px; background: url(images/navigation-bg.png) no-repeat 0 0; top: 226px; left: -10px;  }
#navigation ul { list-style: none outside none; padding: 27px 0 0 15px; }
#navigation ul li { float: left; display: inline; margin-right: 10px; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline;  height: 25px; line-height: 24px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #545d50; padding-left: 10px; }
#navigation ul li a span { padding: 0 10px 0 0; }
#navigation ul li a:hover,
#navigation ul li a:hover span { text-decoration: none;  background: url(images/read-more-btn.png) no-repeat 0 0; color: #fff; }
#navigation ul li a:hover span { background-position: right 0; }

#main { padding: 70px 10px 0; }

#content { width: 590px; text-align:justify;}

#sidebar { width: 350px; }

.welcome { border-bottom: 1px dashed #c2c2c2; padding-bottom: 23px; }
.welcome h2{ padding-bottom: 10px; }

.changes {margin: 0px;
		padding: 0px;
		border: 1px inset;
		width: 590px;
		height: 350px;
		font-size:11px;
		text-align: left;
		overflow: auto;margin: 0px 0 0 0px;color:#4a4a4a;}

.news { padding-top: 10px; }
.news-item { border-bottom: 1px dashed #c2c2c2; padding-bottom: 20px; margin-bottom: 20px; }
.news-item .news-pointer { position: relative;  float: left; display: inline;  width: 78px; height: 63px; background: url(images/news-pointer.gif) no-repeat 0 0; font-size: 43px; font-weight: bold; padding: 17px 0 0 36px; margin: 0 30px 0 -23px;  }
.news-item .news-body { text-align:justify; float: left; display: inline;  width: 590px; }
.news-item .news-body h3 {text-align:justify; float: left; display: inline;  font-size: 23px; color: #4a4a4a; font-family: "Trebuchet MS",Arial, sans-serif; font-weight: normal; }
.news-item a.btn { margin: 5px 0 0 8px; }
.news-item a.btn span em { background: url(images/ico-rss.gif) no-repeat right 5px; padding-right: 13px; font-style: normal; }

.blog-roll{ }
.blog-roll h2 { margin-bottom: 10px; }
.blog-roll .rss-feed { float: right; display: inline;  width: 19px; height: 20px; background: url(images/ico-btn.gif) no-repeat 0 0; margin-top: 5px; }
.blog-roll .hvd-feed { float: right; display: inline;  width: 19px; height: 20px; background: url(images/news.png) no-repeat 0 0; margin-top: 5px; }
.blog-roll .blog-item { border-bottom: 1px dashed #c2c2c2; line-height: 16px; padding-bottom: 7px; margin-bottom: 7px; }
.blog-roll .blog-item h4 a { font-size: 13px; line-height:17px; color: #78823a;  }
.blog-roll .blog-item .blog-date { font-size: 12px; }
.blog-roll .blog-item h4 a:hover { color: #000; text-decoration: none; }

.contact { border-bottom: 1px dashed #c2c2c2; padding-bottom: 10px; margin-top: 25px; }
.contact h2 { margin-bottom: 10px; }

#footer { width: 1010px; height: 73px; position: relative;  margin: 0 -16px 0 -14px;  }
#footer .left { padding: 36px 0 0 21px; }
#footer .left a { font-size: 11px; color: #4a4a4a; text-decoration: underline;}
#footer .left a:hover { color: #000; text-decoration: none; }
#footer .right {font-size: 11px; color: #4a4a4a; padding: 36px 21px 0 0; } 
#footer .right .hvd-feed {float : left;display: inline;  width: 20px; height: 20px; background: url(images/hvd.png) no-repeat 0 0;  margin-top: -4px;  }
#footer .right a { color: #4a4a4a; }


.portfolio p, .contact p {
	padding:20px 0;
}
.portfolio li {
	float:left;
	padding:7px;
	list-style:none;
}
.portfolio2 {
	display:none;
}
.picBorder {
	border:1px solid #b4b4b4;
	background:#ffffff;
	padding:5px;
}
.picBorderGallery {
	border:1px solid #b4b4b4;
	background:#ffffff;
	padding:5px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*********************************Begin Media Queries****************************************/
/**************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	.wrapper {
		width: 95%;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.logoContainer {
		float: none;
		width: auto;
		text-align:center;
	}
	.logo {
		float:none;
		padding-right:0;
	}
	.slogan {
		padding:0;	
	}
	nav {
		float:none;
		padding:20px 0 0 0;
		text-align:center;
	}
	.homeTitle {
		display: block;
	}
	#slideshow{
		display:none;
	}
	.sliderSlogan {
		display:none;
	}
	.boxes {
		margin-top:10px;
	}
	.box {
		float: none;
		margin: 0;
		width: auto;
		padding:40px 15px;
	}
	.boxSeparator {
		border-top:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		border-left:none;
		border-right:none;
	}
	.about, .welcome {
		float: none;
		width: auto;
	}
	.tweetsUpdates, .latestNews, .sidebar, .contactForm {
		float: none;
		width: auto;
	}
	.serviceBox {
		width: auto;
		padding:0 0 0 0;
		float: none;
	}
	.footerTop {
		padding:20px;
		width:auto;
	}
	.tweetsUpdates {
		padding-top:20px;
	}
	.footerBottom {
		padding:0 20px;
	}
	.fixedPic {
		width:518px;
	}
	.inputContact, .textareaContact {
		width:370px;
	} 
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.fixedPic {
		width: auto;
	}
	.portfolio li {
		float:none;
		padding:1px;
		list-style:none;
	}
	.inputContact, .textareaContact {
		width:290px;
	} 
	.map {
		width:290px;
		height:350px;
	}
	.portfolio {
		display:none;
	}
	.portfolio2 {
		display:block;
	}
	.portfolio2 li {
		list-style:none;
		width:190px;
		height:170px;
		float:left;
		padding:7px;
		text-align:center;
	}
	.portfolio2 p {
		padding:10px 0;
	}
	.portfoli2 ul {
		text-align:center;
		width:auto;
	}
	nav {
		float:none;
		text-align:center;
		padding:0px 0 0 0;
	}
	#navlist li {
		display: block;
		padding:6px 0;
	}
	.serviceBox {
		padding:0;
	}
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
/**************************/
/*********************************End Media Queries****************************************/
/**************************/