/*=====================================================================
 *
 * Filename: sm-layout.css
 * Website: www.synchmedia.com
 * Author: Pablo Bustamante
 * Version: 3.0
 * Date Created: 15/09/2009 (dd/mm/yyyy)
 * Media: Screen
 *
 * Description
 * -----------
 * Stylesheet used to setup the basic layout of the website.
 *
 *=====================================================================*/
body,html {
	height: 100%;
	width:100%;
	display:block;
	background: #f9fbe6 url(../img/main_bg.jpg) no-repeat;
}

div#wrapper {
	width: 1158px;
	min-height: 880px;
	margin: 0 auto;
	}
	div#header {
		height: 136px;
		background: transparent url(../img/bg_header.png) center no-repeat;
		position: relative;
		}
		div.social {
			width: 250px;
			height: 19px;
			position: absolute;
			left: 759px;
			top: 3px;
		}div#twitter_div {
			width: 155px;
			height: 80px;
			background: transparent url(../img/bg_twitter.png) no-repeat;
			padding: 5px 0 24px 65px;
			position: absolute;
			left: 698px;
			top: 32px;
			font-size: 10px;
			line-height: 10px;
			color: #FFF;
			}
			div#twitter_div ul {
				list-style: none;
				width: 135px;
				}
			div#twitter_div li {
				display: inline;
				margin-left: -2px;
				}
			div#twitter_div li a:link, div#twitter_div li a:visited {
				color: #FFF;
				text-decoration: none;
				padding-top: 7px;
				float: right;
				}
			div#twitter_div li a:hover, div#twitter_div li a:active{
				color: #CCC;
				text-decoration: underline;
				}
			div#twitter_div li span a:link {
				float: none;
			}
	div#container {
		width: 1158px;
		min-height: 600px;
		position: relative;
		background: transparent url(../img/bg_content.png) no-repeat right top;
		}
		div#navbar {
			height: 122px;
			padding-right: 63px;
			}
			div#menu {
				width: 464px;
				height: 78px;
				padding-top: 15px;
				float: right;
				background: transparent url(../img/bg_menu.png) no-repeat;
			}
			div#submenu {
				width: 299px;
				height: 38px;
				float: right;
				background: transparent url(../img/bg_submenu.png) no-repeat;
				padding-top: 6px;
			}
		div#content {
			width: 1158px;
			min-height: 500px;
			}
			div.content-top {
				background: transparent url(../img/bg_content_top.png) no-repeat;
				background-position: 158px;
				height: 81px;
				position:relative;
				}
			div.content-middle {
				width: 825px;
				min-height: 430px;
				overflow: auto;
				background: transparent url(../img/bg_content_tile.png) repeat-y;
				background-position: 158px;
				padding-left: 270px;
				}
			div.content-bottom {
				height: 67px;
				background: transparent url(../img/bg_content_down.png) no-repeat;
				background-position: 160px;
				margin-bottom:50px;
				}
		div#robot-arm {
			width: 226px;
			height: 183px;
			position: absolute;
			top: 106px;
			left: 29px;
			z-index: 1;
			}
		div#robot-txt {
			width: 102px;
			height: 49px;
			position: absolute;
			z-index: 2;
			left: 142px;
			top: 130px;
			}
	div#footer {
		width: 100%;
		height: 25px;
		position:relative;
		clear: both;
		background: transparent url(../img/bg_footer.png) repeat-x;
		font-size: 9px;
		color: #FFF;
		}

	
/* menu + submenu + social links + services steps */
div#menu ul {
	list-style: none;
	width: 464px;
	}
div#menu li {
	display: inline;
	margin: 0 -8px 0 0;
	}
div#submenu ul {
	list-style: none;
	width: 299px;
	}
div#submenu li {
	display: inline;
	margin: 0 -10px 0 0;
	}
div#submenu li#approval {
	margin-left: -8px;
}
div.content-about-menu ul{
	list-style: none;
	width: 640px;
	}
