/*
* -----------------------------------------------
* Style for default page
* Author:   Neotix
* URL:      www.neotix.com.br
* ----------------------------------------------- 
*/

/* 
* -----------------------------------------------
* IMPORTS
* -----------------------------------------------
*/
@import url("/static/css/shared/reset.css");
@import url("/static/css/shared/helper.css");
@import url("/static/css/shared/structure.aspx");
@import url("/static/css/shared/print.css") print;

/* 
* -----------------------------------------------
* BACKGROUNDS
* -----------------------------------------------
*/
body
{
	background-image: url("/static/img/shared/concept/simple-ideia/bg-art-left.png");
	background-position: top center;
	background-repeat: no-repeat;
}

div#container
{
	background-image: url("/static/img/shared/concept/simple-ideia/bg-art-right.png");
	background-position: top center;
	background-repeat: no-repeat;
}

div#container #content
{
	overflow:hidden;
	margin-bottom:-150px;
}
/* 
* -----------------------------------------------
* HEADINGS
* -----------------------------------------------
*/
div#title h1
{
	background-image: url("/static/img/en-us/concept/simple-ideia/title.png");
}

div#title h2
{
	background-image: url("/static/img/en-us/concept/simple-ideia/quote.png");
}
/* 
* -----------------------------------------------
* CONTENT
* -----------------------------------------------
*/
div#mainpanel
{
	width:760px;
	height:1200px;
	float:left;
}

div#mainpanel h3
{
	width:100%;
	height:235px;
	background:url("/static/img/en-us/concept/simple-ideia/tit-70white.png") no-repeat 0 13px;
	text-indent:-9999px;
}

div#mainpanel div.text-1
{
	width:320px;
	height:300px;
	margin-left:306px;
	margin-top:41px;
}

div#mainpanel div.text-1 p
{
	margin-top:29px;
	line-height:20px;
}

div#mainpanel h4
{
	width:420px;
	height:300px;
	float:right;
	margin-right:40px;
	margin-top:-20px;
	background:url("/static/img/en-us/concept/simple-ideia/quote-your-world.png") no-repeat 0 0;
	text-indent:-9999px;
}

div#mainpanel div.text-2
{
	width:245px;
	height:300px;
	line-height:25px;
	margin-top:21px;
}

div#mainpanel p.text-3
{
	background:url("/static/img/en-us/concept/simple-ideia/txt-simple-no.png") no-repeat 0 4px;
	width:420px;
	height:200px;
	text-indent:-9999px;
}

div#mainpanel p.text-4
{
	display:none;
}

div#mainpanel dl
{
	float:right;
	width:540px;
	height: 200px;
	margin-top:-190px;
	margin-right:-270px;
	position: relative;
	/*background:url("/static/img/shared/concept/simple-ideia/gray_line.png") repeat-y 0px 0px;*/
}

div#mainpanel dl dt
{
	width:150px;
	height:20px;
	text-indent:-9999px;
	z-index:2;
	float: left;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

div#mainpanel dl dd
{
	width:160px;
	height:50px;
	float: left;
	overflow: hidden;
	padding: 45px 0 0 105px;
}

div#mainpanel dl dd a{
	text-decoration: none;
	float: left;
	width: 120px;
}

div#mainpanel dl dt.nav-1
{
	background:url("/static/img/en-us/concept/simple-ideia/tit-idealizers.png") no-repeat 0 0;
	top: 20px;
	left: 105px;
}

div#mainpanel dl dd.nav-1
{
	background:url("/static/img/shared/concept/simple-ideia/ico-idealizers.png") no-repeat 5px -10px;
}



div#mainpanel dl dt.nav-2
{
	background:url("/static/img/en-us/concept/simple-ideia/tit-testimonials.png") no-repeat 0 0;
	top: 20px;
	left: 370px;
}

div#mainpanel dl dd.nav-2
{
	background:url("/static/img/shared/concept/simple-ideia/ico-testimonials.png") no-repeat 0 12px;
}




div#mainpanel dl dt.nav-3
{
	background:url("/static/img/en-us/concept/simple-ideia/tit-arquiteturaberta.png") no-repeat 0 0;
	top: 115px;
	left: 105px;
}

div#mainpanel dl dd.nav-3
{
	background:url("/static/img/shared/concept/simple-ideia/ico-arquiteturaberta.png") no-repeat 0 10px;
	
}

/* 
* -----------------------------------------------
* SIDEBAR
* -----------------------------------------------
*/
#sidebar
{
	width: 208px;
	float: left;
	margin-left: 3px;
}

div#sidebar h2
{
	text-indent: -9999px;
	overflow: hidden;
	width: 100%;
	height: 38px;
	background: url("/static/img/en-us/concept/simple-ideia/tit-rightbar.png") no-repeat;
	margin-bottom: 1px;
}


div#sidebar ul
{
	list-style: none;
	width: 100%;
}

div#sidebar ul li
{
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
}


div#sidebar ul li,div#sidebar ul li a
{
	float: left;
	height: 38px;
	width: 100%;
	background-repeat: no-repeat;
}

div#sidebar ul li a
{
	text-indent: -9999px;
	overflow: hidden;
}

div#sidebar ul li.nav-1 a
{
	background-image: url("/static/img/en-us/concept/simple-ideia/arquitetura.png");
}

div#sidebar ul li.nav-2 a
{
	background-image: url("/static/img/en-us/concept/simple-ideia/ideiasimples.png");
}


div#sidebar ul li.nav-3 a
{
	background-image: url("/static/img/en-us/concept/simple-ideia/maxusers.png");
}

div#sidebar ul li.nav-4 a
{
	background-image: url("/static/img/en-us/concept/simple-ideia/descubra.png");
}

