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

* {
margin: 0;
padding: 0;
}
img {
border: none;
}
a {
color: #500;
}

p {
padding: 0.5em 0 0.5em 0;
}

html {
overflow-y: scroll;
position: relative;
}

body {
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
color: #666;
width: 720px;
margin: 30px auto 0 auto;
}

#column {
float: left;
width: 200px;
padding: 10px 10px 10px 5px
}

#columnNav ul {
list-style-type: none;
}

#columnNav ul li {
border-left: 15px solid #ddd;
}

#columnNav li.navTop {
/*border-top: 1px solid #ddd;*/
}

#columnNav ul li a {
padding: 10px;
display: block;
font-size: 12px;
text-decoration: none;
padding-left: 10px;
color: #500;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
margin-bottom: 1px;
margin-top: 1px;
}
#columnNav ul li a:hover {
color: #800;
}

#columnNav ul li:hover {
border-left: 15px solid #700;
}

#columnInfo {
background: url(assets/images/back1.gif) no-repeat top right;
padding: 10px 10px;
}

#columnInfo img {
padding-right: 10px;
}

#mainSection {
float: left;
position: relative;
width: 490px;
padding: 0 10px 10px 5px;
}

#mainSection img#websiteLogoComplex {
padding-bottom: 10px;
}

#mainSection ul {
margin: 0 0 0 20px;
}

#foot {
clear: both;
background: #ddd;
font-size: 11px;
}
#foot p {
color: #979797;
padding: 6px 0 0 15px;
margin: 0;
}
#footInfo {
float: left;
width: 200px;
padding: 0 5px 0 0px;
border-top: 1px solid #eee;
}
#footNav {
font-size: 12px;
background: rgb(94,4,2);
float: left;
width: 490px;
height: 18px;
padding: 12px 10px 10px 5px;
}

#footNav ul {
list-style-type: none;
}

#footNav ul li {
float: left;
}

#footNav .bordered {
border-right: 1px solid #eee;
}

#footNav ul li a {
display: block;
text-decoration: none;
color: #fff;
padding: 0 23px;
}
/* ===/page specific styles/=== */

/* ===/splash/=== */
.index {
margin: 73px auto;
background: url(assets/images/gearsLogo.bmp) no-repeat center 10px;
}

#splash {
width: 750px;
height: 211px;
}
#splashLogo {
float: left;
width: 483px;
height: 211px;
}
#splashDynamic {
float: right;
width: 228px;
height: 211px;
}

#splashDynamic ul {
list-style-type: none;
width: 228px;
height: 211px;
overflow: hidden;
}

#splashNav {
width: 750px;
clear: both;
}
#splashNav ul {
list-style-type:none;
height: 34px;
border-bottom: 1px solid #ccc;
}
#splashNav ul li {
float: left;
width: 172.5px;
text-align: center;
border-left: 15px solid #ddd;
margin-bottom: 10px;
}
#splashNav ul li a {
padding: 10px;
display: block;
font-size: 12px;
text-decoration: none;
padding-left: 10px;
color: #500;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
#splashNav ul li a:hover {
color: #800;
}
#splashNav ul li:hover {
border-left: 15px solid #700;
}

#tagline {
height: 100px;
}
#splashFoot {
width: 750px;
clear: both;
text-align: center;
padding-top: 10px;
}


.aboutImgAlign {
margin-left: 75px;
}
/* ===/portfolio page/=== */


#sampleProjects {
width: 470px;
margin-top: 15px;
margin-left: 0;
margin-bottom: 10px;
}
#sampleProjects img:hover {
cursor: pointer;
opacity: .8;
filter: alpha(opacity = 80);
}

#patents {
margin-top: 15px;
margin-left: 50px;
width: 450px;
}
#patents img {
margin-right:20px;
}
#patents img:hover {
cursor: pointer;
}
.patentPages{
background: #fff;
}