/* ************** RESET ******************************* */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;	background: transparent;}

/* Let's set font size */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	font-size: 13px;}

body {	line-height: 1.5;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; width: 100%;}
/* tables within forms need a bit more spacing */
form table {border-collapse: separate; } 
form table td {padding: 1px; }
/* cells we align with top as default */
td { vertical-align: top;}
/* no borders around images */
img {border: none;}
/* reset end */ 
 

/* ************** ELEMENTS ******************************* */

 a {color: rgb(75,154,186); font-weight: bold; text-decoration: none; border-bottom: 1px solid rgb(75,154,186);}

/* ************** CONTAINERS ******************************* */

body {text-align: center; font-family: Arial, Helvetica, sans-serif; color: rgb(255,255,255); background: rgb(27,28,32); }

div#header { background: url(images/header-bg.jpg) top left repeat-x; height: 213px; width: 100%; }
div#header div.inner {height: 213px; overflow: none; }

div#content1 {background: url(images/content1-bg.jpg) top left repeat;}
div#content1 .inner { background: url(images/content1-bg.jpg) top left no-repeat;  overflow: auto; }

div#content2 {background: rgb(226,231,237) url(images/content2-bg-tile.jpg) top left repeat-x;  overflow: auto;}
div#content2 .inner {padding: 25px 0; color: rgb(0,0,0);  }

div#footer { }
div#footer .inner {padding: 25px 0; text-align: center; color: rgb(102,102,102);   }

div.inner {width: 984px; margin: 0 auto; position: relative; text-align: left;  }

/* ************** HEADER ******************************* */

#logo {position: absolute; top: 0; left: 0; height: 160px; width: 390px; z-index: 2;}

#header  h1 {position: absolute; bottom: 0; left: 0; width: 984px; height: 65px; background: url(images/header-h1-bg.jpg) top left no-repeat; color: #cccccc; margin: 0; padding: 15px 0 0 0;  font-size: 36px; }
#header h1 em {font-style: normal; color: #bdb08c; } 


/* ************** CONTENT1 ******************************* */

#content1 div.left {width: 375px; padding: 0 30px 0 10px; float: left; background: url(images/content1-bg-line.png) right 90px no-repeat;   }
#content1 div.right {width: 535px; float: right; padding: 0;  }

#content1 h2 {color: #41a0c6; font-size: 26px; margin: 25px 0 0 0; }
#content1 p {margin: 0 0 10px 0; }
#content1 p.highlight {color: rgb(238,216,165); font-size: 14px;  font-weight: bold; margin-bottom: 15px; }
#content1 p.bold {  font-weight: bold; }
#content1 .left ul { color: #41a0c6; font-size: 14px;  font-weight: bold; margin: 0 0 10px 0; }
#content1 .left ul li {background: url(images/bullet.png) 0 4px no-repeat; padding: 0 0 0 18px; font-style: italic;  }

#content1 h3 {color: #efd9a5; font-size: 26px; padding: 25px 0 5px 0; font-weight: bold; }

/* ************** CONTENT2 ******************************* */

#content2 div.left {width: 343px; padding: 0 40px 10px 40px; float: left;  border: 1px solid rgb(199,210,218); background-color: rgb(237,240,244); margin-bottom: 15px; }
#content2 div.right {width: 494px; float: right; padding: 0 20px 0 0; }

#content2 h2 {color: #6c2507; font-size: 26px; padding: 0; }
#content2 h4 {color: rgb(0,102,153); font-size: 14px; font-weight: bold; padding: 15px 0 0 0; } 

#content2  p {margin: 0 0 10px 0; }
#content2 p.highlight { font-size: 14px;   }

#content2 form {display: block; margin: 10px 0; line-height: 2.5; }
#content2 label {display: block; float: left; width: 8em; }
#content2 input, #content2 textarea {display: block; float: left; }
#content2 input {width: 250px; }
#content2 textarea {width: 360px; height: 100px; }
#content2 input.image {width: 140px; height: 36px; float: left; margin: 10px; margin-left: 8em;  }


/* ************** FOOTER ******************************* */

#footer a {color: rgb(102,102,102); font-weight: normal; border-bottom: 1px solid rgb(102,102,102);}
#footer p {margin-bottom: 5px; }

/* ************** JQUERY EASY SLIDER ******************************* */

div.slideImg {width: 494px; height: 423px; background: url(images/slide-img-bg.jpg) top left no-repeat; }

#slider h4 {color: rgb(239,217,165); margin: 15px 0 5px 0; font-size: 16px;  }

#slider a { font-weight: bold; font-size: 14px; }
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn {
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	
/* Easy Slider */

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:535px;
		height:615px;
		overflow:hidden; 
    float: right; 
		}	
    
	p#controls {
		margin:0;
		position:relative;
    width: 535px; 
		}    
    
	#prevBtn, #nextBtn { 
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:-20px;
		top:-460px;
		z-index:1000;
		}	
	#nextBtn { 
		left:470px;
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:50px;
		height:50px;
		background:url(images/button-previous.png) no-repeat 0 0;	
		}	
	#nextBtn a { 
		background:url(images/button-next.png) no-repeat 0 0;	
		}	

/* // Easy Slider */