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

Project : GoodTwin Design Website
Primary Use : Informational / Portfolio Site
Website design by GoodTwin * Omaha Nebraska 
www.good-twin.com
Branding | Web | Print

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

/* Table of Contents





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

/* Colors

Blue #7AD3F7
Red #EE1C23
Dark Gray #6D6E71
#2A2A2A

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



/* Zero */

* {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
		
body{
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #171717
	}
	
p{
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: left;
	}

a, a:link, a:active, a:visited {
		font-family: Helvetica, Arial, Verdana;
		font-size: 12px;
		color: #7AD3F7;
		text-decoration: none
		}
	a:hover, a:visited:hover {
		text-decoration: line-through
		}
	
h1{
	font-family: Helvetica, Arial, Verdana;
	font-size: 25px;
	font-weight: lighter;
	text-align: left;
	color: #fff;
	letter-spacing: 1px;
	padding: 10px 0px 8px 10px;
	background-image: url(images/fui/bluebar.png);
	margin-bottom: 20px;
	}

h2{
	font-family: Helvetica, Arial, Verdana;
	font-size: 15px;
	font-weight: lighter;
	text-align: left;
	color: #6D6E71;
	letter-spacing: 1px;
	}
	
h3{
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	font-weight: lighter;
	text-align: left;
	color: #7AD3F7;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	

	
#top_wrap{
	width: 100%;
	height: 235px;
	background-image: url(images/work/head/rotator.php);
	background-color: #171717;
	background-repeat: repeat-x;
	background-position: top center;
	}
	
#header{
	width: 900px;
	height: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
#tag{
	height: 35px;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #171717;
	}
	
	#tag p{
		width: 195px;
		height: 35px;
		float: right;
		background-image: url(images/work/tagline.png);
		text-indent: -9999px;
		}

#mid_wrap { 
	width: 100%; 
	float: left;
	background-color: #000; 
	background-image: url("images/work/flower.jpg"); 
	background-position: center top; 
	background-repeat: repeat-y;
	}
	
#bott_wrap{
	width: 100%;
	height: 125px;
	float: left;
	background-color: #171717; 
	}
	
	#footer{
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	}
	#footer p{
		font-size: 10px;
		color: #6D6E71;
		}

#container{
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#content{
	width: 900px;
	float: left;
	margin-top: 50px;
	padding-bottom: 50px;
	}
	
#flash_intro{
	width: 900px;
	height: 225px;
	float: left;
	background-color: #171717;
	}
	
#about_cont{
	width: 900px;
	height: 325px;
	float: left;
	background-color: #171717;
	background-image: url(images/about/test.jpg)
	}
	
	#about_cont img{
		float: left;
		}
		
	#about_cont p{
		width: 550px;
		line-height: 28px;
		}
	
	#about_info{
		width: 850px;
		height: 350px;
		float: right;
		margin-top: 40px;
		}
	
#contactfloat{
	width: 260px;
	height: 250px;
	float: left;
	text-align: left;
	background-image: url("images/work/plus.png"); 
	background-repeat: no-repeat; 
	background-color: #171717;
	}
	
	.info{
		margin-left: 50px;
		margin-top: 40px
		}
		

.ind_work{
	width: 900px;
	float: left;
	margin-bottom: 40px;
	}
	.ind_work p{
		color: #fff;
		font-size: 11px;
		margin-top: 10px;
		}
	
	.work{
		float: left;
		}
		
	.description { 
		width: 300px;
		float: right; 
		background-color: #171717; 
		background-image: url("images/work/plus.png"); 
		background-repeat: no-repeat; 
		padding-bottom: 30px;
		}
		
	.details{
		width: 230px;
		margin-left: 50px;
		margin-top: 25px
		}
	
	.ind_work ul{
		margin-top: 10px;
		}
	
	.ind_work li{
		text-align: left;
		font-size: 12px;
		line-height: 20px;
		color: #C3EBFB;
		font-family: Helvetica, Arial, Verdana;
		list-style-type: none;
		}
		
	.website{
		width: 300px;
		height: 25px;
		float: right;
		text-align: left;
		margin-top: 10px;
		padding-top: 13px;
		background-image: url(images/work/stripes.png);
		background-color: #171717;
		}
		
		.website a{
			margin-left: 50px;
			}
			
			
.arch_work{
	width: 900px;
	float: left;
	}
	
	.arch_description { 
		background-color: #171717; 
		background-image: url("images/work/plus.png"); 
		background-repeat: no-repeat; 
		width: 420px; 
		margin-top: 10px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		float: left
		}
		
	.arch_details{
		width: 340px;
		margin-left: 50px;
		margin-top: 25px
		}

	.arch_work p{
		margin-top: 5px;
		font-size: 11px;
		line-height: 13px;
		}
		
	.arch_work a, .arch_work a:link, .arch_work a:active, .arch_work a:visited {
		font-family: Helvetica, Arial, Verdana;
		font-size: 11px;
		color: #7AD3F7;
		text-decoration: none
		}
	.arch_work a:hover, .arch_work a:visited:hover {
		text-decoration: line-through
		}
		
	.arch_work ul{
		margin-top: 5px;
		}
	
	.arch_work li{
		text-align: left;
		float: left;
		padding-right: 8px;
		font-size: 11px;
		line-height: 20px;
		color: #C3EBFB;
		font-family: Helvetica, Arial, Verdana;
		list-style-type: none;
		}
	
	.col_one{
		width: 420px;
		float: left;
		clear: left;
		}
		
	.col_two{
		width: 420px;
		float: right;
		clear: right;
		}
		
