* { margin:0; }
html,
body { height:100%; }
body { background: #ffffff; margin: 0; padding: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; line-height: 1.5em; }
#container { position:relative; margin-left:auto; margin-right:auto; width: 930px; text-align: center; min-height:100%; height:auto !important; height:100%; margin: 0 auto -8em; }
#masthead { padding-top: 15px; height: 100px; }
#logo img { border: 0; margin: 0; float:left; }
#content { margin: 0; padding:0; text-align: left; background-color: #ffffff; }
#content #column1 { width: 330px; float:left; }
#content #column2 { width: 380px; float:left; position: relative; }
#content #column3 { width: 210px; float:left; position: relative; }
#content #column1-2 { width: 460px; float:left; position: relative; }
#content #column2-2 { margin-left: 30px; width: 440px; float:left; position: relative; }
#content #column2-2 h3 { font-size: 1.2em; font-weight:normal; }
#content ul { margin-left: 15px; padding-left: 0; }
#content li { margin-bottom:5px; margin-left: 0; padding-left: 0; }
#content #column1 ul { list-style-image:url(../images/bullet_orange.png); }
#content #column2 ul { list-style-image:url(../images/bullet_pink.png); }
#content #column3 ul { list-style-image:url(../images/bullet_blue.png); }
#content_sidebar { width: 102px; float: left; margin-right:20px; padding:10px; background-color: #eeeeee; height: 500px; }
#content_sidebar img { border: 1px solid #cccccc; padding:0; margin:0; }
#content_main { margin: 0; padding: 0; width: 618px; float: left; background-color: #ffffff; }
#content_main h2 { margin:6px 0 0 0; }
#content_main img { margin:0; border:0; }
#content #sidebar { width: 160px; float:right; margin-left: 30px; }
#content #sidebar ul { list-style-image:url(../images/bullet_orange.png); }
#content #sidebar a { font-size: .9em; color: #333333; }
#content #sidebar a:hover { color: #DA7E33; }
#header { background-color:#1a301d; color:#fffee5; padding: 25px; margin-top: 0px; margin-left: 5px; margin-bottom: 0px; width: 730px; }
#footer,
.push { height:8em; }
#footer { font-size: 12px; color:#ffffff; margin: 10px 0 0 0; padding: 10px; text-align: center; background-color: #DA7E33; }
#footer a { color: #ffffff; margin-left: 30px; }
h1 { font-size: 1.5em; font-weight: normal; color: #DA7E33; margin-bottom: 10px; }
h2 { font-size: 1.1em; font-weight: normal; color: #666; margin-bottom: 20px; }
#home_menu { float:right; width:330px; padding-top:50px; }
#home_menu h3 { color: #666666; }
#home_menu h3 a,
h3 a:link { font-size: 1.8em; font-weight: normal; line-height: 2em; color: #666666; }
#home_menu h3 a:hover { text-decoration:none; }
#home_menu h3 a:hover.orange { color: #FF980D; }
#home_menu h3 a:hover.pink { color: #F952A0; }
#home_menu h3 a:hover.blue { color: #00BCE6; }
#home_menu h3 a:hover.yellow { color: #FFED07; }
ul#nav { position:relative; height:42px; padding:0px 0 0 0; list-style:none; float:right; margin-left: 0; }
ul#nav li { /* make UL horizontal */ float:left; margin-left:30px; margin-right: 4px; padding:0; }
ul#nav li a { color: #666666; font-weight: bold; }
ul#nav li a:hover { /* Move Background image on hover to reveal alternate image */ text-decoration:underline; }
ul#nav li.on a,
ul#nav li.on a:hover { /* Move bg image when selected to alternate, don't swap on hover */ text-decoration: underline; }
#portfolio .example { width: 730px; margin-bottom:60px; }
#portfolio .example h2 { font-size: 1.5em; font-weight: normal; color: #666666; margin-bottom:5px; }
#portfolio .example h2 .orange { color: #FF980D; }
#portfolio .example h2 .pink { color: #F952A0; }
#portfolio .example h2.blue { color: #00BCE6; }
#portfolio .example h2 .yellow { color: #FFED07; }
#portfolio .example strong { color: #666666; }
#portfolio .example img { margin-top: 15px; }
#portfolio .example .launch { float:right; width: 150px; }
input,
option,
select { font-size: 1em; }
label { position: absolute; text-align:left; width:110px; }
input { margin-left: 110px; width:340px; margin-bottom:10px; }
textarea { width:340px; height: 250px; margin-left: 110px; }
.button { width: 150px; margin-left: 110px; }
.response { width:280px; color: #ff0000; background-color:blue; }
a:link { text-decoration: none; color: #DF7A1C; }
a:visited { text-decoration: none; color: #DF7A1C; }
a:hover,
a:active { text-decoration: underline; color: #DF7A1C; }
.pink,
a.pink { color: #F952A0; }
.orange,
a.orange { color: #FF980D; }
.yellow,
a.yellow { color: #FFED07; }
.blue,
a.blue { color: #00BCE6; }