/*
' Title				: JaredLeeLLC.com Stylesheet
' Description		: Styles for entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 12/19/2007		: Tony Groves - Created document.
' 05/09/2009		: Tony Groves - Modified for new site version.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/
html {}

body {
	background-image:url('/imgs/bg.gif');
	background-repeat:repeat-x;
	background-color:#000;
	font-family: Verdana, sans-serif;
	margin:0;
	padding:0;
	font-size:14px;
	}

a {}
a:hover {}
a:active {}
a:visited {}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}	
h1 {}
h1 a{}
h1 a:hover{}
h2 {}
h2 a {}
h2 a:hover {}

ul 								{font-size:.7em; text-align:left;}
li 								{list-style-type:none;}
li a							{color:#832811; text-decoration:none;}
li a:hover						{color:#832811; text-decoration:underline;}

p								{color:#A5A5A5; font-size:.8em; text-align:left; line-height:1.5em;}

input.errorText					{border:1px solid #c70b05; background:#f0f0f0;}
textarea.errorText				{border:1px solid #c70b05; background:#f0f0f0;}
label.errorText					{display:block; color:#c70b05; font-weight:bold; float:none; padding:0; margin:1px 0;}

.clear 							{font-size:1px; line-height:1px; margin:0; padding:0; border:none; clear:both;}

.btn							{font-weight:bold; color:#000; padding:2px 5px 3px 5px; background:url('/imgs/btbg.jpg') repeat-x; border-right:1px solid #000; border-bottom:1px solid #000; border-top:1px solid #929291; border-left:1px solid #929291;}

#map							{margin:0 48px; border:1px solid #8C9BAA;}

img.right						{float:right; border:0px none; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
img.left						{float:left; border:0px none; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:0}

#outerWrap 						{width:900px; margin-left:auto; margin-right:auto; padding:0;}

#header 						{margin:0; padding:0;}

#masternav						{background-image:url('/imgs/navbg.png'); background-repeat:no-repeat; height:37px; font-weight:normal; margin:0; padding:0 0 0 27px; border-bottom:1px solid #0e0e0e;}
#masternav li					{display:inline; float:left;}
#masternav li a.nav				{color:#acacac; text-decoration:none; padding:12px 38px 13px 38px; margin:0; display:block; float:left;}
#masternav li a.nav:hover		{color:#fff; background-image:url('/imgs/navbghover.gif'); background-repeat:repeat-x;}

.down-list 						{position:absolute; top:118px; background:#000; clear:both; margin:0 0 0 -27px; z-index:1000; width:900px; padding:0; border-bottom:1px solid #000; border-top:1px solid #000;}
.down-list li 					{padding:0; background:#000; margin:0; display:inline; float:left;}
.down-list li a					{margin:0; padding:12px 16px; color:#fff; font-size:1.3em; display:block; float:left;}
.down-list li a:hover			{color:#fff; text-decoration:none; background:#262626;}

#footer 						{height:221px; margin:0; padding:0; float:left;}
#footer h4 						{font-weight:normal; font-size:.7em; text-align:center; color:#454545; margin:0; padding:20px 0;}
#footer h4 a					{color:#666; text-decoration:none;}
#footer h4 a:hover				{color:#666; text-decoration:underline;}

#footer h6						{color:#454545; text-align:center; font-weight:normal; font-size:.7em;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Content Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.box1							{background:#1d1d1d; padding:30px 40px; margin:30px 0 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #0d0d0d;}
.box1 img.maintitle				{float:left; margin:-43px 0 0 -10px;}
.box1 img.subtitle				{margin:0 0 -6px 0;}

.box1 p.txt						{padding:12px 15px 12px 27px; margin:0; border-top:1px dotted #363636;}
.box1 p.txt2					{padding:12px 15px 12px 27px; margin:0; border-bottom:1px dotted #363636;}
.box1 p.price					{color:#df1111; padding:0 15px 8px 27px; margin:0 0 32px 0; border-bottom:1px dotted #2a2a2a; font-size:.9em; font-weight:bold;}

.box1 .box2						{float:left; width:156px; padding:15px 0 15px 27px; display:block;}

#content 						{padding:20px 40px; background:#2e2e2e; position:relative; z-index:1;}
#content h2						{text-align:left; font-size:1.1em; font-weight:bold; color:#fff; margin:25px 0 6px 0;}
#content h3						{text-align:left; font-size:.9em; font-weight:bold; color:#fff; margin:35px 0 6px 0;}
#content h4						{text-align:left; font-size:.9em; font-weight:bold; color:#fff; margin:35px 0 6px 0;}
#content p a					{color:#c42800; text-decoration:none;}
#content p a:hover				{color:#c42800; text-decoration:underline;}
#content p.right				{text-align:right;}
#content p.center				{text-align:center;}
#content p img					{float:right; border:3px solid #A5A5A5; margin:0 0 15px 30px;}
#content p b					{font-weight:bold; font-size:1.3em; color:#E0DDDD;}
#content h5						{text-align:right; margin:0 0 15px 0; padding:3px 15px; font-weight:bold; font-size:.7em; color:#ADBCCB; border-top:3px solid #F1F2F3; border-bottom:3px solid #F1F2F3;}
#content h5 img					{margin:0 0 0 4px; float:right;}

.box1 .box2 b					{font-weight:bold; color:#df1111 !important; font-size:1.2em !important;}

#content #topfb					{display:block; height:56px; margin:35px 0 0 100px; text-align:left; color:#fff; font-weight:bold;}
#content #topfb a				{font-weight:bold; color:#c42800; text-decoration:none;}
#content #topfb a:hover			{text-decoration:underline;}
#content #topfb a img			{float:left; border:none; margin:-20px 0 0 0;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Sliding Images Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#s3slider {
   width:820px; /* important to be same as image width */
   height:450px; /* important to be same as image height */
   margin:0 auto;
   padding:25px 0;
}