.copyright{
	width: 150px;
	float: right;
	text-align: right;
	}
	
#twitter_div{
	width: 900px;
	height: 50px;
	float: left;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: left;
	background-color: #171717;
	margin-top: 20px;
	padding-top: 8px;
	text-indent: 8px;
	}
	
	#twitter_div li{
		list-style-type: none;
		}


/*------------Navigation-------------*/

#nav{
	float: right;
	margin-top: 50px;
	}

	#nav li{
	float: left;
	list-style-type: none;
	padding-left: 10px;
	}
	
	#nav a, #nav a:link, #nav a:active, #nav a:visited {
		height: 90px;
		display: block;
		background-position: 0px 90px;
		overflow: hidden;
		text-indent: -99999px;
		}
	#nav a:hover, #nav a:visited:hover {
		background-position: 0px 0px;
		}
		
		#nav #work a{
			width:96px;
			background-image: url(images/nav/work.png)
			}
		#nav #about a{
			width: 107px;
			background-image: url(images/nav/about.png)
			}
		#nav #contact a{
			width: 146px;
			background-image: url(images/nav/contact.png)
			}
		#nav #blog a{
			width: 100px;
			}
			
#logo{
	float: left;
	margin-top: 50px;
	}
	
	#logo li{
		list-style-type: none;
		}
	
	#logo a, #logo a:link, #logo a:active, #logo a:visited {
		height: 90px;
		width: 170px;
		display: block;
		background-image: url(images/fui/logowhite.png);
		background-position: 0px 90px;
		overflow: hidden;
		text-indent: -99999px;
		}
	#logo a:hover, #logo a:visited:hover {
		background-position: 0px 0px;
		}
		
#archive{
	float: left;
	list-style-type: none;
	}
	
	#archive a, #archive a:link, #archive a:active, #archive a:visited {
		height: 35px;
		width: 140px;
		display: block;
		background-image: url(images/work/archive.png);
		background-position: 0px 0px;
		overflow: hidden;
		text-indent: -99999px;
		}
	#archive a:hover, #archive a:visited:hover {
		background-position: 0px 35px;
		}
		
		
.imagegallery{
	width: 220px;
	height: 8px;
	float: left;
	clear: both;
	}
	
	.imagegallery a, .imagegallery a:link, .imagegallery a:active, .imagegallery a:visited {
		height: 8px;
		width: 45px;
		display: block;
		background-color: #7AD3F7;
		overflow: hidden;
		text-indent: -99999px;
		}
	.imagegallery a:hover, .imagegallery a:visited:hover {
		background-color: #6D6E71;
		}
	
	.imagegallery a.selected {
		background-color: #cc0000;
		}	
	
	.imagegallery li{
		float: left;
		padding-right: 10px;
		}
		
		
#twitter{
	float: right;
	height: 22px;
	width: 85px;
	}
	
	#twitter li{
		list-style-type: none;
		}
	
	#twitter a, #twitter a:link, #twitter a:active, #twitter a:visited {
		height: 22px;
		width: 85px;
		display: block;
		background-image: url(images/mainpage/twitter.png);
		background-position: 0px 22px;
		overflow: hidden;
		text-indent: -99999px;
		}
	#twitter a:hover, #twitter a:visited:hover {
		background-position: 0px 0px;
		}
		
/*------------Forms-------------*/

#formcontainer{
	width: 500px;
	height: 375px;
	text-align: left;
	float: right;
	background-color: #171717; 
	}
	
.rows{
	margin-top: 25px;
	margin-left: 37px;
	}
	
input, select, textarea {
	width: 400px;
	float: left;
	clear: none;
	display: block;
	font-size: 16px;
	text-indent: 10px;
	font-family: Helvetica, sans-serif;
	color: #fff;
	background-color: #171717;
	background-image: url(images/contact/stripes.png);
	margin-top: 8px;
	padding: 8px;
	}

#form div {
	clear: both;
	height: 25px;
	}
	
div#submit {
	width: 80px;
	clear: none;
	text-align: center
	}
	
#submit input {
	width: 90px;
	font-size: 15px;
	text-align: left;
	float: left;
	}
	
#message textarea{
	height: 80px;
	width: 410px;
	float: left;
	clear: both;
	font-size: 16px;
	margin-top: 8px;
	text-indent: 15px;
	padding-top: 8px;
	}
	
	
/* Newsletter Forms */


#newsletter{
	float: left;
	width: 435px;
	}

#newsletter input, select, textarea {
	width: 165px;
	display: block;
	font-size: 12px;
	text-indent: 6px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	color: #fff;
	background-color: #171717;
	background-image: url(images/contact/stripes.png);
	margin-top: 5px;
	margin-right: 8px;
	padding: 3px;
	}

#formsubmit input{
	width: 60px;
	float: right;
	clear: none;
	font-size: 12px;
	text-indent: 0px;
	}




/*------------MooTools-------------*/

.toggler {
	color: #FFFFFF;
	margin-bottom: 20px;
	height: 15px;
	padding:20px;
	background: #171717;
	background-image: url(images/work/archive/stripes.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	.toggler:hover {
	background: #171717;
	}
	.toggler a, .toggler a:hover {
	color: #7AD3F7;
	font-size: 15px;
	text-decoration: none;
	}
		
	
.element {
	
}

.element p {
	margin-top: 5px;
}