/*----------------------------------------
Rubendoliveira-design.com - main style.css
---------------------------------------- */
@import url("reset.css");
@import url("jquery.tweet.css");
/*-------------------
GENERAL ELEMENTS
------------------- */
*									{ border-style: none; font-weight: normal; list-style: none; padding: 0; }
body								{ background: #000; font-family: Arial, Helvetica, sans-serif;
									line-height: 18px; }
html								{ font-size:100.01%; }
/*-------------------
STYLES AND LINKS
------------------- */
a:link								{ text-decoration: none; color: #94585a; }
a:visited							{ text-decoration: none; color: #94585a; }
a:active							{ text-decoration: none; color: #94585a; }
a:hover								{ text-decoration: none; color: #fff; }

#navmain a:link						{ text-decoration: none; color: #999; }
#navmain a:visited					{ text-decoration: none; color: #999; }
#navmain a:active					{ text-decoration: none; color: #999; }
#navmain a:hover					{ text-decoration: none; color: #fff; }
/*-------------------
USEFUL CLASSES
------------------- */
.left								{ float: left; }
.right								{ float: right; }
.space								{ margin-top: 13px; }
.gray								{ color: #ccc; }
.first								{ margin-top: 40px; }
.goup								{ bottom: 5px; left: 20px; position: absolute; }
/*-------------------
STRUCTURE
------------------- */
#wrap								{ background: url(../images/bg.jpg) repeat-x; min-height: 1100px; width: 100%; }
#container							{ width: 960px; }
/*-------------------
HEADER
------------------- */
#header								{ height: 122px; width: 943px; padding-right: 17px; }
	#header IMG 					{ margin-top: 39px; }
	h1 								{ text-indent: -9999px; }
/*-------------------
NAVIGATION 
------------------- */
#nav								{ background: url(../images/navbg.jpg) no-repeat; height: 27px; margin-top: 27px; padding: 6px 110px 0 31px; color: #999;  position: relative; }
	#navmain						{ display: inline; }
	#nav span						{ font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; }
	#nav .mrg 						{ margin-right: 32px; }
	#nav  .red 						{ color: #945d5f; }
	.badge							{ position: absolute; top: -35px; right: 14px;  }
	.selected 						{ margin-right: 32px; color: #666; float: left; }
	#nav ul li							{ font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; float: left; margin-right: 32px; }
/*-------------------
FEATURED PROJECTS
------------------- */
#bigscreen							{ background: url(../images/bigscr.jpg) no-repeat; height: 398px; margin-top: 22px; }
#bigscreenabout						{ background: url(../images/bigscrabout.jpg) no-repeat; height: 398px; margin-top: 22px; }
#bigscreenwork						{ background: url(../images/bigscrwork.jpg) no-repeat; height: 398px; margin-top: 22px; position: relative; }
	#bigscreenwork ul				{ position: absolute; left: 32px; top: 59px; width: 500px; }
	#bigscreenwork ul li				{ border: 1px solid #485b6c; padding: 3px; width: 106px; height: 77px; margin: 0 11px 11px 0; float: left; }
/*-------------------
BOTTOM
------------------- */
#main								{ margin-top: 32px; }
	#main #leftcol 					{ margin-top: 11px; float: left; width: 609px; }
				.title				{ width: 609px; float: left; }
				.workblock 			{ width: 280px; float: left; margin: 21px 48px 52px 0; }
				.aboutblock 		{ width: 609px; float: left; margin: 21px 48px 52px 0; }
				.workblocklast 		{ width: 280px; float: left; margin: 21px 0 52px 0; }
					.imgwork 		{ border: 1px solid #262626; padding: 3px; margin-bottom: 17px; }
					p				{ font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #999; }
					.text			{ color: #525252; font-size: 0.7em; margin-top: 3px; }
				#contactform		{ margin-top: 12px; }
					label			{ font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; color: #999; display: block; }
						.labellast		{ margin-left: 24px; }
					input, textarea	{ background: #000; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 0.70em; }
					textarea		{ overflow: auto; }
					.sform			{ height: 19px; width: 225px; margin: 2px 0 14px 0; padding-left: 4px; display: block; border: 1px solid #333;  }
					.bform			{ height: 72px; width: 348px; margin: 2px 0 0 24px; padding-left: 4px; border: 1px solid #333; float: left; }
					.button			{ color: #945d5f; float: right; background: url(../images/contact.jpg) no-repeat; height: 8px; width: 11px; margin: 									6px 0 0 0; cursor: pointer; }
	#main #rightcol					{ width: 287px; float: left; border-left: 5px solid #52081f; margin-left: 40px; height: 470px; padding-left: 19px; }
	#main #rightcolb				{ width: 287px; float: left; border-left: 5px solid #52081f; margin-left: 40px; height: 467px; padding-left: 19px; }
	#main .rightcolw				{ width: 287px; float: left; border-left: 5px solid #52081f; margin: 0 0 72px 40px; height: 410px; padding-left: 										19px; position: relative; }
				.newsblock			{ margin-top: 22px; line-height: 21px; }
					.newstitle		{ width: 288px; margin-bottom: 11px; }
				.newsblock p 		{ margin-bottom: 28px; }
				.rightwork			{ margin-top: 12px; line-height: 21px; }
					span 			{ font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #999; }
				.singlegal			{ border: 1px solid #212121; padding: 7px; margin-bottom: 102px; }
				.singlegallast		{ border: 1px solid #212121; padding: 7px; margin-bottom: 52px; }
/*-------------------
FOOTER
------------------- */
#footer								{ width: 960px; height: 28px; border-top: 1px solid #161616; padding-top: 10px; float: left; margin-top: 24px; }
 #footer span 						{ font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; color: #666; }
 #footer IMG						{ margin-left: 4px; }



/* Error / Success / Notice 
------------------------------------------------------------- */



.error
			{
				font-family: Arial, Helvetica, sans-serif; color: #ec7d7d; font-size: 0.75em; line-height: 19px;
				padding: 3px;
				margin: 10px 0 10px 0;
				width: 100%;
			}
			
			.notes,.notice,.success
			{
				font-family: Arial, Helvetica, sans-serif; color: #9cc079; font-size: 0.75em; line-height: 19px;
				padding: 3px;
				margin: 10px 0 10px 0;
				width: 100%;
			}

/*.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
				padding:2px 40px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;*/


.notification_ok
	{
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	}