/**
* CSS
* 
* @version 1.0
* @author Diego Negrete 
* @author pambo
*/
* {
	margin: 0;
	padding: 0;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	/*background-color: #fff;*/
	z-index: 3;
	text-align: center;  
	padding: 0 0 0 0 ;
	width:92px;
	overflow: hidden;
	top: 10px;
	left: 30px;
	height: 135px;
}

#logobg {
	/*background-color: #ccc;*/
	filter: alpha(opacity=50); opacity: 0.5;
	z-index: 2;
	text-align: center;  
	padding: 25px 0 0 0;
	width:170px;
	overflow: hidden;
	top: 35px;
	left: 25px;
	position: fixed;
	height: 78px;

}

#block {
	filter: alpha(opacity=80); opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #00A69C;
	z-index: 2;
	background-position: top left;    
	width:100%;
	overflow: hidden;
	top: 30px;
	left: 215px;
	position: fixed;
	height: 103px;
	background-image: url('http://www.mandalinarossa.com/indexhibit/ndxz-studio/resimler/tartan_gift.gif'); 
	background-repeat: repeat;
	background-attachment:fixed;
	background-position: 50% 50%;
}	

body {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #FF6600;
	text-decoration: none;
	word-spacing: Normal;
	background-color: #F0F1F5;
}

::selection {
	background: #ffb7b7; /* Safari */
}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}

a:link { color: #666; text-decoration: none; }
a:active { color: #0099cc; text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover {  background: none; color: #fff; text-decoration: none; }


body.section-1 { }
body.section-2 { }
body.section-3 { }

#menu a:link { color: #666; text-decoration: none; }
#menu a:active { color: #666; text-decoration: none; }
#menu a:visited { text-decoration: none; color: #666; text-decoration: none; }
#menu a:hover {  background: #FFCC00; color: #fff; text-decoration: none; }


#menu ul li.active a  { 
	color: #666  !important;
        font: normal bold 12px "Arial", Verdana, Helvetica, sans-serif;
}

#logo a:hover { background: none; text-decoration: none; }


a img { border: none; }

#menu {
        font: normal 12px "Arial", Verdana, Helvetica, sans-serif;
	z-index: 1;
	top: 0px;
	background-color: #ffffff;
	/*line-height: 10pt;*/
	width: 160px;
	/*overflow: auto;*/
	left: 30px;
	position: fixed;
	padding: 10px 10px 0px 0;
	text-align: right;
	background-image: url('http://www.mandalinarossa.com/indexhibit/ndxz-studio/resimler/stripe_02.png'); 
	background-repeat: repeat;
	background-position: 50% 50%;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding-bottom: 0px;
}

#menu ul li.section-title { 
	color: #FF6600;
	font-size: 12px;
	/*font-weight: bold;*/
	margin-bottom: 5px;
}

#content {
	z-index: 4;
	height: 100%; 
	margin: 0 160px 0 210px;
	bottom: 0;
	padding: 0px 0px 0px 0px;
	width: 680px; 
}

#container {
	padding: 5px 5px 25px 5px;
}


#menu ul li.section-title:before {
	content: "";
}

#content p {
        font: italic 11px "Arial", Verdana, Helvetica, sans-serif;
	width: 650px; 
	margin-bottom: 9px; 
	/*background-color: #FFFFFF;*/
	color: #1A1A1A;
	text-decoration: none;
	word-spacing: Normal;
	text-align: left;
	padding-top: 0px;
	letter-spacing: 0;
	line-height: 30px;
	font-size: 11px;
}

#description {
cursor:move;
        font: italic 11px "Arial", Verdana, Helvetica, sans-serif;;
	position: absolute;
	top: 160px;
	left: 870px;
	width: 200px;
	z-index: 0;
	overflow: auto;
	padding: 15px 10px; 10px; 10px;
        overflow: hidden;
        background-color: #FFF;
}

#descriptionIng {
        font: italic 11px "Arial", Verdana, Helvetica, sans-serif;
        color: #FF6600;	
        z-index: 0;
	overflow: auto;
        overflow: hidden;
}

#contactosmall {
	font: italic 22px "Arial", Verdana, Helvetica, sans-serif;
	position: absolute;
	left: 225px;
	/*line-height: 25px;*/
	background-color: #fff;
}

#main-footer {
	font-size: 9px;
	font-family: Arial,Verdana, sans-serif;
	color: #666;
	left: 30px;
	margin-bottom: 0px;
	width: 160px;
	height: inherit;
	/*background-color: #E6E6E6;*/
	position: fixed;
	bottom: 0px;
	padding: 5px 10px 5px 0;
	text-align: right;
	/*background-image: url('http://www.pambopambo.com/pamboindex/files/stripe_02.png');*/ 
	background-repeat: repeat;
	background-position: 50% 50%;
}

/*recent work css*/

#myrecent {
	width: 600px;
	padding: 0;
	margin: 0;
}

caption {
        font: italic bold 22px "Arial", Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #00A69C;
	padding: 0 0 5px 0;
	width: 700px;	 
}

td.recent {
	font: italic bold 11px "Arial", Verdana, Helvetica, sans-serif;
	color: #666;
	border-bottom: .5px solid #666;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-image: url('http://www.pambopambo.com/files/stripe_02.png');
}

/*Drag and drop*/

/*--------------------*/

p {
	margin: 0 0 9px 0;
}

h1 { 
        font: italic 22px "Arial", Verdana, Helvetica, sans-serif;
        font-weight: none;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h2 { 
	font: italic 22px "Arial", Verdana, Helvetica, sans-serif;
        color: #666;
	font-weight: none;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#once { clear: left; }

/*custome ccs for images*/

/*crabs*/
#long-sandy-beach .one-box img {}
#long-sandy-beach .one-box { float: left; padding-right: 10px; }
#long-sandy-beach .content p{ display: block; width: 630px; }
#long-sandy-beach .caption-box {padding: 10px;}
#long-sandy-beach .caption-box .title { font-weight: bold; }
#long-sandy-beach .caption-box .caption {  }
/*end crabs*/



