body {

	background-image:url(images/bg.jpg);

	background-repeat: no-repeat;

	background-position:center top;

	background-attachment: fixed;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #006699;

}

.clearer {

	clear:both;

}

#container {

	width:825px;

	padding:0 auto;

	margin:0 auto;

}

.line-color {

	color:#003399;

	width:94%;

}

#header {

	width:825px;

	float:left;

	margin:0px;

}

#header .logo {

	float:left;

}

.top-menu {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#464646;

	text-transform:uppercase;

}

.top-menu a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#FFF;

	display:block;

	cursor:pointer;

	padding:7px 30px 0 30px;

	height:23px;

	background-color:#244787;

}

.top-menu a:hover {

	background-color:#fff;

	color:#000;

	display:block;

	cursor:pointer;

}

/*--------------------------------------------------------------body-area*/



.border {

	border:#FFFFFF solid 1px;

}

.center_bg {

	background-image:url(images/center_bg.jpg);

	background-position:left top;

	background-repeat:repeat-y;

}

.center_bg1 {

	background-image:url(images/center_bg.jpg);

	background-position:right top;

	background-repeat:repeat-y;

}

.padding_laft {

	padding-left:50px;

}

.padding_laft1 {

	padding-left:10px;

}

#body-area {

	margin:0 auto;

	clear:both;

	width:765px;

}

#body-container {

	margin:0 auto;

	clear:both;

	padding:20px;

	line-height:20px;

	font-family:Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

}

.left-panel {

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	width:450px;

	float:left;

	margin-right:30px;

	line-height:18px;

}

.right-panel {

	width:242px;

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	float:left;

}

.right-panel a {

	margin-bottom:3px;

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

}

.right-panel a:hover {

	color:#ffffff;

}

.right-panel ul {

	list-style-image:url(images/icon.jpg);

	padding:0 0 0 40px;

	margin:0px;

}

.right-panel ul li {

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	margin:0px;

}

h1 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFF;

	text-decoration:none;

	font-size:20px;

	font-weight:bold;

	text-transform:uppercase;

}
h1 a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFF;

	text-decoration:none;

	font-size:20px;

	font-weight:bold;

	text-transform:uppercase;
	text-decoration:underline;

}
h1 a:hover {
	text-decoration:none;

}

h2 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#a52500;

	text-decoration:none;

	font-size:16px;

	font-weight:normal;

	text-transform:uppercase;

}

h3 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFF;

	text-decoration:none;

	font-size:16px;

	font-weight: bold;

	text-transform:uppercase;

}

h4 {

	font-family:Verdana, Geneva, sans-serif;

	color:#fff;

	text-decoration:none;

	font-size:14px;

	font-weight: bold;

	text-transform:capitalize;

}

.h4a {

	font-family:Verdana, Geneva, sans-serif;

	color:#fff;

	text-decoration:none;

	font-size:10px;

	font-weight:normal;

	text-transform:capitalize;

}

#contact-container {

	width:100%;

	clear:both;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

}

.c1 {

	width:150px;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

}

.c2 {

	width:180px;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

}

.c3 {

	width:180px;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

}

.c4 {

	width:200px;

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

}

.full-width {

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	width:100%;

	float:left;

}

.full-width a {

	font-family:Arial, Helvetica, sans-serif;

	color:#af9993;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

}

.full-width a:hover {

	text-decoration:underline;

	color:#ffffff;

}

.form-input {

	background-color:#FFF;

	border:#ccc;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	line-height:28px;

	width:250px;

}

.form-input2 {

	background-color:#FFF;

	border:#ccc;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	width:200px;

}

.form-input3 {

	background-color:#FFF;

	border:#ccc;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	width:650px;

}

.form-input4 {

	background-color:#FFF;

	border:#ccc;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	width:45px;

}

.form-input5 {

	background-color:#FFF;

	border:#ccc;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	width:150px;

}

.form-input6 {

	background-color:#006699;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#006699;

	width:500px;

}

.form-button {

	background-color:#7B2E09;

	border:#591a08 1px solid;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#fff;

	width:150px;

	cursor:pointer;

}

.form-button:hover {

	background-color:#5A1B09;

	border:#ccc 1px solid;

}