#s3sliderContent {
   width:820px; /* important to be same as image width or wider */
   position: absolute; /* important */
   margin:0;
   padding:0;
   text-align:center;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   width:800px;
   text-align:center;
}

.s3sliderImage img	{border:2px solid #666; margin:0; padding:0;}

.s3sliderImage span {
   position:absolute; /* important */
   font-weight:bold;
   font-size:1.2em;
   left:2px;
   padding:13px 15px;
   width:582px;
   background-color:#000;
   filter:alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity:0.7; /* here you can set the opacity of box with text */
   -khtml-opacity:0.7; /* here you can set the opacity of box with text */
   opacity:0.7; /* here you can set the opacity of box with text */
   color:#fff;
   display:none; /* important */
   bottom:4px;
   margin:0 0 0 92px;}

.s3sliderImage span.vert {
   position:absolute; /* important */
   font-weight:bold;
   font-size:1.2em;
   left:2px;
   padding:13px 15px;
   width:243px !important;
   background-color:#000;
   filter:alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity:0.7; /* here you can set the opacity of box with text */
   -khtml-opacity:0.7; /* here you can set the opacity of box with text */
   opacity:0.7; /* here you can set the opacity of box with text */
   color:#fff;
   display:none; /* important */
   bottom:4px;
   margin:0 0 0 262px;


   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Email Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#email 									{width:380px; float:left; padding:0; margin:0;}
#email label.row						{font-size:.9em; color:#A5A5A5; display:block; margin:5px 0 0 0; width:380px; min-height:30px; clear:both;}
#email label.row .title					{width:100px; float:left; font-size:.9em; text-align:right; padding:3px 0 0 0;}
#email label.row .formw					{float:right; width:270px; text-align:left;}
#email label.row .formw p				{margin:0; padding:0; font-size:1em;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' End Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/