body
{
	margin: 0 10em  0 0 ;
	font-family: Tahoma;
}
.wrapper
{
	width: 1024px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.content{
	width: 900px;
	height: auto;
	margin-top:5px;
	margin-left:110px;
	padding:10px;
	border: 1px solid #999;
	text-align:justify;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	background-image: linear-gradient(bottom, rgb(174,181,178) 11%, rgb(232,235,234) 55%, rgb(255,255,255) 84%);
background-image: -o-linear-gradient(bottom, rgb(174,181,178) 11%, rgb(232,235,234) 55%, rgb(255,255,255) 84%);
background-image: -moz-linear-gradient(bottom, rgb(174,181,178) 11%, rgb(232,235,234) 55%, rgb(255,255,255) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(174,181,178) 11%, rgb(232,235,234) 55%, rgb(255,255,255) 84%);
background-image: -ms-linear-gradient(bottom, rgb(174,181,178) 11%, rgb(232,235,234) 55%, rgb(255,255,255) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, rgb(174,181,178)),
	color-stop(0.55, rgb(232,235,234)),
	color-stop(0.84, rgb(255,255,255))
);
}

/**************************** Header Section Starts ***************************/
.header
{
	width: 1024px;
	height: 135px;
    background-repeat: no-repeat;
	margin-top:5x;
	margin-bottom:-2em;
	padding-bottom:-1em;

}

.header a,a:hover,a:visited{
	text-decoration:none;
	color:#b1b1b1; 
}

.socialmedia{
	float:right;
	margin-top:20px;
	margin-right:5px;
	cursor:pointer;
}

#login-form{
	float:right; 
	margin-right:-15.5em; 
	margin-top:70px; 
	text-align:left; 
	font-family: Tahoma; 
	font-size: 8pt;
	font-weight: normal; 
	color:#636363;
}

.input{
	
	background: #F3F3F3;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	font-family: Tahoma; 
	font-size: 8pt;
	font-weight: normal; 
	color:#636363;
	padding-left:5px;
	border: 1px #000000 solid;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	height:20px;
	cursor:pointer;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}

.button:active {
	position:relative;
	top:1px;
}
/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu
{
	width: 920px;
	height: 44px;
	margin-left:7em;
    background: url(../images/nav-bg2.png) repeat-x;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.menu-text
{
	font-family: verdana;
	font-size: 14px;
	color: #ffffff;
	padding: 12px 25px 5px 10px;
	float: left;
	font-stretch: condensed;
	cursor: pointer;
}

.menu-text a{
	color:#FFFFFF;
}

.menu-text a:hover{

}



/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.first-section
{
  width: 1024px;
  height: 235px;
  border: solid 2px #ffffff;
}
.right-image
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../images/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.mid-image
{
  width: 443px;
  height: 235px;
  float: right;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
}
.left-image
{
  width: 238px;
  height: 235px;
  float: right;
  background-image: url(../images/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/

.second-section
{
  width: 675px;
  height: auto;
  min-height:200px;
  border-bottom: solid 1px #dbdbdb;
  padding-bottom:4px;
  float: right;
}
.pack-box3
{
  width: 230px;
  height: auto;
  min-height:200px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.pack-box2
{
  width: 221px;
  height: auto;
  min-height:200px;
  float: left;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
   background-position:bottom;
  background-size:contain;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box1
{
  width: 221px;
  height: auto;
  min-height:200px;
  float: left;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-size:contain;
  border-left: solid 1px #ffffff;
  text-align: left;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section
{
  width: 675px;
  height: 170px;
  float: right;
}
.down-box2
{
  width: 230px;
  min-height:296px;
  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-size:contain;
  text-align: left;
}
.down-box1
{
  width: 444px;
  min-height:296px;
  float: right;
  background-image: url(../images/down-image1.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  background-size:contain;
  text-align: left;
}



/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 238px;
  min-height: 500px;
  float: right;
}
.left-box2
{
  width: 217px;
  height:auto;
  min-height: 500px;
  float: right;
  background-image: url(../images/left-image1.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
  text-align: left;
}
.left-box1
{
  width: 21px;
  height:auto;
  min-height: 500px;
  float: right;
  background-image: url(../images/left-image2.jpg);
  background-repeat: repeat-x;
  background-position:bottom;
}



/**************************** Left Section Ends *******************************/

/**************************** Footer Section Starts ***************************/
.footer
{
  float: right;
  width: 900px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
}

#footer-links{
	float:right;
	margin-top:-1em;
}
#footer-links li{
	display:inline;
	list-style-type: none;
	
}
#footer-links a{
	float:right;
	color:#999999;
	padding-left: 15px;
	text-decoration:none;
}

#footer-links a:hover{
	text-decoration:underline;
}
/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 10px;
  margin-left: 12px;
}
.title2
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: bold;
  color: #535353;
}
.title3
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 400px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.date-text{
  font-family: Tahoma;
  font-size: 8pt;
  color: #a4e3ff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
}


hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }



/**************************** General Section Ends ****************************/

/**************************** orders table****************************/
.table_orders{
	width:220px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	border-collapse:collapse;
}

.table_orders thead{
	background: url(../images/nav-bg2.png);
	color:#FFFFFF;
}

.row_alt tr:nth-child(odd)		{ background-color:#eee; }
.row_alt tr:nth-child(even)		{ background-color:#fff; }

.view-all a{
	color: #999;
	cursor:pointer;
	text-decoration:none;
	margin-top:5px;
}

.view-all a:hover{
	color:#000;
}

/****************************  orders table Ends ****************************/

/****************************Registration form****************************/
.reg-form{
	width:900px;
	font-family:tahoma;
	font-size:12pt; color:#636363;
}

.reg-form input[type="text"],.java2,input[type="file"]{
	background: none repeat scroll 0 0 rgba(206, 205, 205, 0.6);
	border: 1px solid #999;
	border-radius: 4px 4px 4px 4px !important;
	box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.65) inset;
	line-height: 2em;
	margin-bottom: 10px;
	width:230px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

.reg-form input[type="password"]{
	background: none repeat scroll 0 0 rgba(206, 205, 205, 0.6);
	border: 1px solid #999;
	border-radius: 4px 4px 4px 4px !important;
	box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.65) inset;
	line-height: 2em;
	margin-bottom: 10px;
	width:230px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

.reg-form label{ 
	position:relative;
	padding-right: 10px; 
	width: 15em; 
	display: block; 
	float: left; 
	text-align: right;
	min-height:1em;
	top:0.25em;
}

div.brake { padding: 0.3em; }

/****************************Registration form Ends****************************/

/****************************Feedback form****************************/

#comments{
	background: none repeat scroll 0 0 rgba(206, 205, 205, 0.6);
	border: 1px solid #999;
	border-radius: 4px 4px 4px 4px !important;
	box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.65) inset;
	line-height: 2em;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	font-family: Tahoma;
  	font-size: 8pt;
}

#contact table{
	margin: 0px auto; 
}

#contact td{
	padding-left: 50px;
}

/****************************Registration form Ends****************************/

/****************************Login form****************************/
.login{
	margin:10px auto;
	border: 1px solid #999;
	width:400px;
	height:200px;
	padding-top:50px;
	padding-bottom:0;
	border: 1px solid #000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background:#F7F7F7;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
}

.login table{
	margin: 0 auto;
}


.login td{
	padding-left:20px;
}

.login input{
	margin-top:10px;
}

.login input[type="text"], input[type="password"]{
	background:#F7F7F7;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	border: 1px solid #000;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	padding-left:10px
}

/****************************Login form Ends****************************/