.button {

	background-color:#7B2E09;

	border:#591a08 1px solid;

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#fff;

	width:65px;

	cursor:pointer;

}

.button:hover {

	background-color:#5A1B09;

	border:#ccc 1px solid;

}

.body-contents {

	font-family:Arial, Helvetica, sans-serif;

	color:#333;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

}

.body-contents div {

	font-family:Arial, Helvetica, sans-serif;

	color:#ff003b;

	text-decoration:none;

	font-size:16px;

	font-weight:bold;

}

/*--------------------------------------------------------------footer-area*/







#footer-contents {

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color: #003399;

	width:100%;

	float:left;

	text-align: left;

}

#footer-contents ul {

	list-style-type:none;

	padding:5;

	margin:0;

	float:left;

}

#footer-contents ul li {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

	margin:0px;

	padding:0px;

	float:left;

}

#footer-contents ul li a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ccc;

	margin:0;

	float:left;

	display:block;

	cursor:pointer;

	padding:0 25px 0 25px;

}

#footer-contents ul li a:hover {

	color:#ffffff;

}

#package-contents {

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color: #ffffff;

	width:100%;

	float:left;

	text-align: left;

}

#package-contents1 {

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color: #ffffff;

	width:100%;

	float:left;

	text-align: left;

}

.copyrights {

	float:left;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#b6a29d;

}

#footer-contents2 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-align:center;

}

#footer-contents2a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-align:center;

}

#footer-contents2a a:hover {

	color:#000000;

}

#footer-contents3 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-align:center;

}

#footer-contents3 a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-align:center;

}

#footer-contents3 a:hover {

	color:#be9d8e;

}

#footer-contents4 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-align:center;

}

#footer-contents4 a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration:none;

	font-weight:normal;

	color:#be9d8e;

	text-align:center;

}

#footer-contents4 a:hover {

	color:#ffffff;

}

#smart-start {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:blod;

	color:#925a67;

}

#smart-start a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:blod;

	color:#925a67;

}

#smart-start a:hover {

	color:#000;

}

#super-start {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:blod;

	color:#5d7c00;

	text-align:left;

}

#super-start a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:bold;

	color:#5d7c00;

	text-align:left;

}

#super-start a:hover {

	color:#000;

}

#web-magic {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:blod;

	color:#916500;

	text-align:left;

}

#web-magic a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:bold;

	color:#916500;

	text-align:left;

}

#web-magic a:hover {

	color:#000;

}

#ecom-magic {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:blod;

	color:#008a96;

	text-align:left;

}

#ecom-magic a {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	text-decoration:none;

	font-weight:bold;

	color:#008a96;

	text-align:left;

}

#ecom-magic a:hover {

	color:#000;

}

.clear {

	margin:0px;

	padding:0px;

	clear:both;

}

#blue-line {

	color: #003399;

}

#blue-line1 {

	color: #003399;

}

/* Basic code - don't modify */



 



 #nav {

	display: block;

	margin: 0;

	padding: 0;

	position: relative;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:12px;

	color:#FFF;

	text-decoration:none;

	font-weight:normal;

	border-left: 1px solid #481709;

	border-right: 1px solid #481709;

}

#nav li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

	position: relative;

}

#nav a {

	display: block;

	text-decoration:none;

}

#nav ul {

	display: none;

	position: absolute;

	left: 0;

	margin: 0;

	padding: 0;

}

* html #nav ul {

	line-height: 0;

} /* IE6 "fix" */

#nav ul a {

	zoom: 1;

} /* IE6/7 fix */

#nav ul li {

	float: none;

}

#nav ul ul {

	top: 0;

}

/* Essentials - configure this */







#nav ul {

	width: 164px;

}

#nav ul ul {

	left: 164px;

}

/* Everything else is theming */



 



#nav {

	background-color: #7b2e09;

	height: 24px;

}

#nav *:hover {

	background-color: none;

}

#nav a {

	border-right: 1px solid #481709;

	color: white;

	font-size: 12px;

	padding: 6px;

	line-height: 1;

}

#nav li.hover a {

	background-color: #ae3700;

}

#nav ul {

	top: 25px;

}

#nav ul li a {

	background-color: #6b2100;

}

