/*-----------------------------------------------------------------------------
[client] Sinclair & Ruiz

version:   1.0
date:      10/03/09
author:    Raenk
email:     hola@raenk.com
website:   www.raenk.com
GRACIAS POR EL INTERES EN ESTE CÓDIGO
-----------------------------------------------------------------------------*/

/* NATURAL */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

table {
	border: 0;
}

ul {
	list-style-type: none;
}

/* LAYOUT */

body {
	margin: 0;
	padding: 0;
	background: #858588;
	font: 400 75%/100% Verdana, Helvetica, sans-serif;
	color: #757575;
}

#wrapper {
	width: 890px;
	margin: 0 auto;
	background: url(../images/wrapperbg.gif) repeat-y top center;
}

#main {
	width: 770px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

	#header {
		width: 770px;
		height: 224px;
		margin: 0;
		padding: 0;
	}

		#logo {
			width: 770px;
			height: 100px;
			margin: 0;
			padding: 0;
			background: url(../images/logo.gif) no-repeat top left;
		}
		
		#splash {
			width: 730px;
			height: 124px;
			margin: 0 auto;
			background: #fff;
		}

			#banners {
				width: 730px;
				height: 124px;
				margin: 0;
				padding: 0;
			}
		
	#menu {
		width: 730px;
		height: 45px;
		margin: 0 auto;
	}
	
	#content {
		width: 730px;
		margin: 15px auto;
		overflow: hidden;
	}
	
		#sidebar {
			width: 180px;
			float: left;
			background: #e8e8dc;
			overflow: hidden;
		}
		
		#maintext {
			width: 490px;
			float: left;
			padding: 0 20px 40px 40px;
		}

	#footer {
		width: 730px;
		margin: 20px auto;
		border-top: #666 dotted 1px;
	}

/* MENU LAYOUT */

#menu ul {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}	

ul.menu {
	height: 24px;
	width: 730px;
	background: url(../images/menubg.gif) repeat-x top left;
	color: #757575;
	line-height: 24px;
	font: 400 11px/24px Tahoma, Helvetica, sans-serif;
}

ul.submenu {
	height: 20px;
	width: 159px;
	/*background: url(../images/mktbg.gif) no-repeat top left;*/
	color: #e2e3e4;
	font: 400 11px/20px Tahoma, Helvetica, sans-serif;
	position: relative;
	top: 0;
	left: -9999px;
	z-index: 100;
	text-align: center;
}

#dropline :hover ul {
	left: 0;
}

#menu li {
	float: left;
	text-align: center;
}

li.home {
	width: 59px;
}

li.mkt {
	width: 159px;
	/*background: #434d5f;*/
	color: #fff;
	height: 24px;
}

li.mkt:hover {
	background: #434d5f url(../images/mktbg.gif) no-repeat 0 24px;
	height: 44px;
}

	li.print {
		width: 53px;
	}

	li.design {
		width: 51px;
		border-left: 1px solid #f99f1e;
		border-right: 1px solid #f99f1e;
	}

	li.web {
		width: 53px;
	}

li.pr {
	width: 39px;
}

li.consulting {
	width: 84px;
}

li.events {
	width: 134px;
}

li.about {
	width: 119px;
}

li.contact {
	width: 79px;
}

li.news {
	width: 49px;
}

li.border {
	border-right: 1px solid #fff;
}
	

/* FORMATO TEXTO */

a, a:visited {
	color: #f60;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.nav, a.nav:visited {
	color: #757575;
}

a.nav:hover {
	color: #fff;
	text-decoration: none;
}

a.subnav, a.subnav:visited {
	color: #e2e3e4;
}

a.subnav:hover {
	color: #f90;
	text-decoration: none;
}


h1 {
	font: 700 18px/25px Verdana, Helvetica, sans-serif;
	text-transform: capitalize;
}

h2 {
	font: 700 14px/23px Georgia, 'Times New Roman', serif;
	text-transform: capitalize;
	letter-spacing: -1px;	
}

h3 {
	font: 700 12px/23px Verdana, Helvetica, sans-serif;
	text-transform: capitalize;
}

h2.sidebart {
	font: 700 11px/25px Verdana, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/titulosbg.gif) no-repeat top left;
	margin: 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	color: #aaa;
        font-size: 11px;
	line-height: 13px;
	margin: 5px 0 5px 0;
	padding: 0 10px 5px 20px;
	border-bottom: 1px dotted #f60;
}


p {
	font: 400 12px/20px Verdana, Helvetica, sans-serif;
}

li.content {
	font: 400 12px/20px Verdana, Helvetica, sans-serif;
	list-style: circle;
}

#footer p {
	font: 400 10px/12px Verdana, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}