@charset "utf-8";
/* CSS Document */

/*The standard IE fix*/
* {
padding: 0;
margin: 0;
border: 0px;
color:white;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

img {
padding: 0;
margin: 0;
border: 0px;
}

div {
padding: 0;
margin: 0;
border: 0px;
}

a, a abbr {
	color:#86B1CA;
}



body {
	background-color:#1e2226;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

#main_div {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom:10px;
	width:853px;
}

#header {
	position:relative;
	left:0px;
	top:0px;
	width:850px;
	height:194px;
	overflow:hidden;
}

#button_row {
	height:34px;
    width:850px;
	overflow:hidden;
    background-color:#191925;
}

.menu-button:
{
    margin-left:30px;
    margin-right:30px;
}


.seperator {
    position:relative;
    left:0px;
    top:0px;
    width:3px;
    height:34px;
    float: left;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}

#home-button {
	position:relative;
	left:0px;
	top:8px;
	height:34px;
	float: left;
    margin-left:42px;
    margin-right:42px;
    margin-top:0px;
}

#technology-button {
    position:relative;
    left:0px;
    top:6px;
    height:34px;
    float: left;
    margin-left:42px;
    margin-right:42px;
    margin-top:0px;
}

#design-button {
    position:relative;
    left:0px;
    top:6px;
    height:34px;
    float: left;
    margin-left:42px;
    margin-right:42px;
    margin-top:0px;
}

#contact-button {
    position:relative;
    left:0px;
    top:7px;
    height:34px;
    float: left;
    margin-left:42px;
    margin-right:42px;
    margin-top:0px;
}

#blog-button {
    position:relative;
    left:0px;
    top:3px;
    height:34px;
    float: left;
    margin-left:42px;
    margin-right:42px;
    margin-top:0px;
}

#main-row {
    float: none;
    clear: both;
    width: 850px;
    background-image:url(images/main-background-medium-dark.jpg);
    background-repeat:repeat-y;
    overflow:hidden;
    
}

#footer-image {
	float:none;
    background-image: url("images/footer.png");
    background-attachment: scroll;
    background-position: -1px bottom;
    background-repeat:no-repeat;	
    padding-bottom:80px;
    padding-left:30px;
    padding-top:10px;
    padding-right:10px;
}



#showcase {
	height:250px;
	float: none;
	clear: both;
	width: 845px;
}

#second-body-row {
	height:200px;
	float:none;
	clear:both;
	width:845px;
}

#second-body-row-contact {
    height:370px;
    float:none;
    clear:both;
    width:845px;
}

#about-box {
	float:left;
	height:200px;
	width:380px;
	overflow:hidden;
}

#news-box {
	margin-left:20px;
	float:left;
	height:200px;
	width:380px;
	overflow:hidden;
}

.small-bar{
	width:388px;
	height:3px;
	margin-left:5px;
	padding-bottom:10px;
}


h1 {
	color:white;
	font-size:25px;
	margin-left:10px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

h3 {
	color:white;
	font-size:15px;
	margin-left:10px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-weight:normal;
}

h2 {
    color:white;
    font-size:20px;
    margin-left:10px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-weight:normal;
}
	

p {
	color:white;
	margin-left:10px;
    margin-bottom:10px;
    font-size:15px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}


/*Technology and Design Page CSS*/
#navigation{
    width:170px;
    float:none;
    overflow:hidden;   
}   

/*Navigation needs a seperate control because it's too short and ie7 doesn't respect min-height*/
/*This can be removed when the design style list gets long enough to support its own weight*/
#navigation-design{
    width:170px;
    height:450px;
    float:none;
    overflow:hidden;   
}   

#big-column {
    float:right;
    width:610px;
    margin-right:30px;
}

#image-mat {
    float:right;
    width:228px;
    height:190px;
    background-image:url(images/image_mat.png);
}

#mat-in-image-mat {
    position:relative;
    top:23px;
    left:32px;    
}

#enlarge-link {
    float:left;
    margin-top:25px;
    margin-left:65px;;
    
}

.emphasis {
    color:white;
    font-style: italic;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:20px;    
    font-weight: bold;
    margin-bottom:14px;
}

.navigation_link {
    color:#86B1CA;
    text-decoration:underline;
    display:inline;
    position:relative;
    bottom:6px;
    
}

.navigation_sub_link {
    color:#86B1CA;
    text-decoration:underline;
    display:inline;
    
}    

.technology-link {
    margin-top:8px;
}


.sub-nav {
    margin-left:20px;
    color:#3b70a7;
    list-style:none;
}

.sub_nav h3 {
    margin-left:5px;
}

/*Contact Page CSS*/
.contacth3 {
color:white;
margin-right:34px;
}

#contact-message {
    height:150px;
    float: none;
    clear: both;
    width: 845px;
}

#stanza-message {
    height:650px;
    float: none;
    clear: both;
    width: 785px;
}

#contact-area {
margin-top:15px;
margin-left:1px;
margin-right:40px;
width:365px;
float:left;
}
#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin:0 0 10px;
padding:5px;
width:247px;
color:#3b70a7;
display:inline;

}
#contact-area textarea {
height:90px;
margin-top:7px;
}
#contact-area textarea:focus, #contact-area input:focus {
border:2px solid #ADC6CC;
}
#contact-area input.submit-button {
float:right;
width:100px;
color:#3b70a7;
}
label {
float:left;
font-size:1em;
margin-right:15px;
margin-left:0px;
padding-left:0px;
padding-top:5px;
text-align:right;
width:100px;
display:inline;
}

#contact-info {
    margin-top:15px;
    margin-left:20px;
    float:left;
    height:200px;
    width:380px;
    overflow:hidden;
}

#actual-info {
    margin-left:20px;
}

#tagline {
    color:white;
    background-color:#FF2222;
    margin-bottom:7px;
    font-size:15px;
    font-weight: bold;
    padding-left:12px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:50px;
    
}

#link-row {
    color: #white;
    font-size:10px;
    margin-top:40px;
    z-index:2;
}

#copyright-row {
    color: #white;
    font-size:10px;
    margin-top:0px;
    z-index:2;
    text-align:center;
}


/*BLOG STUFF*/
.entry {
    margin-top:10px;
}

.blog-header {
    margin-top:20px;
    color: #FFFFFF;
    font-size: 22px;
    font-weight:bold;
}

.horizontal-divider {
    height:18px;
    width:100%;
    background-image:url(images/horizontal_bar.png);
    background-repeat: no-repeat;
    background-position: center;
}

#blog-navigation {
    padding-top:20px;
    float:right;
    width:180px;
    padding-right:30px;
    padding-left:10px;
}

#recent-articles-text {
    color: #185A94;
    font-size: 18px;
    font-weight:bold;
    margin-bottom:8px;
}

#recent-articles {
    text-align:center;
}

#blog-navigation ul
{
    list-style-type: none;
}

#blog-navigation li
{
    font-size:14px;
    padding-bottom:10px;
}

#blog-entries{
    min-height:500px;
    height: auto !important;
    height: 500px; /*ie hack for min height*/
    width:550px;
}

.code {
    font-style: normal;
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 14px;
    background-color: #EEEEEE;
    color:#000000;
    font-family: monospace; font-size: 14px;
    border: 1px solid black;
}

.code p{
    font-style: normal;
    font-family: monospace; font-size: 14px;
    color:#000000;
}