* { margin: 0; padding: 0; }

body { 
font: .74em Tahoma, Verdana, Sans-Serif, Arial; 
color: #7f7f7f; 
background: url(../images/mkmd-bg.gif) repeat; 	
}

h1 { 
font: 10pt normal "Trebuchet MS", Helvetica, Arial; 
}

h2 { 
font: 13pt normal "Trebuchet MS", Helvetica, Arial; 
color: #dfdfdf; 
margin: 0 0 15px; }

h3 { 
font: normal "Trebuchet MS", Helvetica, Arial; 
margin: 0 0 20px; }

#main h2,
#main h3,
#main h4,
#main div.article h4 a:link,
#main div.article h4 a:visited {
	color: #2a2a2a;
}

#header {
background: url(../images/body.gif) repeat; 	
}

#main .article a:link,
#main .article a:visited {
	color: #9f0000;
}

#main .article a:hover {
	color: #f00000;
}

#main p {
	color: #2a2a2a;
}

.portfo ul,
.portfoGallery ul {
		width: 790px;
}

.portfo ul li {
	padding: 10px 10px 31px 5px;
	float: left;
}

.portfoGallery ul li {
	padding: 10px 0 10px 0;
	float: left;
}


.portfo ul li:hover {
	background-color: #dfdfdf;
}



.portfo ul li img.img-large,
.portfoGallery ul li img.img-large {
	border: 5px solid #ffffff;
	margin: 0 15px 0 0;
}

#hostingTable td{
	padding: 2px;
	color: #000000;
	font-size: 8.5pt;
}

#hostingTable th {
	background-color: #2a2a2a;
	color: #ffffff;
}


h4 { 
font: normal "Trebuchet MS", Helvetica, Arial; 
color: #dfdfdf; 
margin: 0 0 4px; }


.watermark {
	background-image: url(../images/mk-sml-watermark.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 350px;
	float: left;
}

.watermark h3 {
	display: none;
}


p { margin: 0 0 15px; line-height: 1.6em; }

a { outline: 0; color: #304D6F; text-decoration: none; }

li { list-style: none; }

/*li a, img { display: block; }*/

/*img { 
outline: 0; 
border: 0; }*/

#wrapper { 
width: 984px; 
margin: auto; }

.clr { 
clear: both; }

#logo { 
float: left; 
padding: 15px 15px; }

#logo h1 a { 
color: #fff; }

#logo h1 a span { 
color: #808080; }

#menu { 
float: left;
width: 800px;
height: 34px; 
padding: 0 0 0 4px; }

#menu li { 
float: left; 
font-size: 10pt; 
font-family: Arial, Helvetica, sans-serif; 
text-transform: uppercase; }

#menu li a { 
color: #888; 
margin: 0 50px 0 0; }

#menu li a.current, 
#menu li a:hover { 
color: #fff; 
}

/*SUB NAV*/

#menu li ul { /* second-level lists */
padding: 3px 0 0 0;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	color: #000000;
}
 
#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
 
#menu li:hover ul, 
#menu li.over ul { /* lists nested under hovered list items */

	display: block;
	color: #000000;
}

#menu li ul li {
	padding: 0 0 0 6px;
	float: none;
	text-transform: none;
	border: 1px solid #efefef;
	background-color: #ffffff;
	color: #000000;
}

#menu li li a:hover {
	color: #000000;
}

#menu li li:hover {
	color: #000000;
	background-color: #cfcfcf;
}


/* END SUBNAV*/



#social {
	padding: 25px;
	float: right;
	width: 100px;
}		

#pitch { 
clear: both; 
height: 105px; 
margin: 0; 
padding: 110px 360px 0 30px; 
}

body.home #pitch {
	background: url(../images/toronto03.jpg) no-repeat; 
}

#pitch h1 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 24pt; 
color: #FFFFFF; 
margin: 0; 
letter-spacing: -2px;
}

#pitch p { 
font-size: 1em; color: #efefef; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 13pt; 
}

