@charset "UTF-8";
/* 
Title:     V&A Images - gStyles.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/

body {
	margin: 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	color: #333;
	background: #fff;
}
html>body { /* be nice to Opera */
	font-size: small;
}
body#p-index #t-home a, body#p-aboutus #t-aboutus a, body#p-search #t-search a, body#p-lightbox #t-lightbox a, body#p-cart #t-cart a, body#p-order #t-order a, body#p-portfolio #t-portfolio a, body#p-contact #t-contact a, body#p-hpage #t-hpage a {
	color: #fff;
}
/* links
=========================================================== */

a:link {
	color: #7b8c7e;
	text-decoration: none;
}
a:visited {
	color: #7b8c7e;
	text-decoration: none;
}
a:hover, a:active {
	color: #7b8c7e;
	text-decoration: underline;
	outline: none;
}
a:focus, input:focus {
	-moz-outline-style: none;
}

/* common elements
=========================================================== */
.clear {
	clear: both;
}
p {
	margin: 1em 0 1em;
	padding: 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	color: #5a6e5e;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	color: #9db190;
}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #b3b3b3;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
#textsizer {
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 960px;
}
#textsizer a:hover {
	color: #000;
}
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	text-align: left;
	width: 965px;
	min-width: 965px;
	background: #fff;
	border: 1px solid #b3b3b3;
	border-top: none;
}
#logo {
	position: absolute;
	top: 10px;
	left: -1px;
	z-index: 10;
}
#vanda {
	position: absolute;
	top: 53px;
	left: 130px;
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 90px;
	background: #b3b3b3;
}

/*#logo img {
	display: block;
	width: 0;
	text-align: center;
}
#logo span {
	float: left;
	display: block;
	width: 252px;
	height: 69px;
	background: url(../images/logo.gif) no-repeat;
}
#logo a {
	border-style: none;
	display: block;
	width: 252px;
}*/

/* quick search
=========================================================== */
#qsearch {
	float: right;
	color: #fff;
}
#qsearch form {
	margin: 0;
	padding: 0;
}
#qsearch div {
	padding: 10px 30px;
}
#qsearch label {
	font-size: medium;
	vertical-align: middle;
}
#qsearch input {
	vertical-align: middle;
}
.qstextfield {
	padding: 3px;
	font-size: 95%;
	font-weight: normal;
	color: #666;
	width: 185px;
	border: 1px solid #999;
	background: #fff;
}
#links {
	float: right;
	margin: 0;
	padding: 12px 23px;
	list-style: none;
}
#links li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#links a {
	margin: 0;
	padding: 0 7px 0 10px;
	color: #fff;
	text-decoration: none;
}
#links a:hover {
	color: #5a6f5e;
}
#signin {
	background: url(../images/links-li-bg.gif) no-repeat 0 50%;
}

/* navigation
=========================================================== */
#nav {
	position: absolute;
	right: 10px;
	bottom: 0;
}

/*Menu Outer Wrapper*/
.p7PMMh09 {
	width: auto;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	line-height: normal;
}
/*Hide Sub-Menu in Design View
Compensate for LI padding on Sliding Doors themes*/
.p7PMMh09 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMh09 ul {
	margin: 0;
	padding: 0;
}
.p7PMMh09 li {
	list-style-type: none;
	float: left;
	width: 120px;
	/*background-image: url(img/pmm_pipe_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
}
/* Hide from IE5 Mac \*/
.p7PMMh09 li {
	width: auto;
}
/*Top Level Links*/
.p7PMMh09 a {
	display: block;
	text-decoration: none;
	padding: 8px 18px 8px 12px;
	color: #666 !important;
	text-align: left;
	/*font-variant: small-caps;*/
}
.p7PMMh09 a:hover {
	color: #fff !important;
	text-decoration: none;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh09 ul a.pmmfirst {
}
.p7PMMh09 ul a.pmmlast {
}
.p7PMMh09 ul li.pmmfirst {
	background-image: none;
}
.p7PMMh09 ul li.pmmlast {
}
/*First Sub Level*/
.p7PMMh09 ul ul {
	z-index: 10000;
	background: rgba(179,179,179, .95) !important;
	background-color: #b3b3b3;
	width: 200px;
	border: 1px solid #999;
	border-top: none;
}
.p7PMMh09 ul ul li {
	float: none;
	background-image: none;
}
.p7PMMh09 ul ul a {
	padding: 4px 12px;
	color: #FFF !important;
	background-image: none;
	text-align: left;
	border: 0;
	font-variant: normal;
	font-size: .9em;
	overflow: hidden;
}
.p7PMMh09 ul ul a:hover {
	background-color: #666 !important;
	color: #FFF !important;
	background-image: none;
}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh09 ul ul ul {
	
}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMh09 img {
	border: 0;
}
.p7PMMh09 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Sub Level*/
.p7PMMh09 ul a.trig_closed, .p7PMMh09 ul a.trig_closed_left {
	background-image: url(../images/pmm_south_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh09 ul a.trig_closed_up {
	background-image: url(../images/pmm_north_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh09 ul a.trig_open, .p7PMMh09 ul a.trig_open_up {
	color: #fff !important;
	text-decoration: none;
}
.p7PMMh09 ul ul a.trig_closed {
	background-image: url(../images/pmm_east_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh09 ul ul a.trig_closed_left {
	background-image: url(../images/pmm_west_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMh09 ul ul a.trig_open {
	color: #FFF !important;
	background-color: #000 !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh09 .current_mark {
	color: #FFF !important;
}
.p7PMMh09 ul ul .current_mark {
	color: #FFF !important;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* page layout
=========================================================== */
#innerwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 1.5em;
}
#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 660px;
	font-size: 95%;
	background: #fff;
}
#subpage-content {
	/*float: left;*/ /*<----float if using sidebar---->*/
	width: 100%;
	/*width: 530px;*/ /*<----enable if using sidebar---->*/
	font-size: 100%;
	min-height: 475px;
}
/* ---[ gutters ]------------------------------------ */
#content .gutter {
	padding: 20px;
}
#sidebar .gutter {
	padding: 15px;
}
#subpage-content .gutter {
	padding: 30px 20px;
}
#leftColumn {
	float: left;
	width: 400px;
}
#rightColumn {
	float: right;
	width: 500px;
}
/* ---[ right column ]------------------------------ */
#sidebar {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5em;
	color: #fff;
	background: #333;
}
#sidebar h3 {
	margin: 15px 0 12px 0;
	padding: 5px 10px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	border: none;
	background: #999;
}
#sidebar h4 {
	font-size: 92%;
	font-weight: normal;
	margin: 0;
}
#sidebar p, #sidebar ul, #sidebar dl {
	margin: 10px;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 0px;
	line-height: 1.3em;
}
#sidebar a:link, #sidebar a:visited {
	color: #c60;
	text-decoration: none;
}
#sidebar a:hover {
	color: #c60;
	text-decoration: underline;
}
#sidebar img {
	vertical-align: middle;
}

/* subpage styles
=========================================================== */
.pic1 {
	float: right;
	padding-left: 10px;
}
.pic2 {
	float: left;
	padding-right: 10px;
}

/* footer
=========================================================== */
#footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 85%;
	color: #333;
	line-height: 1.5em;
	background: #d3d3d3;
}
#footer .gutter {
	padding: 10px;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer a {
	color: #7b8c7e;
	text-decoration: none;
}
#footer a:hover {
	color: #7b8c7e;
	text-decoration: underline;
}
#stripes {
	position: absolute;
	bottom: -1px;
	right: -1px;
}