div.content-about-menu li{
	display: inline;
	/*margin:  0 -8px 0 0;*/
	}
div.content-services-icons ul {
	list-style: none;
	width: 450px;
	float: right;
	}
	div.content-services-icons li {
	display: inline;
	margin: 0 -5px 0 0;
	}
/* images hacks */
div#header img{
	margin: 20px 0 0 90px;
	}
/* Resetting social navbar margins */
div#header .social img{ 
	margin: 0;
	}
div#navbar img#section {
	margin: 30px 0 0 230px;
	}
div.content-bottom img {
	margin: -35px 0 0 170px;
	}
div.content-contact-social img {
	padding-left: 5px;
	}
div#footer img { 
	padding-top: 5px;
}

/* Specific styles for each section */

/* home */
div.content-title {
	width: 770px;
 float:left;	/*height: 203px;*/
	}

div.content-cell {
	width: 375px;
	min-height: 130px;
	float: left;
	padding: 0 5px;
	}
    div.content-cell a{ color:#515151; }
    div.content-cell a:hover{ color:#F7931E; }
div.bg-web { 
	background: transparent url(../img/bg_web.png) no-repeat bottom left;
	}
div.bg-design { 
	background: transparent url(../img/bg_design.png) no-repeat left;
	}
div.bg-print { 
	background: transparent url(../img/bg_print.png) no-repeat bottom left;
	}

/* about */
div.content-about {
	width: 770px;
	height: 260px;
	}
	div.content-about-pic {
		width: 130px;
		float: left;
		}
	div.content-about-menu {
		width: 640px;
		float: right;
		}
	div#content-about-text {
		width: 640px;
		float: right;
		background: transparent url(../img/bg_about.png) no-repeat;
		}

/* contact */
div.content-contact-title {
	width: 555px;
	float: left;
	}
	div.subcontent-contact-title {
	width: 500px;
	float: left;
	}	
div.content-contact-extra {
	width: 235px;
	height:520px;
	overflow: auto;
	float: left;
	position:relative;
	
	}
	div.bgnews{
		position:absolute;
		top:30px;
		left:0px;
		background-image:url(../img/bgnewsletter.png);
		width:208px;
		height:57px;
	}
	input.cnemail{
		position:absolute;
		top:5px;
		left:5px;
		background:none;
		font-family:Trebuchet MS ,Helvetica, Geneva, sans-serif;
		border: 0;
		font-style: normal;
		font-size: 13px;
		color: #333;
		outline:none;
		width:200px;
		height:22px;
	}
	input.send{
		position:absolute;
		top:65px;
		left:130px;
		background-color:#333;
		background-repeat:no-repeat; 
		background-position:0 0;
		color:#D6D27E;
		width:75px;
		height:20px;  
		overflow:hidden; 
		text-indent:0px; 
		outline:none;
		border: 0;
	}
	input.cnname{
		position:absolute;
		top:35px;
		left:5px;
		background:none;
		font-family:Trebuchet MS ,Helvetica, Geneva, sans-serif;
		border: 0;
		font-style: normal;
		font-size: 13px;
		color: #333;
		outline:none;
		width:200px;
		height:22px;
	}
	div#error{
		position:absolute;
		top:90px;
		left:0px;
		font-size:12px;
	}
	div.cinfo{
		position:absolute;
		top:140px;
		left:0px;
	}
	div.content-contact-postal {
		background: transparent url(../img/bg_postal.png) no-repeat;
		height: 79px;
		margin-top: -20px;
		padding: 10px 0 0 10px;
		}
		div.content-contact-phones {
			background: transparent url(../img/bg_phones.png) no-repeat;
			height: 60px;
			margin-top: -20px;
			padding: 10px 0 0 10px;
		}
		div.content-contact-social {
			background: transparent url(../img/bg_social.png) no-repeat;
			height: 90px;
			margin-top: -20px;
			padding: 10px 0 0 10px;
		}


