@charset "ISO-8859-1";

/* Reseting
--------------------------------------------------------------------------------------- */

* { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
html { 
	font-size: 100.01%; 
} 
html, body { 
	height: 100%; 
}
:focus, :active { 
	outline: 0; 
}
ol, ul { 
	list-style: none; 
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {	
	content: ""; 
}
blockquote, q {	
	quotes: "" ""; 
}

/* Typography
--------------------------------------------------------------------------------------- */

body { 
	font: normal 62.5% Trebuchet MS; 
}
#left a {
	font: bold 10px Verdana; 
	text-transform: uppercase;
}
#right { 
	height: 200px;
}
#right p { 
	font-size: 14px; 
	line-height: 120%;
	text-align: justify;
}
#right p.feedback { 
	text-align: center;
	font: bold 18px Trebuchet MS; 
	text-transform: uppercase;	
	margin-top: 20px;
}
#right p.feedback a {
	color: #D08D0C;	
}
#right table { 
	font-size: 14px; 
	line-height: 200%;
}
#right .input { 
	font-size: 14px;
	width: 98%;
	border: 1px solid #a79d8f;
}
#right .button { 
	font-size: 14px;
	width: 90px;
	border: 1px solid #a79d8f;
	margin: 10px 0 0 0;
}
#right .message { 
	color: #D44925;
}
#right ul { 
	font-size: 14px; 
	line-height: 140%;
	list-style: circle inside; 
	padding-bottom: 30px;
	text-align: justify;
}
#right li { 
	padding: 3px;
}
#right strong { 
	font-weight: bold;
}
#right p img.img_with_border { 
	border: 3px solid #a79d8f;
}
#right h1, h2, h3 {
	font: bold 18px Trebuchet MS; 
	text-transform: uppercase;
}

/* Layout
--------------------------------------------------------------------------------------- */

body {
	color: #000;
	background: #4E4E4E url(http://lvolume.com/img/bg.gif) repeat-x;
}
#container {
	margin: 0 auto;
	width: 973px;
	background: #FFF;		
	overflow: auto;
}
#border_top {
	width: 973px; height: 57px;
	background: #4E4E4E url(http://lvolume.com/img/img_01.gif) no-repeat;
}
#border_left {
	width: 29px; height: 714px;
	background: #4E4E4E url(http://lvolume.com/img/img_03.gif) no-repeat;
	float: left;
}
#border_right {
	width: 29px; height: 714px;
	background: #4E4E4E url(http://lvolume.com/img/img_04.gif) no-repeat;
	float: left;
}
#border_bottom {
	width: 973px; height: 57px;
	background: #4E4E4E url(http://lvolume.com/img/img_02.gif) no-repeat;
	clear: left;
	color: gray;
	text-align: center;
}
#border_bottom .copyright {
	padding: 40px 0 0 0;
}
#border_bottom .copyright a {
	text-decoration: none;
	color: gray;
}
#border_bottom .copyright a:hover{
	text-decoration: underline;
}
#main_content {
	width: 915px; height: 714px;	
	background: #F5F5F5 url(http://lvolume.com/img/right_sh.gif) repeat-y;
	float: left;
}
#left {
	width: 457px; height: 714px;
	padding-left: 1px;
	background: url(http://lvolume.com/img/left_bg.gif) bottom left no-repeat;
	float: left;
}
#logo {
	margin: 33px 0 10px 60px;
	float: left;
}

