body { font-family:Arial; font-size:0.8em; background:#7183ac url(/images/layup/bg_body.png) repeat-x left top; }

h2, h3 { color:#999; margin-bottom:.5em;  }
p { line-height:1.5em; color:#666; margin:0 1em 1em 0; }

a { color:#666; }
a:hover { border-color:#7183ac; color:#000; }
a:visited { text-decoration:none; color;#333; }



#wrapper { width:767px; margin:auto; }


#logo { width:279px; height:32px; margin:15px 0 5px 0; background:url(/images/layup/logo.png) no-repeat left top; }
#logo span { display:none; }

#container { width:751px; margin:auto; float:left; }
#menu { width:731px; height:60px; padding:22px 0 0 20px; background:url(/images/layup/bg_header.png) no-repeat left top; }

#menu li { float:left; width:100px; }
#menu li a { display:block; height:30px; background-image:url(/images/layup/menu.png); background-repeat:no-repeat; }
#menu li a span { display:none; }

#menu li.home a { background-position:left bottom; }
#menu li.portfolio a { background-position:-100px top; }
#menu li.contact a { background-position:-200px top; }
#menu li.tools a { background-position:-300px top; }

#menu li.home a:hover { background-position:left bottom; }
#menu li.portfolio a:hover { background-position:-100px bottom; }
#menu li.contact a:hover { background-position:-200px bottom; }
#menu li.tools a:hover { background-position:-300px bottom; }

#footer {  padding:40px 5px 0; color:#fff; font-size:.8em; text-align:right; background:url(/images/layup/bg_footer.png) no-repeat left top; }

#content { height:100%; padding:0 30px; background:url(/images/layup/bg_content.png) repeat-y left top; }

#content_right { float:right; width:210px; min-height:325px; padding:5px 5px 5px 15px; background:#eee url(/images/layup/bg_content_right.png) repeat-y left top; }
#content_left { margin-right:240px; }

#content_right .separater { border-bottom:solid 5px #ddd; margin-bottom:1em; height:1em; }

#content_left ul { list-style-type:square; margin-left:2em; }
#content_left ul li { margin-bottom:1em; }
#content_left ul li:hover { color:#7183ac; }

#content_right img { border:solid 5px #fff;  }

.box { width:175px; height:220px; float:left; margin:3em 0 0 20px; border:solid 5px #dadada; padding:5px; }
.box:hover { border-color:#7183ac; }
.inner { background-color:#eee; height:200px; }


.shouts { font-size:.9em; margin-top:1em; }
.shouts li { margin-top:.5em; }
.shouts li p { line-height:1.3em; }
.shouts li strong { display:block; font-size:.9em;  }

.random_things { font-size:.9em; margin-top:1em; }
.random_things li { margin-top:.5em; }
.random_things li p { line-height:1.3em; }
.random_things li strong { display:block; font-size:.9em;  }

.tool_list { list-style:none; margin:0; }
.tool_list li { display:block; margin-bottom:3px; line-height:1.2em; }
.tool_list a { display:block; padding:10px 5px; border:solid 1px #ccc; border-left:solid 5px #ccc; text-decoration:none; color:#666; }
.tool_list a:hover { color:#000; }


.form { margin:1em; }

label { display:block; margin-top:1em; font-size:1.1em; font-weight:bold; }
input, select, textarea { font-family:Verdana; margin:.2em 0; }
input[type="text"], textarea { width:75%; border:solid 1px #969696; padding:2px; background:#fff url(/images/layup/bg_input.png) repeat-x left bottom; }
input[type="text"].required, textarea.required { border-right:5px solid #ac7171; }

.row-btns { margin-top:1em; }


#typing_test { background-color:#eee; height:220px; text-align:center; }

#typing_test_words { font-size:1.5em; text-align:center; letter-spacing:2px; }
#typing_test input[type="submit"] { text-align:center; font-size:.8em; }
#typing_test input[type="text"] { text-align:center; font-size:1.2em; }
#typing_test p { font-size:.8em; margin:1em 0; text-align:left; }

#quickreaction_test { background-color:#eee; height:220px; text-align:center; }
#quickreaction_test input[type="submit"] { text-align:center; font-size:.8em; }
#quickreaction_test p { font-size:.8em; margin:1em 0; }

.article_date { color:#999; text-transform:uppercase; font-size:0.8em; margin:-5px 0 10px 0; }

.portfolio_controls { height:20px;  }

.portfolio_controls div { margin-right:230px;  }

.portfolio_controls a { height:20px; line-height:20px; color:#71ac74; text-decoration:none; }
.portfolio_controls a.show { padding-left:25px; background:url(/images/arrows/green_right.png) no-repeat left center; }
.portfolio_controls a.hide { padding-left:25px; background:url(/images/arrows/green_down.png) no-repeat left center; }
.portfolio_controls a.previous { float:right; width:90px; display:block;  padding-left:25px; background:url(/images/arrows/green_left.png) no-repeat left center; }
.portfolio_controls a.next { float:right; width:90px; display:block; text-align:right; padding-right:25px; background:url(/images/arrows/green_right.png) no-repeat right center; }

.portfolio_item { padding:10px 0; height:260px; clear:both; }

.portfolio_info { position:relative; float:right; width:210px; height:240px; padding:5px 5px 5px 15px; background:#eee url(/images/layup/bg_content_right.png) repeat-y left top; }
.portfolio_info a { position:absolute; bottom:0; line-height:1.2em; display:block; margin:1em 0; color:#666; font-weight:bold; text-decoration:none; }
.portfolio_info a:hover { text-decoration:underline; }

.portfolio_images { margin:25px 240px 0 5px; height:250px; }
.portfolio_images .image { margin-right:1.5em; float:left; padding:5px; border:solid 5px #dadada; }
.portfolio_images .image img { margin:0; padding:0; display:block; }
.portfolio_images .thumbnail1, .portfolio_images .thumbnail2 { float:left; padding:5px; border:solid 5px #dadada; }
.portfolio_images .thumbnail1:hover, .portfolio_images .thumbnail2:hover { border:solid 5px #71ac74; }
.portfolio_images .thumbnail2 { margin-top:20px; }
.portfolio_images a { display:block; height:80px; width:110px; background-repeat:no-repeat; background-position:center center; }




.recordtype td { padding:0 5px; }
.recordtype label { display:inline; margin:0; font-size:1em; font-weight:normal; }



.fRight { float:right; }
.clear { clear:both; }
.aRight { text-align:right; }
.aCenter { text-align:center;  }

.mTop { margin-top:1em; }

.fSmaller { font-size:smaller; }

.highlight { color:#7183ac; }
.red { color:#ac7171; }
.green { color:#71ac74; }
.blue { color:#7183ac; }
.yellow { color:#abab71; }

.networktools_output { font-size:0.85em; font-family:Verdana, Courier New, Monospace; }