html,body	{
     margin: 0px; 
	 padding: 0px; 
     font-family: 'Lucida Grande','Lucida Sans Unicode', Tahoma, Arial,sans-serif;
     color: #e6dcdc; 
	 font-size: 1em;
	 line-height: 160%; 
     background: #030561 url(/images/blue.jpg) no-repeat top center; 
     background-attachment: fixed; 
     height: 100%; 
}

html {
	overflow: hidden
}

@font-face {font-family: HoneyScript; src: url("HoneyScript-SemiBold.eot"); src: local("Honey Script Semibold"), url("HoneyScript-SemiBold.ttf") format("truetype");}

a {
	text-decoration: underline; 
	color: #094e7f; 
	-webkit-transition: color .6s linear;
}

a:hover {
	text-decoration: none; 
	color: #43e07e;
	-webkit-transition: color .1s linear;
}

h1, h2, h3, h4, h5, h6, p, ul, li, form	{
	margin: 0; 
	padding: 0;
}

ul, li {
	list-style-image: none; 
	list-style-position: outside; 
	list-style-type: none; 
}

img {
	border: none;
}

.flleft {
	float: left
}

.flright {
	float: right
}

.aleft {
	text-align: left;
}

.aright {
	text-align: right;
}

div.clear { /* IE clear floats */
	clear: both; 
	height: 0px; 
	font-size: 1px;
} 

.last {
	margin-right: 0;
}


/* top  */
#header_bg {
	background: transparent url(/images/top_bg.png) repeat-x top; 
	height: 65px; 
	width: 100%; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 70;
}

#header {width: 960px; margin: 0 auto;}
.p-n   {float: left;}
#main_nav   {float: right; margin-top: 10px;}
#main_nav   li  {display: inline; margin-left: 15px; font-size: .9em; font-weight: 500; text-shadow: #000 0px 2px 3px;}
#main_nav   li  a  {color: #e6dcdc; text-decoration: none ; -webkit-transition: color .5s linear;}
#main_nav   li  a:hover {color: #fff; text-decoration: none; -webkit-transition: color .1s linear;}
div#main_nav ul li a.selected   {color: #F2E113;}

#page  {
	width: 960px;
	height: 530px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/* home */
#home   {width: 960px; height: 510px; margin: 0 auto 500px auto;}
.intro_work  {
	background: transparent url(/images/bg_splash.png) no-repeat top center;
	width: 499px;
	height: 340px;
	position: absolute;
	z-index: 10;
	top: 220px;
}
.welcome_txt    {
	position: absolute;

	margin: 80px 0 0 495px;
	z-index: 20;
} /* t r b l */
	
.home_txt   {
	position: absolute;
	margin: 190px 0 0 500px;
	z-index: 10;
	width: 500px;
	font-size: 1em;
	line-height: 175%;
	text-align: justify;
	text-shadow: #3F0000 0px 2px 3px;
	z-index: 30;
}
h1.welcome {
	color: #f2e113;
	font: 60px/52px HoneyScript;
	text-shadow: #3F0000 0px 2px 3px;
}
h2.welcome {
	color: #f2e113;
	font: 50px/45px HoneyScript;
	text-shadow: #3F0000 0px 2px 3px;
}


.featured_work_txt  {position: absolute; z-index: 10; margin: 412px 0 0 60px;}
.arrow1 {position: absolute; z-index: 10; margin: 384px 0 0 150px;}
.arrow2 {position: absolute; z-index: 10; margin: 110px 0 0 360px;}
.arrow3 {position: absolute; z-index: 10; margin: 300px 0 0 470px;}
.get_in_touch_txt   {position: absolute; z-index: 10; margin: 440px 0 0 330px;}
.available_tag  {position: absolute; z-index: 10; margin: 325px 0 0 560px;}

.featured_gallery   {
	width: 438px;
	height: 271px;
	padding: 0;
	margin: 0;
	margin: 10px 0 0 30px;
	overflow: hidden
}
.featured_gallery   li  {height: 271px;}
.featured_gallery   img {width: 438px;  height: 272px; top: 0; left: 0 }

/* portfolio */
#portfolio   {width: 960px; height: 510px; margin: 0 auto 600px auto;}
.portfolio_showcase_txt {position: absolute; z-index: 10; margin: 60px 0 0 630px;}

.slideshow_nav{position: absolute; z-index: 10;}
.prev_nav  {position: absolute; z-index: 10; margin: 300px 0 0 10px;}
.next_nav {position: absolute; z-index: 10; margin: 300px 0 0 907px;}

.bg_portfolio   {position: absolute; z-index: 10; width: 817px; height: 358px; background: transparent url(images/bg_portfolio.png) no-repeat top center; margin: 150px 0 0 70px; padding-top: 8px;}

div.work_gallery   {
	position: relative;
	z-index: 10;
	width: 745px;
	height: 459px;
	overflow: hidden;
	margin: 0 0 0 35px;
}
div.work_gallery   img {width: 745px; height: 459px;}
.work_info  {position: absolute; z-index: 20; width: 231px; height: 459px; overflow: hidden; background: #fff; left: 549px; opacity: 0.85; /*-moz-opacity: 0.85; filter: alpha(opacity=85); */}
.work_info  div {padding: 10px 20px 10px 20px; height: 459px;}
.work_info  h1  {font-size: 18px; color: #350387; margin-bottom: 10px;}
.work_info  h2  {font-size: 14px; font-weight: 600; color: #222222; margin-bottom: 5px;}
.work_info  p   {font-size: 12px; color: #333333; margin-bottom: 5px; line-height: 16px;}
.work_info  img {margin-top: 20px;}


/* about */
#about   {width: 960px; height: 560px; margin: 100px auto auto auto; line-height: 175%;}
.about_me_txt   {position: absolute; z-index: 10; margin: 100px 0 0 784px;}
.bg_about   {
	width: 960px;
	height: 540px;
	position: absolute;
	z-index: 10;
	margin: 100px 0 0 0;
}
.text   {
	width: 650px;
	height: 325px;
	position: absolute;
	padding: 30px 30px 30px 250px;
	z-index: 5;
	top: -20px;
	overflow: auto;
}
.text   h1  {font-size: 24px; color: white; margin-bottom: 15px; line-height: 25px; text-shadow: #3F0000 0px 2px 3px;}
.text   h2  {font-size: 18px; color: #230505; margin-bottom: 15px; line-height: 19px; text-shadow: #C10202 0px 1px 3px;}
.text   h3  {font-size: 16px; color: white; margin-bottom: 15px; line-height: 17px; text-shadow: #3F0000 0px 2px 3px;}
.text   h4  {font-size: 14px; color: #230505; margin-bottom: 15px; line-height: 18px; text-shadow: #C10202 0px 1px 3px;}
.text   h5  {font-size: 12px; color: #ffffff; margin-bottom: 10px; line-height: 14px; text-shadow: #3F0000 0px 2px 3px;}
.text   h6  {font-size: 11px; color: #ffffff; margin-bottom: 5px; line-height: 13px; text-shadow: #3F0000 0px 2px 3px;}
.text   p   {margin-bottom: 15px; position: relative; text-align: justify; z-index: 10; text-shadow: #3F0000 0px 2px 3px;}
.text   a   {color: #FFE03E; text-decoration: none; -webkit-transition: color .1s linear;}
.text   a:hover {text-decoration: underline; -webkit-transition: color .5s linear;}
.position_txt   {position: absolute; top: 0}
.img_right_space    {margin: 10px 15px 10px 0;}
.img_left_space    {margin: 10px 0 10px 15px;}

.text   ul  {margin: 0 15px 15px 25px; }
.text   ul  li  {list-style-type: square; text-shadow: #3F0000 0px 2px 3px;}

.text   ol  {margin: 0 0 15px -10px; }
.text   ol  li  {list-style-type: decimal; text-shadow: #3F0000 0px 2px 3px;}

blockquote {
    font-style: italic;
    line-height: 15px;
    padding-left: 50px;
    background: transparent url(images/quotes.png) no-repeat scroll left 0px;
    color: #f7f7f7;
  }

.sec_nav {
	position: absolute; 
	margin: 80px 0 0 0; 
	z-index: 8;
}

.sec_nav li {
    color: white; 
    background: transparent url(images/sec_nav_separator.png) no-repeat bottom right; 
    width: 163px; height: 30px; 
    text-align: right; 
    padding: 10px 15px 10px 0; 
    text-shadow: #3F0000 0px 2px 3px;
}

.sec_nav li a {
	color: white;
	text-decoration: none;
	width: 167px;
	height: 31px;
	padding-top: 6px;
	display: block;
	position: absolute;
	margin: 0;
	-webkit-transition: color .1s linear;
}

.sec_nav ul li a.active {color: #F2E113;}

/* js scroll */
.jScrollPaneContainer {
	position: relative;
	top: 65px; 
	/* border: #000099 ridge 2px; */
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #03012e;
	width: 20px;
}

.jScrollPaneDrag {
	position: absolute;
	background: #760000;
	cursor: pointer;
	overflow: hidden;
	width: 18px;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}

a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}

a.jScrollArrowDown:hover {
	background-color: #f60;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}


/* contact */
#contact {
	width: 960px; 
	/*height: 510px;*/ 
	height: 1200px; 
	margin: 100px auto 600px auto; 
	position: relative;
}

#tubes{
	position: absolute;
	width: 100px;
	height: 63px;
	background: transparent url(/images/tubes.png) no-repeat top center;
	margin: 198px 0 0 370px;
	z-index:1000;
}

#contactmsg{
	position: absolute;
	top: 388px;
	left: -530px;
	width: 480px;
	text-align: center;
	color: #fff;
}

.contact_txt {
	position: absolute;
	z-index: 15;
	margin: -70px 0 0 -180px;
}

h1.contact {font-size: 24px; color: #990000; line-height: 25px; text-shadow: #3F0000 0px 2px 3px;}
p.contact {color: #990000;}
	
#contact_bg   {
	position: absolute;
	z-index: 10;
	width: 517px;
	height: 330px;
	background: transparent url(/images/envelope.png) no-repeat top center;
	margin: 180px 0 0 -40px;
	top: 3px;
}
#contact_bg_snt {
	position: absolute;
	z-index: 10;
	width: 517px;
	height: 349px;
	background: transparent url(/images/envelope_sent.png) no-repeat top center;
	margin: 180px 0 0 -40px;
	top: 3px;
}

#contact-wrapper {
	position: absolute;
	width: 450px;
	border-radius: 9px;
	box-shadow: 7px 7px 7px rgba(0,0,0,0.4);
	-moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.4);
	-webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.4); 
	border: 1px solid #e2e2e2;
	background: #f1f1f1;
	padding: 20px;
	margin: 120px 0 0 500px;
	z-index: 1000;
}

#contact-wrapper div {
	margin: .25em 0;
}

#contact-wrapper label {
	display: block;
	float: none;
	font-size: .75em;
	color: #030561;
	width: auto;
}

form#contactform input {
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	color: #333;
}

form#contactform textarea {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 80%;
	/* padding: 0.5em 0.4em 0.3em; */
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
}

/* footer  */
/*#footer_bg {background: transparent url(/images/wave.png) repeat-x top; width: 100%; height: 40px; position: fixed; top: 660px; z-index: 70;}*/
/*#footer_bg {background: transparent url(/images/wave1.png); width: 960px; height: 69px; position: fixed; top: 660px; z-index: 70;}*/

#footer {position: fixed; top: 750px; background: #00003f; width: 100%; height: 100%; margin: 0 auto; z-index: 1010; border-top: 1px #0033CC solid;}
.footer_content {margin: 0 auto; width: 960px; font-size: .8em; margin-top: 10px; color: #F2E113}
.footer_content a   {color: #F2E113; text-decoration: none}
.footer_content a:hover {color: #fff; text-decoration: none}
.footer_nav   {float: right;}
.footer_nav   li  {display: inline; margin-left: 15px;}