/*
' Title				: ieswinona.com | Site Stylesheet
' Description		: Overall styles for entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' 10/21/2008		: Tony Groves, I am the walrus.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Main Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html {}
body {background-color:#fff; background-image:url('imgs/bodybg.gif'); background-repeat:repeat-x; background-position:top center; top:0; font-family: Arial, sans-serif; margin:0; padding:0; font-size:15px;}
a {color:#0171b8; text-decoration:underline;}
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 {}
li {}
p {color:#5d5d5d; font-size:.8em;}

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

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;}

#outerWrap {
	width:896px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:5px 12px 5px 12px;
	position:relative;
	background-color:#fff;
	background-image:url('imgs/mainbg.gif');
	background-repeat:no-repeat;
	}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Header Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#header							{padding:11px 16px; margin:0; background-image:url('imgs/headerbg.gif'); background-repeat:no-repeat; height:32px;}

#header ul						{margin:0; padding:2px 0 0 5px; text-align:center; background-image:url('imgs/masternavbg.gif'); background-repeat:no-repeat; width:866px; height:31px;}
#header ul li					{margin:0; padding:0; list-style-type:none; display:inline;}
#header ul li img				{float:left;}
#header ul li a					{float:left; margin:0; padding:5px 15px; height:15px; background-image:url('imgs/masternavbgmain.gif'); background-repeat:repeat-x; color:#727272; text-decoration:none;}
#header ul li a:hover			{height:27px; background-image:url('imgs/masternavhover.gif'); background-repeat:repeat-x; color:#000;}
#header ul li a.green			{float:left; margin:0; padding:5px 13px; height:15px; background-image:url('imgs/masternavbg2.gif'); background-repeat:repeat-x; color:#1e640d; text-decoration:none; font-weight:bold;}
#header ul li a.green:hover		{height:27px; background-image:url('imgs/masternavbg3.gif'); background-repeat:repeat-x; color:#053800;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Footer Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#footer							{padding:20px; text-align:right; margin-right:auto; margin-left:auto; width:880px; background-color:#fff; background-image:url('imgs/footerbg.gif'); background-repeat:no-repeat;}
#footer h4						{color:#6e6e6e; font-size:.7em; font-weight:normal; margin:5px;}
#footer h4 a					{color:#6e6e6e; text-decoration:none;}
#footer h4 a:hover				{color:#000; text-decoration:underline;}
#footer h5						{float:left; color:#6e6e6e; font-size:.7em; font-weight:normal; margin:5px;}

#footer ul						{text-align:left; border-top:1px solid #d6d5d5; margin:12px 0; padding:7px 0;}
#footer ul li					{display:inline; list-style-type:none; color:#6e6e6e; font-size:.7em;}
#footer ul li a					{color:#6e6e6e; text-decoration:none; margin:0 8px;}
#footer ul li a:hover			{color:#000; text-decoration:underline;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Index Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#flash							{background-image:url('imgs/greyfade.gif'); background-repeat:repeat-x; padding:0; margin:0 0 20px 0;}

#content						{padding:10px 30px; margin:0; line-height:1.3em;}
#content h1						{font-size:1em; margin:5px 0;}
#content h3						{margin:20px 0 8px 0; padding:0 0 3px 0; border-bottom:1px dotted #99bcd2; font-size:.9em;}
#content h5						{font-size:.9em;}

#content .colm1					{float:left; width:390px; padding:0 10px; margin:25px 0 20px 0;}
#content .colm1 ul li			{list-style-type:none; font-size:.8em; color:#5d5d5d; padding:0 0 0 15px;}

#ads							{height:110px; margin:25px 0; text-align:center;}
#ads a img						{border:none; margin:0 10px;}

img.right						{float:right; border:8px solid #c9ced0; margin:25px 35px 10px 45px; position:relative; display:block;}
img.left						{float:left; border:8px solid #c9ced0; margin:25px 55px 10px 75px; position:relative; display:block;}

a.overlay img					{border:none;}

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

#email							{text-align:left; margin:0 0 0 20px; padding:0 0 0 20px; width:450px; float:right; border-left:1px dotted #ddd;}
#email span.row					{padding:0 0 0 20px; display:block; height:25px;}
#email span.label				{width:80px; margin:3px 0 0 0; text-align:right; height:20px; padding:0; float:left; font-size:.7em; color:#696969;}
#email span.labelbig			{width:80px; margin:3px 0 0 0; text-align:right; height:220px; padding:0; float:left; font-size:.7em; color:#696969;}
#email span.formw				{width:300px; height:20px; text-align:left; margin:0; padding:0 70px 0 0; float:right;}
#email span.formwbig			{width:300px; height:220px; text-align:left; margin:0; padding:0 70px 0 0; float:right;}
#email span.formw input			{width:340px;}
#email span.formw .input		{width:300px; height:65px;}

#emailnojs						{text-align:center; margin:0 0 0 20px; padding:0 0 0 20px; width:450px; float:right; border-left:1px dotted #ddd; color:#a50909;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Home Page Image Rotator Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.overlay div.close 				{background:url(imgs/closebox.png) no-repeat; position:absolute; top:15px; right:10px; width:25px; height:25px; cursor:pointer;}

#scrollable 					{padding:60px 0 50px 0; width:896px; height:300px; background:url(/imgs/gallerybg.jpg) no-repeat 0 0;}

/* container for the scrollable items */
div.items 						{height:300px; margin:0 21px 0 22px; float:left; width:757px !important;}

/* single item */
div.items a 					{display:block; float:left; margin:0; width:757px; height:300px; text-align:center; cursor:pointer; border:none; padding:0; background:#fff;}
div.items a img 				{border:none;}
div.items a:hover 				{}
div.items a.active 				{background-position:-174px 0; color:#555; cursor:default;}

/* next / prev buttons */
a.prev, a.next {
	background:url(/imgs/arrowleft.jpg) no-repeat 0 0;
	display:block;
	width:48px;
	height:96px;
	float:left;	
	margin:70px 0 0 0;
	cursor:pointer;
}

a.next 							{background-image:url(/imgs/arrowright.jpg)}
a.prev:hover 					{background-position:0 -96px;}
a.next:hover 					{background-position:0 -96px;}

/* navigator */
div.navi 						{display:none; position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px;}

/* items inside navigator */
div.navi span 					{width:8px; height:8px; float:left; margin:3px; background:url(/imgs/dots.gif) 0 0 no-repeat; cursor:pointer;}
div.navi span:hover 			{background-position:0 -8px;}
div.navi span.active 			{background-position:0 -16px;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Sub Page Image Rotator Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#scrollablesub 					{padding:60px 0 50px 0; width:896px; height:260px; background:url(/imgs/gallerybg.jpg) no-repeat 0 0;}

/* container for the scrollable items */
div.itemssub					{height:300px; margin:25px 21px 0 22px; float:left; width:757px !important;}

/* single item */
div.itemssub a 					{display:block; float:left; margin:0; width:252px; height:186px; text-align:center; cursor:pointer; border:none; padding:0; background:#fff;}
div.itemssub a img 				{border:8px solid #c9ced0;}
div.itemssub a:hover 			{}
div.itemssub a.active 			{background-position:-174px 0; color:#555; cursor:default;}

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