body.quienes #pitch h1,
body.portafolio #pitch h1,
body.servicios #pitch h1,
body.contacto #pitch h1,
body.about #pitch h1,
body.portfolio #pitch h1,
body.services #pitch h1,
body.contact #pitch h1,
body.quienes #pitch p,
body.portafolio #pitch p,
body.servicios #pitch p,
body.contacto #pitch p,
body.about #pitch p,
body.portfolio #pitch p,
body.services #pitch p,
body.contact #pitch p

 {
	display: none;
}



body.quienes #pitch {
	background: url(../images/pitch-quienes.jpg) no-repeat; 
}


body.portafolio #pitch {
	background: url(../images/pitch-portafolio.jpg) no-repeat; 
}

body.servicios #pitch {
	background: url(../images/pitch-servicios.jpg) no-repeat; 
}

body.contacto #pitch {
	background: url(../images/pitch-contacto.jpg) no-repeat; 
}

body.about #pitch {
	background: url(../images/pitch-aboutus.jpg) no-repeat; 
}


body.portfolio #pitch {
	background: url(../images/pitch-portfolio.jpg) no-repeat; 
}

body.services #pitch {
	background: url(../images/pitch-services.jpg) no-repeat; 
}

body.contact #pitch {
	background: url(../images/pitch-contactus.jpg) no-repeat; 
}



#pitch a {
	color: #c40000;
	font: bolder 8pt Arial, Sans-serif;
}

.img-botmargin {
	margin: 0 10px 45px 0;
	float: left;
}

.img-rightmargin {
	margin: 0 10px 45px 0;
	float: left;
	border: 3px solid #ffffff;
}

.img-floatright {
	margin: 0 200px 0 0;
	float: right;
	
}

.img-border3 {
	border: 3px solid #ffffff;
}

.navIcon {
	padding: 0 0 20px 0;
}

.content { 
background: url(../images/content.gif) repeat; 
padding: 20px; }

.link { 
background: #820000; 
color: #fff; 
padding: 5px 10px; 
font-size: .9em; }


#main {
float: left;
width: 944px; 
margin: 0 auto;
padding: 20px;
background-color: #e8e8e8; }

.col { 
float: left; 
width: 292px; 
margin: 0 30px 15px 0; }

.col.last { 
float: right; 
margin-right: 0; }

.col h2 {
	font-weight: bold;
	text-transform: uppercase;
}

.case img { 
float: left; 
clear: left; 
margin: 0 20px 20px 0; 
background: #121212; 
padding: 3px; }

.short { 
padding: 0 0 15px 0; 
background: url(../images/line.gif) repeat-x left bottom; 
}

.case a, .article a { 
color: #ddd; 
font-weight: bold; }


body.internal .col {
	width: 750px;
}

.colServices {
	float: right;
	width: 150px;
	margin: 0;
}

.colServices ul li a{
	/*list-style-type: square;*/
	/*background-image: url(../images/bullet_toggle_plus.png);*/
}

#menu li.portafolio ul li a:link,
#menu li.portafolio ul li a:visited,
body.portafolio #menu li.portafolio ul li a:link,
body.portafolio #menu li.portafolio ul li a:visited,
body.internal #menu li.portafolio ul li a:link,
body.internal #menu li.portafolio ul li a:visited, 

#menu li.portfolio ul li a:link,
#menu li.portfolio ul li a:visited,
body.portfolio #menu li.portfolio ul li a:link,
body.portfolio #menu li.portfolio ul li a:visited,
body.internal #menu li.portfolio ul li a:link,
body.internal #menu li.portfolio ul li a:visited,

body.internal #menu li.services ul li a:link,
body.internal #menu li.services ul li a:visited
{
	color: #000000;
}

body.home #menu li.home a:link, 
body.home #menu li.home a:visited,
body.contacto #menu li.contacto a:link,
body.contacto #menu li.contacto a:visited, 
body.servicios #menu li.servicios a:link,
body.servicios #menu li.servicios a:visited,
body.quienes #menu li.quienes a:link, 
body.quienes #menu li.quienes a:visited,
body.portafolio #menu li.portafolio a:link,
body.portafolio #menu li.portafolio a:visited,

