* { margin:0; padding:0; }
body { font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:14px; color:#000; background-image:url(images/background.png); background-position:50% 0; background-repeat:no-repeat; background-color:#151b35; }
/* TEXT STYLES */
h1 { font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:36px; font-weight:lighter; }
h2 { font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:21px; font-weight:lighter;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; }
h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:lighter; }
p { margin:0 0 15px 0; font-size:13px; line-height:1.4em; }
blockquote{background-color:#e9eaec; padding:15px;}
blockquote cite{
display:block;
font-family:"Lucida Sans",Verdana,Arial,sans-serif;
font-size:12px;
font-style:normal;
text-align:right;
}
blockquote {
color:#666666;
font-style:italic;
}
blockquote p {
font-style:normal;
}

ul li{list-style-position:inside; margin:0 0 2px 15px;}

a img { border:none; }
a { }
a:hover { }
/* LAYOUT */
#page-container { margin:0 auto; width:980px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
img.left { float:left; padding:0 25px 0 0; }
img.right { float:right; padding:0 0 0 25px; }

/* HEADER */
#header { float:left; width:980px; height:127px; margin:30px 0 0 0; }
#logo { float:left; margin:0 0 -37px 0; }
/* NAVIGATION */
/*#navigation { float:left; width:980px; margin:0 0 0 0; padding:0 0 10px 0; border-bottom:10px solid #ffcc33; }
#navigation ul { float:right; font-family:Rockwell, Arial, Helvetica, sans-serif; margin:0 25px 0 0; }
#navigation li { list-style:none; position:relative; margin:0 5px 0 0; }
#navigation li a { color:#FFF; background-color:#000; padding:10px 20px 10px 20px; text-decoration:none; }
#navigation li a:hover { color:#000; background-color:#ffcc33; }
#navigation li a.current { color:#000; background-color:#ffcc33; }
#navigation li.active { color:#000; background-color:#ffcc33; } */

/* Drop Downs */
#nav-container{ float:left; list-style:none; width:980px;  margin:0 0 0 0;padding:0 0 0px 0; border-bottom:10px solid #ffcc33; position: relative;z-index:2; }

#navigation {
	margin: 0 20px 0 0;
	padding: 0;
	float:right;
	font-family:Rockwell, Arial, Helvetica, sans-serif;
	}
#navigation li {
	list-style: none;
	float: left;
	position:relative;
	padding:0;
	margin:0 5px 0 0;
	
	}
#navigation li a {
	display: block;
	padding:10px 20px 10px 20px;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	}
	
#navigation li a:hover {background-color:#ffcc33; color:#000;}
	
#navigation li ul {
	display: none; 
	background-color: #000;}
	
#navigation li:hover, #navigation li.active a{background-color:#ffcc33; color:#000;}
#navigation li:hover ul, #navigation li.hover ul {
	display: block;
	position: absolute;
	/*margin: -25px 0 0 0;*/
	top:37px;
	left:0;
	padding:10px 0 0 0;
	background-color: #ffcc00;
	width:265px;}
#navigation li:hover li, #navigation li.hover li {
	float: none; 
	width:265px;
	border-bottom: 1px solid #333;}
#navigation li:hover li a, #navigation li.hover li a {
	background-color: #000;
	color: #fff; 
	padding:12px 10px 12px 10px;}
#navigation li:hover li a:hover, #navigation li:hover li.active a, #sidebar li.active a, #sidebar li.active a:hover{
	background-color: #ffcc00;
	color:#000;}
#navigation li:hover li:last-child{border:none;}

/* SUBHEADER */
#subheader { float:left; width:930px; height:250px; padding:25px; background-image:url(images/transparent-bg.png); color:#FFF; }
#subheader-text { float:left; width:325px; }
#subheader-text p { margin:0 0 40px 0; }
#subheader .button { font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; }
#subheader a.button { padding:10px 25px; background-color:#243040; text-decoration:none; margin:0 15px 0 0; }
#subheader a:hover.button { background-color:#151b35; }
/* CONTENT */
#content-container { float:left; width:940px; min-height:500px; padding:20px 20px 50px 20px; background-color:#FFF; }
#titlebar { float:left; width:955px; height:75px; line-height:75px; padding:0 0 0 25px; background-image:url(images/transparent-bg.png); color:#FFF;}
#content-container .title-block { border-bottom:1px solid #000; padding:0 0 10px 0; margin:0 0 15px 0; }
.section { float:left; width:310px; }
/*.section h6{ margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #000;}*/
.section h3 { margin:10px 0 0 0; }
.section .button { font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; background-image:url(images/button-bg.png); background-repeat:no-repeat; background-position:96%; padding:5px 35px 7px 10px; }
.section a.button { background-color:#243040; text-decoration:none; }
.section a:hover.button { background-color:#151b35; }
.infobox { width:245px; height:60px; padding:10px; margin:0 0 15px 0; background-color:#f2f2f2; border:1px solid #dddddd; }
.infobox h1 { font-size:21px; margin:0 0 10px 0; }
.infobox p { font-size:12px; }
/* HOME */
.section.dyk { width:320px; }
.section.dyk p { padding:0 25px 0 0; }

#content-container.about { width:980px; padding:0; }
#top-content { float:left; background-color:#f1f1f1; padding:20px; }
#top-content img.left { float:left; padding:0 25px 100px 0; }
#top-content h6 { display:inline-block; margin:0 0 15px 0; padding:0 325px 5px 0; border-bottom:1px solid #000; }

/* BENEFITS */
#content-container.sidebar { float:left; width:980px; padding:0; background-image:url(images/content-bg.png); background-repeat:repeat-y; position:relative;}
#sidebar{float:left; width:280px; height:255px; padding:0; background-image:url(images/sidebar-bg-top.jpg); background-repeat:no-repeat; position:relative; z-index:1; list-style:none; border-top:1px #222 solid;}
#sidebar li{margin:0; padding:0; list-style:none;}
#sidebar li a{color:#fff; font-size:16px; font-family:Rockwell, Arial, Helvetica, sans-serif; text-decoration:none;
display: block;
	padding:10px 20px 10px 20px;
	border-bottom:1px #222 solid;
	color: #fff;
	text-decoration: none;
	}
	#sidebar li a:hover{background-color:#000;}
.content{float:left; width:650px; padding:25px;}
.content h1, .content h2, .content h3{margin:0 0 5px 0;}
.content h1{margin:0 0 10px 0; border-bottom:1px #999 solid;}
/* ABOUT */
.section.about { width:400px; }
.section.about ul { list-style-position:inside; margin:0 0 0 25px; font-size:18px; font-family:Rockwell, Arial, Helvetica, sans-serif; }
.section.about li { margin:0 0 10px 0; }
.section.about.design-process { width:580px; }
.section.about.design-process p { padding:10px 20px 25px 0; }
.section.about.design-process h2 { float:left; clear:both; font-size:100px; color:#999; margin: 5px 15px 0 0; }
#content-container.about .title-block { background:#f8f8f8; padding:20px 20px 10px 20px; margin:0 0 15px 0; border:none;}
/* WORK */
.section.work { width:300px; padding:0 20px 50px 0; }
.section.work.last { padding:0 0 50px 0; }
.section.work h1 { font-size:24px; margin:10px 0 5px 10px; }
.section.work h2 { font-size:14px; color:#151b35; margin:0 0 10px 10px; }
.section.work p { margin:0 0 25px 10px; padding:0; }
.section.work .button { margin:0 0 0 10px; }
/* PROJECT */
#project-description { float:right; width:400px; }
#project-description blockquote p {
color:#000;
}
#project-description em{ font-style:normal; font-family:"Lucida Sans", Arial, Helvetica, sans-serif;}
#project-description p{margin:15px 0 0 0; }
#project-description a{ color:#666; text-decoration:none;}

#project-display { float:left; margin:0; width:510px; }

/* CONTACT */
.section.contact { width:500px; }
.section.contact.form { width:425px; }
input, textarea { background-color:#eeeeee; border:1px solid #dcdcdc; width:230px; padding:5px 10px; }
textarea { width:350px; margin:0 0 25px 0; }
.section.contact.form .button { width:100px; background-color:#243040; border:none; }
.section.contact.form .button:hover { background-color:#151b35; cursor:pointer; }
/* FOOTER */
#footer { float:left; width:980px; padding:15px 25px; margin:0 0 0 -25px; background-color:#333; }
#footer h6 { color:#FFF; }
#footer .copyright { float:right; margin:0 25px 0 0; }
#links { float:right; font-size:10px; margin:3px 25px 0 0; }
#links a { color:#FFF; text-decoration:none; }
#links a:hover { text-decoration:underline; }
/* Easy Slider */

#slider-container { float:right; position:relative; }
#slider { float:right; border:10px solid #FFF; width:530px; }
#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:530px; height:240px; overflow:hidden; }
#prevBtn, #nextBtn { display:block; width:30px; height:50px; position:absolute; left:-20px; top:105px; }
#nextBtn { left:540px; }
#prevBtn a, #nextBtn a { display:block; width:30px; height:50px; background:url(images/btn_prev.png) no-repeat 0 0; }
#nextBtn a { background:url(images/btn_next.png) no-repeat 0 0; }												

/* // Easy Slider */