/***********************************************************************
******************* reset.css ******************************************
************************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;
font-family:inherit;
vertical-align:baseline;}
body { line-height:1.5;}
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none!important; }
.clearer { height: 0px; overflow: hidden; margin: 0px; clear: both; }

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

a:link {text-decoration: none; color: #000060;;}
a:visited {text-decoration: none;color: #800000;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline; color: red;}

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


html,body{
	  height: 100%; 
      margin: 0; 
      padding: 0
        }	

body {	
	background-color: #1a1a1a;
	font-family: Lucia, Helvetica, Arial, Times, serif; 
	font-size: 100%;
	}
	
      
div#container {
	background-color: transparent;
	width: 1015;
	margin: 0px auto;
    overflow: auto;
    position: relative;
    height: 700px;
	}
	
div#bigcontainer {
    height: auto;
	}
	


/*-------------------HEADER-------------------------------------------------------------*/

div#header {
	width: 1005px;
	height:85px;
	margin: 0px auto;
	position: relative;
	background-color: seagreen;
	padding: 5px;
	margin-top:10px;
		}


#logo{
	width:96px; 
	position: absolute;
	left: 5px; 	
	top: 0px;
	z-index:3;
	}
	
#logoTitle{
	width:238px; 
	position: absolute;
	left: 100px; 	
	top: 7px;
	font-size: 50px;
	font-family:"Verdana", "Arial", sans-serif;
	color: white;
	font-weight:bold;
	}


div#navigation{
	width: 500px;
	height: 60px;
	position: relative;
	float: right;
	top: 0px;
	font-weight:bold;	
	}
	

ul#nav {	
	width: 500px;
	height:60px;
	margin: auto; 
	position: absolute;
	float: right;
	padding:0 0 0 0;
	z-index:3;
	position: relative;
	margin-top: 30px;

	}
	
ul#nav li {
	line-height: 46px;
	width: 100px;
	margin-top: 20px;
	padding:0 25px 0 0;
	margin:0;
	display:block;
	float:right;
	text-align: center;
	/*text-indent:-9999px;*/
}

ul#nav li a {
	height:46px;
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0;
	margin:0;
	color: white;
	font-size: 20px;}




/*------------------------MAIN--------------------------------------------------------*/

div#main {
		background-color: SeaShell;
		/*background: url(../images/mainBG1x1.png) repeat;*/
		width: 1015px;
		height: auto;
		position: relative;
		margin: 0px auto;
		margin-top: 15px;
		}


div#block1{
	width: 955px;
	height: 430px;
	margin: 0 auto;
	top: 30px;
	padding-top: 10px;
	position: relative;
	}
	
div#blockFeedback{
	width: 955px;
	height: 480px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	}
	
div#block_content{
	width: 955px;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	}

div#leftLayer{
	width: 400px;
	height: 343px;
	position: relative;
	top: 7px;
	left: 8px;
	background: url(../images/AndroidCasing_Todo.png);
	background-repeat:no-repeat;
	float: left;
}
div#rightLayer{
	width: 500px;
	height: 300px;
	position: relative;
	float: left;
	margin: 7px 7px 7px 15px;
}

h1#slogan{
	width: 955px;
	font-size: 70px;
	color: #1a1a1a;
	font-weight: bold;
	padding-left: 10px;
	color: #000060;
}

h1.title{
	width: 955px;
	font-size: 70px;
	color: #1a1a1a;
	font-weight: bold;
	padding-left: 10px;
	color: #000060;
}

#listOfFeatures{
	margin: 40px, 40px, 0px, 40px;
	font-size: 25px;
	font-style:italic;
	color: #000060;
}

#UserInteraction{
	display: none;
	
}


#getButton{
	margin-top: 180px;
	width: 200px;
	height: 100px;
	background-image: url(../images/btnGiveMeThisStuff2.png);
     	background-repeat: no-repeat;
     	background-position: left top;
	float: left;
	margin-left:250px;
	z-index = 10;

}


div#likes{
padding-left:250px;
margin-top: 50px;

}

.fb-like{
	font-size: 40px;
	margin: 10px;
	
}

.twitter-share-button{
	margin: 10px;
}