body.contact #menu li.contact a:link,
body.contact #menu li.contact a:visited, 
body.services #menu li.services a:link,
body.services #menu li.services a:visited,
body.about #menu li.about a:link, 
body.about #menu li.about a:visited,
body.portfolio #menu li.portfolio a:link,
body.portfolio #menu li.portfolio a:visited 
{
	color: #ffffff;
}





/**** JQUERY STYLES ****/

.demo {
  margin:0;
  padding:1.5em 1.5em 0.75em;
  border:1px solid #ccc;
  position:relative
}
.collapse p {padding:0 10px 1em}

#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */


.expand /*{padding-bottom:.75em}*/ {
	padding: 0;	
	margin: 0 0 0 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 35px;	
	line-height: 35px;
	width: 100%;
	font-size: 11pt;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
}

/* --- Links  --- */
.collapseWrapper a:link, 
.collapseWrapper a:visited {
/*  border:1px dotted #ccc;*/
  /*border-width:0 0 1px;*/
  text-decoration:none;
  color:blue
}
.collapseWrapper a:hover, 
.collapseWrapper a:active, 
.collapseWrapper a:focus {
  /*  border-style:solid;
  background-color:#f0f0f0;*/
  outline:0 none;
  text-decoration:none;
}
.collapseWrapper a:active, 
.collapseWrapper a:focus {
  color:#ff0000;
}
.expand a {
  display:block;
  padding:3px 10px
}
.expand a:link, 
.expand a:visited {
  /*border-width:1px;
 background-image:url(img/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%; */
}
.expand a:hover, 
.expand a:active, 
.expand a:focus {
  text-decoration:none;
}
.expand a.open:link, .expand a.open:visited {
  /*border-style:solid;*/
  /*background:#eee url(img/arrow-up.gif) no-repeat 98% 50%;*/
background: url(../images/h2_trigger_a.gif) no-repeat;  
}

/**** END JQUERY STYLES **/

/**DHTML Tooltip**/

.portfolio_list	{
			display: block;
			width: 152px;
			float: left;
			margin: 0px 15px 20px 0px;
			padding: 0px 4px 0px 0px;
			border: 0px;
			}	
			
.portfolio_list div.portfolio-text	{
			width: 152px;
			height: 40px;
			font-size: 11px;
			color: #000000;
			text-align: center;
			line-height: 1.2em;
			padding: 7px 0 0 0;
			}


div.portfolio-text a:link,
div.portfolio-text a:visited		{color: #ffffff;	text-decoration: none;}

div.portfolio-text a:active		{color: #000000; text-decoration: none;	}

div.portfolio-text a:hover		{color: #000000; text-decoration: none;}			

div.portfolio-image img		{border: 0;}

#dhtmltooltip	{
				position: absolute;
/*				width: 354px;
				height: 224px;*/
				padding: 2px 2px 1px 2px;
				margin: 0;
				/*border-bottom: 3px solid #fff;*/
				/*font-family: Georgia, Verdana, Tahoma, Arial;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 11px;*/
				color: #000;
				text-align: center;
				/*line-height: 1.7em;*/
				font-weight: normal;
				display: block;
				visibility: hidden;
				z-index: 100;
 				background-color: #efefef;
				}


/******/



.date { 
font-size: .84em; 
margin: 0 0 3px; 
}

#footer { 
margin: 0 auto;
width: 944px;
clear: both; 
background: url(../images/line.gif) repeat-x; 
padding: 20px 20px 10px; 
font-size: .9em; }

#footer a { 
color: #ccc; 
margin: 0 10px 0 0; 
border-bottom: 1px dotted #444; 
padding: 0 0 1px; }

#links { float: right; }

#links a { margin: 0 0 0 10px; }

#footer p { margin: 0 0 8px; }