html,body	{
     margin:0px; padding:0px; 
     font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
     color:#e1dfdf; 
     font-size:12.5px; 
     background:#0d213b url(http://www.vsdesigner.net/images/bg.png) no-repeat top center; 
     background-attachment:fixed; 
     height:100%; 	 
}

html	{overflow:hidden}

a {text-decoration:underline; color:#094e7f; outline: none;}
a:hover {text-decoration:none; color:#094e7f;}

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; margin:0; padding:0;}

img {border:none;}

.floatLeft {float:left}
.floatRight {float:right}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

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

.ie6    {margin:0 auto 0 auto; width:564px; height:401px; background:url(../images/bg_ie6.jpg) no-repeat top center}
.modern_browsers    {margin:310px 0 0 30px;}


/* HEADER 
***********************************************/
#header_bg {background:transparent url(../images/head_bg.png) repeat-x top; height:119px; width:100%; position:fixed; top:0; left:0; z-index:70;}
#header {width:960px; margin:0 auto;}
.logotipo   {float:left;}
#main_nav   {float:right; margin-top:10px;}
#main_nav   li  {display:inline; margin-left:15px; font-size:14px; text-shadow: #000 0px 2px 3px;}
#main_nav   li  a  {color:#e6dcdc; text-decoration:none}
#main_nav   li  a:hover {color:#bbd1fb; text-decoration:none;}
div#main_nav ul li a.selected   {color:#bbd1fb;}


/* CONTENT 
***********************************************/
#page  {width:960px; height:510px; margin:0 auto;}

/* HOMEPAGE 
***********************************************/
#home   {width:960px; height:510px; margin:0 auto 600px auto;}
.featured_work  {
	background:transparent url(../images/bg_featured.png) no-repeat top center;
	width:496px;
	height:304px;
	position:absolute;
	z-index:10;
	top:160px;
}
.welcome_txt    {position:absolute; margin:80px 0 0 500px; z-index:10;}
.home_txt   {position:absolute; margin:200px 0 0 500px; z-index:10; width:437px; font-size:14px; text-shadow:#4E4C4C 0px 2px 3px;  -moz-user-select: none; cursor: default;}
.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:450px; height:280px; padding:0;  margin:0; margin:7px 0 0 29px; overflow:hidden}
.featured_gallery   img {width:450px;  height:280px; 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 850px;}

.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; -moz-user-select: none; cursor: default;
}

div.work_gallery   {position:relative; z-index:10; width:743px; height:307px; overflow:hidden; margin:0 0 0 37px;}
div.work_gallery   img {width:743px; height:307px;}
.work_info  {position:absolute; z-index:20; width:250px; height:307px; overflow:hidden; background:#fff; left:530px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.work_info  div {padding:10px 20px 10px 20px;}
.work_info  h1  {font-size:16px; color:#003366; margin-bottom:10px;}
.work_info  h2  {font-size:12px; color:#222222; margin-bottom:5px;}
.work_info  p   {font-size:11px; color:#444444; margin-bottom:5px; line-height:15px;}
.work_info  img {margin-top:20px;}


/* servicos 
***********************************************/

#servicos  {width:960px; height:510px; margin:0 auto 600px auto;}
.servicos_me_txt   {position:absolute; z-index:10; margin:60px 0 0 784px;}
.bg_servicos   {background:transparent url(../images/bg_about.png) no-repeat top center; width:960px; height:426px; position:absolute; z-index:10; margin:92px 0 0 0;}
.text   {width:629px; height:310px; position:absolute; padding:10px 30px 20px 210px; z-index:5; -moz-user-select: none; cursor: default;}
.text   h1  {font-size:24px; color:#ffffff; margin-bottom:15px; line-height:25px; text-shadow:#ffffff 0px 2px 3px;}
.text   h2  {font-size:18px; color:#222222; margin-bottom:15px; line-height:19px; text-shadow:#928F8F 0px 1px 3px;}
.text   h3  {font-size:16px; color:white; margin-bottom:15px; line-height:17px; text-shadow:#4E4C4C 0px 2px 3px;}
.text   h4  {font-size:14px; color:#f5f5f5; margin-bottom:15px; line-height:18px; text-shadow:#928F8F 0px 1px 3px;}
.text   h5  {font-size:12px; color:#ffffff; margin-bottom:10px; line-height:14px; text-shadow:#4E4C4C 0px 2px 3px;}
.text   h6  {font-size:11px; color:#ffffff; margin-bottom:5px; line-height:13px; text-shadow:#4E4C4C 0px 2px 3px;}
.text   p   {margin-bottom:15px; position:relative; z-index:10; text-shadow:#4E4C4C 0px 2px 3px;}
.text   a   {color:#7ec1f1; text-decoration:none}
.text   a:hover {text-decoration:underline}
.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:#4E4C4C 0px 2px 3px;}

.text   ol  {margin:0 0 15px -10px; *margin:0 0 15px 35px; }
.text   ol  li  {list-style-type:decimal;; text-shadow:#4E4C4C 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:60px 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: #4E4C4C 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 0 0 -160px;}
.sec_nav    ul li  a.active {background:transparent url(../images/sec_nav_active.png) no-repeat top right; width:168px; height:28px; padding:6px 23px 0 0;}


/* SCROLLBAR CSS
**********************************************/
.jScrollPaneContainer {
	position: relative;
	top:55px; 
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #D5D2D2;*/
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #0d213b;*/
	cursor: pointer;
	overflow: hidden;
}
.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 
***********************************************/
#contactos   {width:960px; /*height:510px;*/ height:1200px; margin:0 auto 600px auto; position:relative;}
.contactos_txt    {position:absolute; z-index:10; margin:60px 0 0 821px;}
.contactos_info_bg   {position:absolute; z-index:10; width:492px; height:412px; background:transparent url(../images/bg_contact.png) no-repeat top center; margin:130px 0 0 0;}
.contactos_info    {padding:25px;}
.contactos_info    h1  {font-size:24px; color:#ff0000; margin-bottom:15px;}
.contactos_info   p   {color:#e6dcdc; margin-bottom:10px; font-size:12px;}
.contactos_form   {position:absolute; z-index:10; width:400px; height:400px; margin:40px 0 0 450px;}
.contactos_form   h1  {font-size:18px; margin-bottom:15px; color:#ffffff; text-shadow: #f5f5f5 0px 1px 3px;}
.contactos_form   p {margin-bottom:5px;}
.contactos_form label {font-weight:bold; display:block; font-size:13px; width:80px; float:left; margin-top:5px;}
.contactos_form .field {margin-bottom:10px; width:250px;}
.contactos_form .field_textarea {margin-bottom:10px; width:250px; height:80px;}
.contactos_form .captcha_field {margin-bottom:10px; width:90px;}


.field  {font-size:12px; padding:5px; border:0px solid #D0CFCF}
.field_textarea {font-size:12px; padding:5px; border:0px solid #D0CFCF;}
.captcha_field  {font-size:12px; padding:5px; border:0px solid #D0CFCF;}

.error {display:block; margin-top:-8px; margin-left: 80px; color:red;}
.success    {background:white; padding:20px;}
.success  strong  {display:block; color:#007236; margin-bottom:10px;}
.success    span    {display:block; color:#222222}

/* FOOTER
***********************************************/
#footer_bg {background:transparent url(../images/bg_footer_top.png) no-repeat top center; height:56px; width:100%; position:fixed; z-index:70;}
#footer {position:fixed; top:552px; background:#0d213b; width:100%; height:100%; margin:0 auto; z-index:70;}
.footer_content {margin:0 auto; width:960px; font-size:11px; margin-top:10px; color:#acacac}
.footer_content a   {color:#acacac; text-decoration:none}
.footer_content a:hover {color:#bbd1fb; text-decoration:none}

.footer_nav   {float:right;}
.footer_nav   li  {display:inline; margin-left:15px; font-size:11px;}
/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */