/* Reset
----------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,cite,em,img,q,strong,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;
	font-size: 100%;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Clearing */
div.clear { clear: both; display: block; font-size: 0; height: 0; overflow: hidden; visibility: hidden; width: 0; }

/* Headers
-------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #ff8300; font-weight: bold; }

h1 {
	color: #000;
	font-size: 2.667em;
	font-weight: bold;
	line-height: 1.2;
}
h2 {
	font-size: 3em;
	line-height: 1.714;
	color: #000;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background: url(images/sidebar-bb.gif) 0% 90% repeat-x;
}
h3 {	
	font-size: 2em;
	color: #215c7d;
	font-weight: bold;
	padding: 10px 0;
}
h4 {
	color: #30a8f4;
	font-size: 1.167em;
	font-weight: normal;
}
/* Text/Lists
-------------------------------------- */
p { font-size: 1.2em; line-height: 1.333; margin: 0em 0 0em; padding: 0em 0 1em;}

ol { margin: 0 2em 1.5em; list-style-type: decimal; }
ol ol { margin: 0 1.5em; list-style-type: lower-alpha; }
ol li { font-size: 1.2em; line-height: 1.714; margin: 0 0 0.25em; }

/* Links
-------------------------------------- */
#wrapper a { color: #215c7d; text-decoration: none; padding-bottom: 2px; font-weight: bold; }
#wrapper a:hover { color: #77b800; text-decoration: none; background: none; }

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

body{
	background: url(images/body-bg.png) repeat;
	height: 100%;
	color:#333;
	font-family: arial,sans-serif;
	font-size: 80%;
	font-style:normal;
	font-weight:normal;
	height:100%;
	text-align:center;
}
#wrapper { margin: 0 auto;	position: relative;	text-align:left; width: 985px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; }
#header-wrap { position: relative; background: url(images/nav-bg2.png) repeat-x; height: 94px; }
#header{ margin: 0 auto; position: relative; text-align:left; width: 985px; }

/* Header Styles
----------------------*/
.hide { position:absolute; left:-2000px; }
.logo{ position: absolute; top: 24px; left: 20px; float: left; }
.text-logo{ position: absolute; top: 34px; left: 100px; float: left; }

/* Navbar
----------------------*/
#navcontainer { width: 985px; margin: 0 auto; }
#navlist {float: right; }
ul#navlist li{ float: left; padding: 0 8px; }
ul#navlist li a {
    float: left;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    width: 93px;
    height: 94px;
    line-height: 94px;
}
ul#navlist li.current_page_item {
	background: url(images/nav-active2.png) 0px 0 no-repeat;
	height: 94px;
	width: 93px;
	margin: 0;
	padding: 0;
}
ul#navlist li.current_page_item a:hover{
	color: #fff;
	border: none;
}
ul#navlist li a:hover{
	background: url(images/nav-active2.png) 0px 0 no-repeat;
	height: 94px;
	width: 93px;
	margin: 0;
	padding: 0;
	color: #f5d312;
}

/* Home-Content Layout
----------------------*/

#home-content {	margin: 0 auto;	background: url(images/feature-bg.png) no-repeat; width: 960px; height: 270px; overflow: hidden; position: relative; }
.home-sec1 {position: absolute; left: 60px;	top: 22px; width: 490px; }
.home-sec2 {position: absolute; left: 620px; top: 10px; overflow:hidden; width: 300px; }

.container-home{ width: 986px; margin: 0 auto; margin-bottom: 15px;	overflow: hidden; position: relative; margin-top: 30px;}
.content-sub{ float: left; width: 295px; margin: 40px 0 0 22px;	padding: 0 0 0 10px; display: inline; }

.welcome-note{ width: 600px; float: right; margin: 10px 20px 45px; }
img.welcome-box{ margin: 0px 0 10px 20px; float: left; }

/* Main pages layout
-------------------------------- */
#content { width: 985px; margin: 0 auto; overflow: hidden; padding-bottom: 40px; }
.content-main{ float: left; width: 600px; display: inline; margin: 68px 40px 20px 30px; }
.content-sidebar{ float: left; margin-top: 80px; width: 240px; display: inline; }

/* Portfolio Layout */
.content-project{ width: 960px; margin: 68px 40px 45px; }

/* Home Page Latest Work Styles
------------------------- */
#home-content h3 { color: #fff; font-size: 3em; margin: 10px 0px 10px 60px; background: url(images/sidebar-bb.gif) 0% 100% repeat-x; text-shadow: 2px 2px 2px #373229; padding-bottom: 10px; }
#home-content p { padding: 10px 0px 0px 0px; line-height: 1.5em; font-size: 1.2em; color: #E3E3E2; text-shadow: 1px 1px 1px #251500; }