/* Services */
div.content-services {
	width: 770px;
	height: 237px;
	background: transparent url(../img/bg_services.png) no-repeat;
	background-position: 130px 25px;
	}
	#step_id{
		position:absolute;
		top:82px;	
	}
	div.content-services-steps {
		position:relative;
		height: 220px;
		width: 150px;
		float: left;
	}
	div.content-services-icons {
		height: 100px;
		width: 550px;
		float: left;
	}
	div.content-services-text {
		margin-top:-20px;
		height: 120px;
		width: 550px;
		float: left;
		line-height:16px;
	}
div.content-services-cell {
	width: 240px;
	height: 200px;
	float: left;
	padding: 0 10px;
	}
div.content-services-cell a {
	color:#515151;
	}	
div.content-services-cell a:hover {
	color:#F7931E;
	}	
div.bg-web2 { 
	background: transparent url(../img/bg_web2.png) no-repeat center bottom;
	}
div.bg-design2 { 
	background: transparent url(../img/bg_design2.png) no-repeat center bottom;
	}
div.bg-print2 { 
	background: transparent url(../img/bg_services2.png) no-repeat center bottom;
	}

/* Portfolio */
div.menu-cont{
	position:absolute;
	top:145px;
	right:100px;
	z-index:10000;
}
div.menu-cont ul {
	list-style: none;
	width: 245px;
	}
div.menu-cont li {
	display: inline;
	margin: 0 2px 0 0;
	}
a  boxcaption{
	color:#FFF;
}
/* Text stuff */
div#container { 
	color: #515151;
	font-size: 10pt;
	}
div#content h1, div#content h3{
	font-size: 22px;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #515151;
	}
div.content-services-cell h3 {
	text-align: center;
	}
div.content-services-cell p {
	margin-top: -15px;
}
div#content h2{
	font-size: 16px;
	/*letter-spacing: -1px;*/
	margin-top: -15px;
	/*line-height: 16px;*/
	}
div.content-contact-extra {
	font-size: 16px;
	}
div.content-contact-extra h1 {
	padding-bottom: 10px;
	}

	
	
	
	
.wrapperm {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -25px;
}

.links-footer{
	position:absolute;
	top:5px;
	left:10px;
	background:none;
	font-family:Trebuchet MS ,Helvetica, Geneva, sans-serif;
	border: 0;
	font-style: normal;
	font-size: 11px;
	color: #fff;
	outline:none;
	z-index:1;
}

#footer a{
	color:#FFF;
}

#footer a:hover{
	color:#D9E021;
}

.copyright{
	position:absolute;
	top:5px;
	right:10px;
	background:none;
	font-family:Trebuchet MS ,Helvetica, Geneva, sans-serif;
	border: 0;
	font-style: normal;
	font-size: 11px;
	color: #fff;
	outline:none;
	z-index:1;
}


a:active { outline: none; }
a:focus { outline: none; }

#slider {
  width: 640px;
  margin: 0 auto;
  position: relative;
}

.scroll {
    width: 640px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    width: 620px;
}

.hide {
    display: none;
}

.download-term{
	position:absolute;
	top:160px;
	right:150px;
	font-family:Trebuchet MS ,Helvetica, Geneva, sans-serif;
	border: 0;
	font-style: normal;
	font-size: 25px;
	outline:none;
	color:#515151;
}

.download-term:hover{
	color:#F7931E;
}

.mail-legal{
	color:#515151;
}

.mail-legal:hover{
	color:#F7931E;
}

.error4044{
	position:absolute;
	top:100px;
	left:450px;
}

div.content-newsletter {
float:left;
overflow:hidden;
position:relative;
width:235px;
height:130px;
}

div.content-title2 {
	width: 555px !important; }
.title_news{
	color:#515151;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:20px;
}
.divForm{ width:555px; float:left; }