/* - - - - - - - - - - - - - - - - - - - - -

Title : vogue
Author : rajiv

Description : 

Created : 19/01/06
Modified : 18/05/10 16:05

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {
	margin: 0;
	padding: 0;
}	
html {
	font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial", sans-serif;
	font-size: 70%;
	background: #d4c8b3;
}	
body {
	text-align: center;
}

/* ----- IDS ----- */
#containerhome {
	width: 840px;
	height: 615px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: transparent url(../images/home.jpg) repeat-y 0 75px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #473f2d;
	border-left: 1px solid #fff;
}
#container {
	width: 840px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #e1dacc url(../images/content-line-vg.png) repeat-y 0 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

body#hampton #container {
	background: #fef6e3 url(../images/content-line-vg.png) repeat-y 0 0;
}	
body#repose #container {
	background: #fff url(../images/content-line-vg.png) repeat-y 0 0;
}

body#swift #container {
	background: #fff url(../images/content-line-vg.png) repeat-y 0 0;
}

body#contract #container {
	background: #f4f2f0 url(../images/content-line-vg.png) repeat-y 0 0;
}

#header {
	height: 130px;
	background: #c4b699 url(../images/header-strip-vg.png) repeat-x 100% 100%;
}

body#hampton #header {
	background: #e5e1d6 url(../images/header-strip-hampton.png) repeat-x 100% 100%;
}

body#repose #header {
	background: #fff url(../images/header-strip-repose.png) repeat-x 100% 100%;
}

body#swift #header {
	background: #fff url(../images/header-strip-swift.png) repeat-x 100% 100%;
}

body#contract #header {
	height: 130px;
	background: #cac6bc url(../images/header-strip-contract.png) repeat-x 100% 100%;
}

#maincontenthome {
	margin: 220px 0 0 11px;
	width: 276px;
	float: left;
}
#maincontent {
	width: 550px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}	
#subcontent {
	width: 280px;
	float: left;
}	
#bodytexthome {
	width: 300px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 12px 12px 10px 12px;
	border-top: 1px solid #c4b699;
	border-bottom: 5px solid #c4b699;
	font-size: 1.2em;
	color: #171106;
	line-height: 1.4em; 
	background: url(../images/background-home.png);
}
#bodytext {
	margin-top: 20px;
	padding: 12px 12px 25px 15px;
	border-top: 1px solid #c4b699;
	color: #3c2e11;
	line-height: 1.4em;
	background: transparent url(../images/col-strip-vg.png) repeat-x 100% 100%; 
}

body#hampton #bodytext {
	background: transparent url(../images/col-strip-hampton.png) repeat-x 100% 100%;
}
body#repose #bodytext {
	background: transparent url(../images/col-strip-repose.png) repeat-x 100% 100%;
}

body#swift #bodytext {
	background: transparent url(../images/col-strip-swift.png) repeat-x 100% 100%;
}	
body#contract #bodytext {
	color: #88725b;
	background: transparent url(../images/col-strip-contract.png) repeat-x 100% 100%;
}

#footer {
	clear: both;
	color: #9c3323;
}

/*body#hampton #footer {
	background: url(../images/hampton-border.png) no-repeat 0 25%;
	overflow: auto;
}*/
#contact {
	position: absolute;
	top: 0;
	left: 775px;
	color: #fff;
	font-variant: small-caps;
	font-size: 1.3em;
}
#footerhome {
	width: 840px;
	height: 90px;
	margin: 0 auto;
	text-align: left;
	border-right: 1px solid #fff;
	border-bottom: 8px solid #3c2e11;
	border-left: 1px solid #fff;
	background-color: #fff;
}
#orgs {
	position: absolute;
	margin-top: -48px;
	margin-left: 200px;
}
#logo {
	position: absolute;
	margin-top: -45px;
}
#limelight {
	position: absolute;
	margin-top: -45px;
}

/* ----- CLASSES ----- */

.hide {
	display: none;
}
.show {
}
.clear {
	clear: both;
}
.emailpage {
	margin-top: 5px;
	color: #fff;
	text-align: right;
}
.footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 10px;
	color: #5a5443;
}
.nbf {
	border: 0;
margin-right: 35px;
}
.sleep {
	border: 0;
}
.bcfa {
	border: 0;
}
.border {
	border: 0;
}
.thanks {
	margin-left: 15px;
	color: #fff;
	font-size: 1.2em;
} 
.boxes {
	float: left;
	width: 230px;
	margin-left: 0px;
	margin-bottom: -10px;
}
.boxes p { 
	padding: 10px 20px 0px 20px;
	width: 220px;
	color: #fff;
}