#logo a.index:link, a.index:active, a.index:visited, a.index:hover {
	color: #000;
	margin: 0; padding: 0;	
	text-decoration: none;	
	background: transparent;

}
#right {
	width: 343px; height: 622px;	
	background: url(http://lvolume.com/img/right_bg.gif) top right no-repeat;
	padding: 0 57px 0 57px;
	float: left;
}
#right p.bookmarks {
	width: 343px;
	text-align: right;
	margin-bottom: 45px;
}
#right p {
	padding-bottom: 30px;
}
#right h1, h2, h3 {
	padding-bottom: 30px;
}
#right h1 {
	color: #698839;
}
#right h2 {
	color: #D08D0C;
}
#right h3 {
	color: #BE5F47;
}
#right a:link, a:visited, a:active { 
	color: #1C7CDC;
	text-decoration: none;
}	
#right a:hover { 
	text-decoration: underline;
}
#left a.menu:link, a.menu:active, a.menu:visited {
	color: #FFF;
	text-decoration: none;	
	width: 365px;
	padding: 8px 0 8px 30px;
	margin-left: 1px;
	background: #A8A8A8 url(http://lvolume.com/img/bullet_grey.gif) 4px 4px no-repeat;
	display: block;
	float: left;
	color: #FFFFF0;
	margin: 0 0 0 1px;	
}
#left a.l_s_blue:hover {
	background: #0099cc url(http://lvolume.com/img/bullet_s_blue.gif) 4px 4px no-repeat;
}
#left a.l_s_blue_selected {
	background: #0099cc url(http://lvolume.com/img/bullet_s_blue.gif) 4px 4px no-repeat;
}
#left a.l_s_green {
	background: #A8A8A8 url(http://lvolume.com/img/bg_s_green2.gif) no-repeat;
}
#left a.l_s_green:hover {
	background: #9fcccc url(http://lvolume.com/img/bg_s_green3.gif) no-repeat;
}
#left a.l_s_green_selected {
	background: #9fcccc url(http://lvolume.com/img/bg_s_green3.gif) no-repeat;
}
#left a.l_dark_orange:hover {
	background: #C69C4A url(http://lvolume.com/img/bullet_dark_orange.gif) 4px 4px no-repeat;
}
#left a.l_dark_orange_selected {
	background: #C69C4A url(http://lvolume.com/img/bullet_dark_orange.gif) 4px 4px no-repeat;
}
#left a.l_orange:hover {
	background: #FDB731 url(http://lvolume.com/img/bullet_orange.gif) 4px 4px no-repeat;
}
#left a.l_orange_selected {
	background: #FDB731 url(http://lvolume.com/img/bullet_orange.gif) 4px 4px no-repeat;
}
#left a.l_purple:hover {
	background: #C989A5 url(http://lvolume.com/img/bullet_purple.gif) 4px 4px no-repeat;
}
#left a.l_purple_selected {
	background: #C989A5 url(http://lvolume.com/img/bullet_purple.gif) 4px 4px no-repeat;
}
#left a.l_dark_yellow:hover {
	background: #D4CB74 url(http://lvolume.com/img/bullet_dark_yellow.gif) 4px 4px no-repeat;
}
#left a.l_dark_yellow_selected {
	background: #D4CB74 url(http://lvolume.com/img/bullet_dark_yellow.gif) 4px 4px no-repeat;
}
#left a.l_green {
	background: #A8A8A8 url(http://lvolume.com/img/bg_l_green.gif) no-repeat;
}
#left a.l_green:hover {
	background: #85A155 url(http://lvolume.com/img/bullet_green.gif) no-repeat;
}
#left a.l_green_selected {
	background: #85A155 url(http://lvolume.com/img/bullet_green.gif) no-repeat;
}
#left a.l_light_green {
	background: #A8A8A8 url(http://lvolume.com/img/bg_l_light_green.gif) no-repeat;
}
#left a.l_light_green:hover {
	background: #799989 url(http://lvolume.com/img/bullet_light_green.gif) no-repeat;
}
#left a.l_light_green_selected {
	background: #799989 url(http://lvolume.com/img/bullet_light_green.gif) no-repeat;
}
#left a.l_blue {
	background: #A8A8A8 url(http://lvolume.com/img/bg_l_blue.gif) no-repeat;
}
#left a.l_blue:hover {
	background: #8496A8 url(http://lvolume.com/img/bullet_blue.gif) no-repeat;
}
#left a.l_blue_selected {
	background: #8496A8 url(http://lvolume.com/img/bullet_blue.gif) no-repeat;
}
#left a.l_rose {
	background: #A8A8A8 url(http://lvolume.com/img/bg_l_rose.gif) no-repeat;
}
#left a.l_rose:hover {
	background: #D07B65 url(http://lvolume.com/img/bullet_rose.gif) no-repeat;
}
#left a.l_rose_selected {
	background: #D07B65 url(http://lvolume.com/img/bullet_rose.gif) no-repeat;
}
#left .square {
	width: 59px; height: 28px;
	float: left;
	clear: left;
}
#left .clear {
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
#left .logo {
	margin: 33px 0 10px 60px;
	float: left;
}
#left .screen {
	margin: 25px 0 0 58px;
	border: 3px solid #a79d8f;
}
#left .s_blue {
	background: #0099cc;
}
#left .s_green {
	background: #66cccc url(http://lvolume.com/img/bg_s_green.gif) no-repeat;
}
#left .dark_orange {
	background: #C69C4A;	
}
#left .orange {
	background: #FDB731;	
}
#left .purple {
	background: #C989A5;	
}
#left .dark_yellow {
	background: #D4CB74;	
}
#left .green {
	background: #85A155;	
}
#left .light_green {
	background: #799989 url(http://lvolume.com/img/bg_light_green.gif) no-repeat;	
}
#left .blue {
	background: #8496A8 url(http://lvolume.com/img/bg_blue.gif) no-repeat;		
}
#left .rose {
	background: #D07B65 url(http://lvolume.com/img/bg_rose.gif) no-repeat;		
}

/*
	Vertical Accordions
*/
		
.accordion_toggle {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
		
.accordion_content {
	overflow: hidden;
}

#index_screen_image {
	margin: 25px 0 0 58px;
	border: 3px solid #a79d8f;
}

#click_to_view {
	position: absolute;
	margin: 105px 0 0 -225px;
	display:none;
}

.how-it-looks		{ text-align: center }
.how-it-looks p		{ text-align: left; padding: 0 !important; margin: 0 }
.how-it-looks img 	{ margin-bottom: 10px !important }
p.link			{ margin-bottom: 10px !important }
p.text-center		{ text-align: center !important }

.c2v			{ display: none; position: absolute; margin: -96px 0 0 128px; #margin: 32px 0 0 -118px }
*html .c2v		{ behavior: url(http://lvolume.com/css/iepngfix/iepngfix.htc) }

.copyright, 
.copyright a 	{ color: #A5BC77 !important }
.skype			{ padding: 0 0 0 22px; background: url(http://lvolume.com/img/skype.gif) 3px 0 no-repeat }