img.home-latest{ border: 1px solid #bebebd; float: left; margin: 12px 60px 0 0px; }
img.home-icon{ float: left; margin: 25px 0px 0 0; }

#home-content a{ color: #77b800; border-bottom: 1px solid #77b800; padding: 0; margin-left: 2px; }
#home-content .home-sec2 li{ background: none; }

/* Home Page Styles 
-------------------------------- */
.container-home h2{ font-size: 3.999em; color: #77b800; font-weight: bold; text-shadow: 2px 2px 2px #373229; background: none; }
.container-home h2 span { display: block; font-size: 0.5em; color: #215c7d; margin-top: -35px;  border: none; }
.container-home p{ padding: 5px 5px 5px 5px; line-height: 1.4em; font-size: 1.2em; text-shadow: 1px 1px 1px #fff; }
.container-home h4{ color: #215c7d; font-size: 1.5em; font-weight: normal; padding-bottom: 5px; }
.container-home ul{ margin-top: 5px; }
.container-home li{ background: url(images/list-arrow2.png) left no-repeat; padding: 5px 0px 5px 14px; margin: 0 10px 8px; font-size: 1.1em; }


/* Content Page Styles 
-------------------------------- */
.content-main h2{ font-size: 3.222em; color: #77b800; font-weight: bold; line-height: 0.4em; }
.content-main h2 span{ display: block; font-size: 0.5em; color: #215c7d; font-style: italic; padding: 0 0 20px; margin-bottom: 20px;}

.content-main blockquote{
	background:#363129;
	color: #eee;
	border:1px solid #15150b;
	padding: 20px 15px 10px 25px;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/*sidebar layout
-------------------------- */
.sidebar-top{ background: url(images/sidebar-top.png) no-repeat; width: 235px; height: 14px; }
.sidebar-body{ background: url(images/sidebar-body.png) repeat-y; width: 235px; padding-bottom: 10px; }
.sidebar-bottom{ background: url(images/sidebar-bottom.png) no-repeat; width: 235px; height: 25px; }

/*sidebar typography
-------------------------- */
.content-sidebar h3{
	color: #125687;
	font-size: 1.7em;
	font-weight: bold;
	padding: 20px 20px 5px 20px;
	margin-bottom: 10px;
	background: url(images/sidebar-bb.gif) 30% 100% no-repeat;
}
.content-sidebar  p {
	padding: 5px 20px;
	line-height: 1.4em;
	font-size: 1.1em;
}
.content-sidebar img{
	float: right;
	clear: right;
	margin-top: 0px;
	margin-right: 6px;
}	
.content-sidebar h3.contact-sub{
	color: #cb2e2d;
}
/* Contact Styles */
.content-sidebar li{ font-size: 1.166em; padding: 5px 0; margin: 0 0px 0 22px; }

/* Portfolio Styles */
.content-project h2{ font-size: 3.222em; color: #77b800; font-weight: bold; line-height: 0.4em; }
.content-project h2 span{ display: block; font-size: 0.5em; color: #215c7d; font-style: italic; padding: 0 0 20px; margin-bottom: 20px;}

/* Portfolio
--------------------------------------- */

.project-info h3{
	color: #333;
	font-size: 1.8em;
	text-transform: uppercase;
	margin: 5px 0 20px 0;
	font-weight: 600;
}
#content .project-info p.designer {
	margin: 0 0 20px;
	font-style: italic;
	color: #215c7d;
}
div.project{
	margin:20px 0 20px 0px;
	padding-bottom: 30px;
	position:relative;
	background: url(images/sidebar-bb.gif) 0% 100% repeat-x;
	font-size: 1.1em;
}
div.screen{
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px;
	float: right;
	display: inline;
	margin: 0 30px 0;
}
img.pf{
	border: 3px solid #fff;
}
div.project-info{
	padding: 0px 20px 0px 0px;
	width: 400px;
	display: inline;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 3px;
}
#content div.project p{
	margin: 5px 0px;
	padding: 2px 0;
	color:#1d1d1f;
	font-size: 1em;
}
#content div.project a{
	color: #00b2dc;
}
#content div.project a:hover{
	color: #77b800;
}
.clear{
	clear: both;
}

/* Contact Form
------------------------- */
#quick-contact h3{
	margin: 0;
	padding-left: 5px;
	text-transform: uppercase;
	font-size: 1.3em;
}
#quick-contact form {
	width: 620px;
	margin-left: 0px;
}
#quick-contact ol {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 525px;
}
#quick-contact ol li {
	margin-bottom: 1em;
	width: 225px;
	background: none;
	margin: 10px 0;
	padding: 0;
}
#quick-contact li.float-item {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}
#quick-contact label {
	display: block;
	margin-bottom: 4px;
}
#quick-contact p.required-desc {
	color: red;
	font-size: 0.8em;
	margin: 10px 0 0 10px;
}
#quick-contact label em{
	color: red;
	font-style: normal;
	padding: 3px 0px;
}
#quick-contact p.errormsg{
	font-size: 0.92em;
	color: red;
	margin-bottom: 0.25em;
	padding: 0;
}
#quick-contact input.text {
	width: 200px;
	background-color: #fff;
	border: 1px solid #cdcdcd;
}
#quick-contact textarea {
	width: 425px;
	background-color: #fff;
	margin: 0px 0 10px;
	border: 1px solid #cdcdcd;
}
#quick-contact input.submit {
	margin: 0;
	padding-bottom: 1em;
}

/* Footer 
----------------------*/
#footer-wrap { background: #29261f url(images/footer-bg.png) repeat-x; }
#footer { margin: 0 auto; width: 985px; overflow: hidden; position:relative; text-align:left; padding-top: 40px;	margin-top: -142px; height: 142px; clear: both; }
.push{ height: 142px; /* .push must be the same height as .footer */ clear: both; }
#footer p{ color: #cecece; float: left; margin-right: 20px; font-family: Georgia; border-right: 1px solid #cecece; padding-right: 20px; }
#footer img.twitter-icon{ float: left; }

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:692px;
		height:212px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-130px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:606px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 0.6em 60px;
		padding:0;
		height:24px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:24px;
		line-height:24px;
		}
	ol#controls li a{
		float:left;
		height:24px;
		line-height:24px;
		border:1px solid #15150b;
		background:#363129;
		color:#eeeeee;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#f8f8f8;
		color:#15150b;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */