body{ margin: 0px; background-image:url(http://websitesyoucanedit.com/wp-content/themes/journalist/images/top.gif); } 

/* POSITIONS */


#main_logo{ width: 300px; float: right; text-align: left; position: fixed; left: 120px; margin: 0 10px 0 0; }
#main_logo a{ text_decoration: none; background: none;}
#main_logo a img { border:0 none; }
.caja_secciones{ width: 400px; float: right; margin-right: 10%; margin-top: 5em;}
.titulos_secciones{  width: 320px; height: 30px; background-color: black; float: left; padding: 10px; margin: 20px 580px 10px 0;}

.conteiner{ width: 100%; min-width: 1200px; position: absolute; top: 80px; z-index: 1;}
#contenido{ width: 930px;  float: center; margin-top: 3em; margin-bottom: 5em; margin-left: 80px;}

.formulario_home{ float: left;}
.formulario_botton {display:none; float:left; text-align:left; width:500px;}

.left{ float: left;}
.right{ float: right;}
.clear{ clear:both; }

/* LINKS AND INPUTS */

label{ color: white; font-size: 1.5em; margin-left:2px; display:block; }
input{ background: white; border: 1px solid #999; height: 20px; padding: 8px; font-size: 1em; }
label{ color: black; font-size: 1em;}

.submit, .cat_button{ background: black; color: white; height: 35px; padding: 0 3em;}

.submit:hover, submit:hover, .cat_button:hover{ background-color: #61428B; color: white; }
fieldset{ border: 1px solid #222; padding: 25px; margin-bottom: 45px;}
legend{ background-color: black; font-size: 1.2em; color: white; padding: 5px;}


/* TESTIMONIALS */

blockquote {color: black; display:block; padding: 5px 25px 50px 40px; font-family: arial; width: 360px; background-color: #f7f7f7; margin-left: -.55em; text-align: justify; }
blockquote:before, blockquote:after {color: #c6c6c6; display:block; font-size:700%; width:50px; font-family:times, serif; }
blockquote:before { content:open-quote; height:0;  margin: 0 0 .65em -25px;}
blockquote:after { content:close-quote; height:0; margin-left:3.5em; margin-top: -.25em;}

#announce {width: 370px; background-color: #f7f7f7; padding: 10px 20px 10px 10px;}
.announce_image {position: relative; top: -80px; left: 330px; height: 80px; margin-bottom: -30px;}

/* SHOWCASE */

.showcase_image{ border: 1px solid black; margin-top: 1em; width: 599px; overflow: hidden;}
.showcase_titulo{ width: 30em; margin-top: 1em; background-color: black; color: white; text-align: center; padding: .5em;}
.showcase_titulo a{ color: white; font-weight: normal; text-decoration: none;}
.showcase_titulo a:hover{ text-decoration: underline;}

.webapp_portfolio{   float: left;}
.webapp_projects{ text-align: justify; width: 600px;  float: left; margin: 0 0 20px 0; }
.system-message, .system-error-message { background-color: #f9f9f9; margin: 0px; color: #666; min-height: 110px; height: auto !important; height: 110px; padding: 36px 36px 36px 180px; width: 300px;}


/* MENU */

#top_nav{position: fixed; top: 0; right:70px; width: 100%; text-align: center; z-index: 2; margin: 0 auto; height: 8em; background: white; float: right; text-align: right; padding-top: 1.5em; margin-bottom: 1em;  }   
    
#top_nav ul { list-style-type: none;  padding: 0; margin-top: 2em;}
#top_nav ul li {  display: inline;  margin-right: 20px;}
#top_nav li a{ font-size: 1.75em; padding: 5px;}


#top_nav li a:hover{ color: white; background-color: black;}

.talk {width: 208px; height: 109px; float:right; background:url(http://bakedweb.net/images/talk.png); }
.talk:hover{ background-position: bottom left; }

.social { width: 154px; height: 61px; float: right; position: relative; top: 130px; left: 170px; }

/* PRODUCTS */

.products { width: 350px; float: left; margin: 0 10em 5em 0;}

/* ABOUT US */
.profile { float:left; height: 150px; width: 380px; margin: 20px 80px 20px 0px}
.profile .picture img{ border: 1px solid black;}
.profile h2 { font-size: 12px; margin-top: 0 }
.profile .text p,
.profile span { font-size: 14px; margin:12px 0}
.picture { float:left; margin: 0 10px 10px 0 }

#sponsors h2 {
	background:url("/images/gem.gif") no-repeat scroll 100% 0 #E8E8E8;
	padding:19px 155px;
	width:540px;
	font-size:18px;
	margin: 40px 0;
}
#sponsors p{
	color:#8C8C8C;
	font-size:12px;
	margin:0 0 0 30px;
	width:765px;
}

#quotes { margin:20px 60px; width:700px;  }
 
#quotes p {
  font-size: 14px;
  background: url(/images/quoteopen.gif) no-repeat;
  padding-left: 25px
}

#quotes p span {
  font-size:20px;
}

span.who {
	background:url("/images/quoteclose.gif") no-repeat scroll 100% 0 transparent;
	margin:0 0 0 25px;
	padding:0 25px 0 0;
}

/* FOOTER */
.footer{ width:100%; height: 35px; background-color: #f2f2f2; text-align:center; padding: 5px; float: center; position: fixed; bottom: 0px; margin: 0 auto; overflow: hidden; z-index: 2; border-top: 1px solid black;}
.footer{ font-size: 18px; padding-top: 10px; }
.footer a{ padding: 5px;}
.footer a:hover{ color: white; background-color: #919191;}


/* LETS WORK TOGETHER */

.texto_boton{ padding: 5px; background-color: black; color: white; width: 270px;}
.texto_boton:hover{ background: #fafafa; color: black; border: 1px solid black; cursor: pointer;}

.currentnav {
background-color:black; color:white; }
.currentnav:hover { background-color:black; color:white; }
.currentnav:active { background-color:black; color:white; }

.twitterwidget {float:left; margin-left:73%; margin-top:11%; position:fixed; width:300px;}

#thanks {
  padding-left: 80px;
}

#thanks h1 { font-size: 71px; }
#thanks h2 { font-size: 32px; margin-top:10px }
#thanks h2 a { border-bottom: 3px solid black } 

#main_logo {
font-weight:bold;
font-size:14px;
margin-top:0px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
margin-top:0px;\/*IE8 only*/
margin-top:0px;/*Mozilla - Firefox only*/
[margin-top:0px]/*Opera and newer Safary 4+*/
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
          #main_logo {margin-top:-120px}
}