/* ----- HEADINGS ----- */

h1 {
	font-variant: small-caps;
	font-weight: normal;
	font-size: 200%;
        text-align:center;
	color: #3c2e11;
	margin-left: 20px;
}

body#repose h1 {
	color: #956d97;
}
h1.swap {
	background: url(../images/logo.png) no-repeat 5px 40px;
	width: 250px;
	height: 120px;
}

body#hampton h1.swap {
	background: url(../images/hampton-logo.png) no-repeat 5px 60px;
}

body#repose h1.swap {
	background: url(../images/repose-logo.png) no-repeat 0px 50px;
}

body#swift h1.swap {
	background: url(../images/swift.png) no-repeat 0px 50px;
}

body#contract h1.swap {
	background: url(../images/contract-logo.png) no-repeat 5px 30px;
}

h1.swap span {
	display: none;
}
h2 {
}
h3 {
}
h4 {
}

/* ----- PARAGRAPHS ----- */



p {
	margin-bottom: 8px;
}

p#voguegroup {
	display: none;
}

body#home p#voguegroup {
	display: inline;
	position: absolute;
	top: 87px;
	left: 180px;
	color: #fef6e3;
	font: 180% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#maincontent p {
	margin-top: 10px;
	margin-left: 20px;
	font: 130% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}

p.nbf span {
	display: none;
}

p.ignition {
	padding: 12px 12px 0 47px;
	color: #e66644;
	line-height: 1.4em;
	background: url(../images/ignition-source.png) no-repeat 3px 12px;
}

/* ----- QUOTES ----- */

blockquote {
}
blockquote p {
}
cite {
}
blockquote cite {
}

/* ----- CODE ----- */

pre {
}
code {
}
p code {
}
pre code {
}

/* ----- LISTS ----- */

li {
}
li p {
}
ol {
}
ul {
}
ol li {
}
ul li {
}

ul#navigation {
	position: absolute;
	width: 820px;
	font-size: 1.3em;
	top: 0;
	padding-left: 20px;
	padding-bottom: 5px;
	background: #3c2e11;
	
}

body#hampton ul#navigation {
	background-color: #ab9f7a;
}

body#repose ul#navigation {
	background-color: #d3cb95;
}

body#swift ul#navigation {
	background-color: #29115b;
}

body#contract ul#navigation {
	background-color: #484334;
}

ul#navigation li {
	list-style: none;
	display: inline;
	color: #fff;
	padding-right: 5px;
	font-variant: small-caps;
}
ul#sectionnav {
	text-align: left;
	padding-left: 15px;
	font-size: 120%;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 15px;
}
ul#sectionnav li {
	list-style: none;
	color: #3c2e11;
	margin: 3px 0 3px 0;
}
ul#subnav {
	margin-top: 12px;
	padding-left: 12px;
	font-size: 120%;
	line-height: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
}
ul#subnav li {
	list-style: none;
	margin-top: 3px;
}
#navigation ol {
}
#navigation ol li {
}

/* ----- IMAGES ----- */

img {
	background-color: #fff;
	margin-top: 50px;
	margin-left: 20px;
	padding: 6px;
}

img.sleep {
	margin-top: 0px;
	margin-left: -20px;
	padding: 0;
}

#subcontent img {
	margin-left: 15px;
}
img a {
}
img a:hover {
}
ul#navigation li a{
	text-decoration: none;
	color: #fff;
}
ul#navigation li a:hover {
	color: #e66644;
}
ul#sectionnav li a {
	text-decoration: none;
	color: #3c2e11;
}
body#repose ul#sectionnav li a {
	color: #956d97;
}

body#repose ul#sectionnav li a:hover {
	color: #412f41;
}

ul#sectionnav li a:hover, body#contract #subcontent ul#subnav li a:hover {
	color: #e66644;
}
ul#subnav li a {
	text-decoration: none;
	color: #88725b;
}
body#repose ul#subnav li a {
	color: #956d97;
}

body#repose ul#subnav li a:hover, body#hampton ul#subnav li a:hover {
	color: #412f41;
}

body#contract ul#subnav li a{
	font-weight: bold;
	color: #3c2e11;
}
ul#subnav li a:hover {
	color: #e66644;
}
p.emailpage a {
	text-decoration: none;
	color: #fff;
}
p.emailpage a:hover {
	color: #e66644;
}
#contact p a {
	text-decoration: none;
	color: #fff;
}
#contact p a:hover {
	color: #e66644;
}
/* ----- BREAK ----- */

hr {
}


/* ----- TABLES ----- */

tr .alt {
}
th {
	font-size: 120%;
	width: 150px;
}



div#tableflex table  tr th {
	background-color: #3c2e11;
	color: #fff;
	padding: 4px;
}
tbody tr td {
	line-height: 120%;
	padding: 5px;
}

div#tableflex table {
	width: 102%;
	background-color: #d4c8b3;
	table {
	border-collapse: separate;
	border-spacing: 0;
}
}

/* ----- FORMS ----- */

form {
	width: 475px;
	margin-top: 20px;
	margin-left: 20px;
}
fieldset {
}
legend {
}
label.zemText, label.zemSelect, label.zemTextarea {
	color: #3c2e11;
}

label.zemTextarea {
	position: relative;
	display: block;
	float: left;
	clear: both;
}
input {
}
textarea#Comments {
	position: relative;
	margin-top: 55px;
	clear: left;
}
input, textarea {
}
select {
	float: left;
}
optgroup {
}
option {
}
form#zemContactForm {

}
form#zemContactForm fieldset {
	border: 0;
	color: #520000;
}
.zemRequired {
	color: #fff;
	margin-bottom: 8px;
	margin-top: 6px;
}
input.zemRequired {
	display: block;
	color: #000;
	margin-bottom: 8px;
}
textarea.zemRequired {
	clear: left;
	display: block;
	color: #000;
}
.natureofenquiry {
	display: block;
}
.comments {
	clear: left;
	float: left;
	margin-top: 3px;
}
ul.zemError {
	color: #fff;
	font-size: 1.2em;
}

/* ----- DEFINITIONS ----- */

dl {
}
dt {
}
dd {
}

/* ----- LIVE SEARCH ----- */

form#searchform fieldset {
	border: 0;
}

ol {
	list-style-type: none;
}

#nav_tools {
	position: absolute;
	top: 75px;
	left: 555px;
}

#LSResult {
	position: absolute;
	left: -27px;
	width: 200px;
	z-index: 500;
}

input#livesearch {
	width: 170px;
	border: 1;
}

#LSShadow {
	padding: 5px;
	background: white;
	z-index: 250;
	opacity: 0.91;
	color: #9c3323;
}

#LSShadow a {
	color: #9c3323;
}

#LSRes {
	background-color: #d4bfb8;
}

.LSRow {
	padding: 2px;
}

#LSHeader { 
	color: black;
	padding: 2px 2px 8px;
}

.LSRow a {
	display: block;
	text-decoration: none;
	height: 80px;
	margin-bottom: 3px;
}

#LSResult .LSRow a:hover {
	color: white;
	display: block;
	background: #e58171;
}

.lsSection {
	color: black;
	font-weight: bold;
}

ol#thumbs {
	color: #000;
	font-size: 110%;
	margin-left: 5px;
	text-transform: capitalize;
}

ol#thumbs li img {
	padding: 3px;
	background-color: #fff;
	margin: 0;
	border: 0;
}

/*New Styles*/

p.bedrange {
	color: #fff;
	position: relative;
	padding-top: 8px;
	margin-bottom: -20px;
	font-variant: small-caps;
	font-size: 1.3em;
	font-weight: bold;
}

#bodytext ul {
	margin-left: 15px;
	margin-bottom: 15px;
}

body#hampton h1, body#hampton p {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

body#hampton #bodytext p {
	font-size: 110%;
}

body#hampton #maincontent p {
	/*font-style: italic;*/
}

p.size_chart a {
	width: auto;
	padding: 3px;
	background-color: #3c2e11;
	color: #fff;
	text-decoration: none;
	border-style: double;
	border-color: white;
	margin-left: 5px;
}

#info_spot {
	position: relative;
	margin-top: 25px;
}

#info_spot p a img {
	margin-left: 0;
	margin-right: 20px;
	margin-top: 20px;
border: 0;
}

#info_spot ul {
	position: absolute;
	top: 10px;
	left: 140px;
}

#info_spot ul.flexpage {
	position: relative;
	float: right;
	left: -50px;
	top: 20px;
}

img.spot {
	background-color: #fff;
	margin-top: 10px;
	margin-left: 0px;
	padding: 6px;
}

body#home #info_spot ul {
	font-size: 75%;
	line-height: 140%;
}

#info_spot p.note {
	font-size: 95%;
	margin-top: -10px;
	margin-bottom: 25px;
	margin-left: 25px;
}

div.latexbox {
border: 2px solid #fff;
padding: 4px;
margin-bottom: 12px;
font-size: 90%;
background: #c4b598;
color: #fff;
}