#nav ul li.hover > a {

	background-color: #6b2100;

}

#nav ul a {

	border-bottom: 1px solid white;

	border-right: none;

	opacity: 0.9;

	filter: alpha(opacity=90);

}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */







		



		



/* Light Box */







#lightbox {

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#lightbox img {

	width: auto;

	height: auto;

}

#lightbox a img {

	border: none;

}

#outerImageContainer {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#imageContainer {

	padding: 10px;

}

#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#hoverNav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#imageContainer>#hoverNav {

	left: 0;

}

#hoverNav a {

	outline: none;

}

#prevLink, #nextLink {

	width: 49%;

	height: 100%;

	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */

	display: block;

}

#prevLink {

	left: 0;

	float: left;

}

#nextLink {

	right: 0;

	float: right;

}

#prevLink:hover, #prevLink:visited:hover {

	background: url(images/prevlabel.gif) left 15% no-repeat;

}

#nextLink:hover, #nextLink:visited:hover {

	background: url(images/nextlabel.gif) right 15% no-repeat;

}

#imageDataContainer {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

}

#imageData {

	padding:0 10px;

	color: #666;

}

#imageData #imageDetails {

	width: 70%;

	float: left;

	text-align: left;

}

#imageData #caption {

	font-weight: bold;

}

#imageData #numberDisplay {

	display: block;

	clear: left;

	padding-bottom: 1.0em;

}

#imageData #bottomNavClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

	outline: none;

}

#overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

}

.pack-box1-bg {

	background-color:#FFF;

	background-image:url(images/pack-box1.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

.pack-box1-bg2 {

	background-color:#FFF;

	background-image:url(images/pack-box3.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

.pack-box1-bg3 {

	background-color:#FFF;

	background-image:url(images/pack-box5.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

.pack-box1-bg4 {

	background-color:#FFF;

	background-image:url(images/pack-box7.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

.pack-box1-bg5 {

	background-color:#FFF;

	background-image:url(images/pack-box9.jpg);

	background-repeat:no-repeat;

	background-position:center top;

}

.contact-information {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#333;

	text-decoration:none;

	font-size:14px;

	text-decoration:none;

	background-image:url(images/contact-bg2.jpg);

	background-repeat:repeat-x;

	background-position:center top;

}

.grey-heading {

	color:#575757;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-decoration:none;

	font-size:20px;

	font-weight:bold;

}

.btn {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFF;

	text-decoration:none;

	background-color:#464646;

	font-weight:normal;

	border:#666 solid 1px;

	cursor:pointer;

}

.btn:hover {

	background-color:#000;

}

html, body {

	height:100%;

	margin:0;

}

.tbmain {

	/* Changes on the form */

 background: url(images/form-back.jpg) #ffffff !important;

}

.left {

	/* Changes on the form */

  color: #ffffff !important;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

!important;

	font-size: 12px !important;

}

td.right {

	font-family: Courier;

	font-size: 14px;

	font-weight: normal;

	color:#333333;

	vertical-align: top;

	text-align: left;

}

.text {

	color:#000000;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:normal;

	/*border:1px solid #999999;*/

	background:transparent;

}

select.other {

	color:#000000;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:normal;

	border:1px solid #999999;

	/*background:transparent;*/

}

span.required {

	font-size: 12px !important;

	color: red !important;

	background:transparent;

}

.style1 {

	color: #FF0000;

	text-decoration:none;

	font-size:16px;

}

.white-box-portfolio {

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	color:#333;

}

.white-box-portfolio a {

	background-color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	text-decoration:none;

	font-size:12px;

	font-weight:normal;

	color:#333;

	display:block;

	cursor:pointer;

	padding:35px;

}

.white-box-portfolio a:hover {

	background-color:#e6e6e6;

	display:block;

	cursor:pointer;

}

.white-box-portfolio a img {

	border:#666 solid 1px;

}

.price{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:28px;

	font-weight:bold;

	color:#CC0000;

}
.backgroundimage{
		background-image: url("images/bg_blue.jpg");
		background-repeat:no-repeat;
		background-position:center;
		}
.heading-site{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}
.heading-site a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
}
.heading-site a:hover{
	text-decoration:underline;
}