.plusone{
		margin: 10px;
}

ul#promos {
	list-style: none outside;
	width: 960px;
	margin-top: 14px;
	position: relative;
	zoom: 1;
	display: none;
}


ul#promos li {
	display: inline;
	background-color: white;
	float: left;
	width: 228px;
	height: 155px;
	margin-left: 9px;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: rgba(0,0,0,.4) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 1px 3px;
	box-shadow: rgba(0,0,0,.4) 0 1px 3px;
	box-shadow: rgba(0,0,0,.4) 0 1px 6px url(0/IE9);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	} 
}


div#block2{
	width: 955px;
	height: 52px;
	margin: 0 auto;
	position: relative;
	background-color: blue;
	}

div#leftTextfield{
	width: 450px;
	height: 400px;
	margin: 20px 10px 20px 20px;
	position: relative;
	background-color: blue;
	float: left;
	}

div#rightTextfield{
	width: 450px;
	height: 400px;
	margin: 20px 20px 20px 10px;
	position: relative;
	background-color: #1a1a1a;
	float: right;
	}
	
	
	
	
div.content_block{
	font-size: 20px;
	padding-top:10px;
	padding-bottom:50px;
}

#content_header{
	font-weight:bold;
	padding-bottom: 10px;
	font-size: 20px;
}

div#content_body{
	width: 700px;
	margin-top: 10px;
	margin-bottom:50px;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 10px;
	padding-bottom: 30px;
}




p{
	margin-bottom: 8px;
}










  #sign_up {
        -moz-border-radius: 6px;
        background: #eef2f7;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 400px;
        position: relative;
        display: none;
    }
    
    #feedbackInput{
    	height: 150px;
    	width: 500px;	
    	font-size:25px;
    	margin-bottom: 10px;	
    }
	
	#emailInput{
    	height: 30px;
    	width: 500px;	
    	font-size:25px;
    	margin-bottom: 10px;	
    }

    h2.subtitle{
		font-weight: bold;
		padding-left: 10px;
		padding-bottom: 20px;
		color: black;
			font-style:italic;
				font-size: 25px;
		font-style:italic;
	color: #000060;
    }
    
    #tabs li {
		float: left;
		padding: 0;
		margin: 0;
		margin-right: 1px;
		list-style: none;
		position: relative;
	}

#btnIdea{
		background-color: rgb(255, 100, 0);
}

#tabs li.idea a {
	background-image: url(../images/feedback_tab_idea.png);
}

#tabs li.problem a {
	background-image: url(../images/feedback_tab_problem.png);
}

#tabs li.question a {
	background-image: url(../images/feedback_tab_question.png);
}
#tabs li.praise a {
	background-image: url(../images/feedback_tab_praise.png);
}

#tabs li a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	border: none;
	background-repeat: no-repeat;
	background-position: 8px 50%;
}

#tabs li.active img {
	top: 35px;
	width: 13px;
	height: 8px;
	display: block;
	position: absolute;
}

#tabs li.active{
	border: 1px solid;
}

#tabs li.idea img {
	left: 33px;
}

#tabs li img {
	display: none;
}

input.submit, form a.submit_link {
	color: white;
	font-size: 130%;
	font-weight: bold;
	cursor: pointer;
	overflow: visible;
	padding: 1px 15px 1px;
	margin-right: 5px;
	background-color: #098BD6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #0B77B7;
	border-top-color: #5EB6E8; 
}

input.submit {
	outline: none;
}


#close_x_signup{
	cursor: pointer;
}

/*FOOTER */

div#footer {
	width: 1015px;
	height: 40px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 15px;
	background-color: #1a1a1a;
	font-size: 0.6em;
	position: relative;
	clear: both;
}

#footer ul {
	width: 960px;
	position: absolute;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style-type: none;
	color white;
	}
	
#footer ul li {
	display: inline;
		color white;
	/*text-indent:-9999px;*/
}
	
#footer ul li a {
	padding: 11px 11px;
	text-decoration: none;
	font-weight:bold;	
		color white;
	}

.input_dialog_enter{
		width: 100%;
	height: 100%;
	z-index: 10000;
}




.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}