/*=================================*/
/* Vicky's Website
/* July 2013
/* By: Pardeep
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

body { background: url("images/back.jpg") no-repeat fixed center bottom #F5F5F5; color: #333333; margin: 0; }

#wrapper {float: left; overflow: hidden; width:100%; }

.slider-wrapper {position:relative; width: 100%; top:0; margin: 0 auto; z-index:-1; }

#header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); height: 100px; padding: 0 10%; position: absolute; width: 80%; z-index: 1; }

#header-bg { background: url("images/header-bg.jpg") no-repeat scroll 0 0 / 100% 350px transparent; height: 350px; position: relative; width: 100%; }


#logo {
    background: url("images/logo.png") no-repeat scroll 0 0 transparent;
    border-top: 3px solid #CD2122;
    float: left;
    height: 97px;
    width: 260px;
}

#logo > a {color: #FFFFFF; font-family: Open Sans; font-size: 2.4em; text-align: center; text-decoration: none; }

/* Navigation Menu */

#nav { float: right; }

#nav ul{ list-style: none; margin:0; }

#nav ul li { background-image:url(images/menu-bg.png); background-repeat:no-repeat; background-position:0 -110px; float: left; padding: 60px 20px 20px; }

#nav ul li a {color: #FFFFFF; font-family: Open Sans, Calibri; font-size: 1.2em; font-weight: bold; text-decoration: none; }

#page-info { padding: 175px 10% 8px; }

.page-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); color: #FFFFFF; font-family: Open Sans,Arial,Helvetica,sans-serif; font-size: 1.7em; font-weight: 500; padding: 16px 0 18px 25px; position: relative; width: 185px; }

#main-content { color:#ffffff; float: left; padding: 50px 10%; position: relative; width: 80%; }

hr { float:left; width:100%; margin:0}

td { padding: 0 3% 0; }

.product-thumbs { height:150px; width: 150px; }

.products { font-family:Open Sans, Calibri; margin:0; font-size: 1.2em; padding-left: 25px; padding-top: 10px; }

.products > li { padding-bottom: 4px; padding-top: 4px; } 

.title { color: #CD2122; font-family: Quintessential,Open Sans,Arial,Helvetica,sans-serif; font-size: 1.5em; font-weight: 600; margin: 0; padding: 10px 0; text-shadow: 1px 1px 0 white; text-transform: uppercase; }

#intro { background: none repeat scroll 0 0 rgba(235, 235, 235, 0.8); float: left; font-family: Open Sans,Arial,Helvetica,sans-serif; overflow: hidden; padding: 20px 8%; width: 50%; }

#intro p{ line-height:25px; padding:15px 0 5px;}

#query { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); border: 1px solid #596978; border-radius: 5px 5px 5px 5px; padding: 10px 50px; width: 300px; }

.heading { float:left; font-weight: bold; margin: 10px 0 0; text-decoration: underline; }

.query { color:#000000; }

.query td { padding: 5px 2px; }

.styled-input { box-shadow: 1px 1px 1px; height: 20px; width: 200px; }

.styled-button { background: none repeat scroll 0 0 #46BE9B; border: medium none; color: #FFFFFF; font-family: Open Sans, Calibri; font-size: 1.1em; height: 40px; width: 90px; }

.contact{ color:#000000; }

.contact td { font-family: Open Sans, Calibri; line-height: 25px; padding: 10px 2px; vertical-align: middle; }

textarea { box-shadow: 1px 1px 1px; }

#sidebar { background: none repeat scroll 0 0 rgba(235, 235, 235, 0.8); float: right; height: 350px; padding: 10px 3%; width: 27%; }

.error{	color:#CD2122; }

.required { font-size: 0.8em; }

.success { background-color: #46BE9B; border: 1px solid; border-radius: 5px 5px 5px 5px; bottom: 50px; box-shadow: 1px 1px 10px 5px #000000; color: white; display: block; float: right; font-family: calibri; font-size: 23px; height: 50px; left: 80%; line-height: 45px; position: fixed; t-align: center; width: 200px; }

#footer { color:#FFFFFF; float: left; font-family: Open Sans,Arial,Helvetica; padding: 15px 10%; position: relative; width: 80%; }

#container { float: left; height: 100%; margin-left: auto; margin-right: auto; min-width: 81%; padding: 0 9em; width: auto; }

.current > a{ border-bottom: 2px solid #CD2122; }

.gallery { float: left; padding: 20px 0; }

.gallery li { float: left; list-style: none outside none; padding: 10px; }

.gallery img { box-shadow: 0 0 8px #000000; }

.bedroom { float: left; padding: 20px 0; }

.bedroom li {  float: left; list-style: none outside none; padding: 10px; }

.bedroom img { box-shadow: 0 0 8px #000000; }

.lcd { float: left; padding: 20px 0; }

.lcd li { float: left; list-style: none outside none; padding: 10px; }

.lcd img { box-shadow: 0 0 8px #000000; }
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear { clear:both; }

img.team-member-img {
    height: auto;
    width: 168px;
    margin-right: 10px;
}
.first_unit img {
    float: right;
    width: 277px;
    height: 180px;
    border: none;
    margin-top: 10px;
}
.team-info h2 {
    margin: 0 0 8px;
}
.tm-name, .tm-desg {
    color: #B60926;
    font-family: latolight;
}
.team-info p {
    font-size: 16px;
}
.team-info {
    vertical-align: top;
}
.tm-name, .tm-desg {
    color: #B60926;
    font-family: latolight;
}
.teamtbl td {
    padding: 7px 3%;
}
h1{
	font-size: 28px;
}
h2{
	font-size: 18px;
}