html {
height:100%;
}
* {
margin:0;
padding:0;
}
fieldset {
border:medium none;
}
body {
background:url("images/pattern.png") repeat scroll 0 0 #FFFFFF;
color:#6E6E6E;
font:0.78em arial,sans-serif;
}
p {
line-height:1.7em;
padding:0 0 20px;
}
img {
border:0 none;
}
}
h1, h2, h3, h4, h5, h6 {
color:#362C20;
padding:0 0 5px;
}
h1, h4 {
color:#444444;
font:175% "lucida sans unicode",arial;
margin:0 0 15px;
padding:15px 20px 5px 0;
}
h2, h5 {
font:120% arial;
letter-spacing:0;
padding:0 0 5px;
text-transform:uppercase;
}
h3, h6 {
color:#888888;
font:95% arial;
letter-spacing:0;
padding:0 0 15px;
}
h4 {
color:#362C20;
}
h5, h6 {
color:#129991;
}
a, a:hover {
color:#AF9417;
outline:medium none;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
.left {
float:left;
margin-right:10px;
width:auto;
}
.right {
float:right;
margin-left:10px;
width:auto;
}
.center {
display:block;
margin:20px auto;
text-align:center;
}
blockquote {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E5E5DB;
margin:20px 0;
padding:10px 20px 0;
}
ul {
margin:2px 0 22px 17px;
}
ul li {
list-style-type:circle;
margin:0 0 6px;
padding:0 0 4px 5px;
}
ol {
margin:8px 0 22px 20px;
}
ol li {
margin:0 0 11px;
}
#main, #logo, #menubar, #site_content, #footer {
margin-left:auto;
margin-right:auto;
}
#main {
background:url("images/background2.png") no-repeat fixed 0 0 transparent;
min-height: 100%;
}
#header {
background:url("images/back2.png") repeat-x scroll 100% 0 red; /*#4D4D4D;*/
height:125px;
}
#logo {
background:url("images/tom-ds-logo-small.png") no-repeat scroll 0 0 transparent;
height:75px;
position:relative;
width:865px;
}
#logo #logo_text {
left:0;
position:absolute;
top:10px;
}
#logo h1, #logo h2 {
border-bottom:0 none;
font:300% "century gothic",arial,sans-serif;
letter-spacing:0.05em;
margin:0;
text-transform:none;
}
#logo_text h1 {
color:#FFFFFF;
padding:12px 0 0 250px;
}
#logo_text h2 {
color:#A8AA94;
font-size:120%;
padding:4px 0 0;
}
#menubar {
height:38px;
padding-left:5px;
padding-top:12px;
width:870px;
}
ul#menu {
float:left;
margin:0;
}
ul#menu li {
float:left;
list-style:none outside none;
margin:5px 0 0;
padding:0 0 0 0;
}
ul#menu li a {
color:#222222;
display:block;
float:left;
font-family:'lucida sans unicode',serif;
font-size:115%;
height:20px;
letter-spacing:0.1em;
margin-right:40px;
padding:0 0 22px;
text-align:center;
text-decoration:none;
}
ul#menu li a:hover, ul#menu li.tab_selected a, ul#menu li.tab_selected a:hover {
background:url("images/menu_hover.png") no-repeat scroll center bottom transparent;
color:#222222;
}
#site_content {
margin:0 auto;
overflow:hidden;
padding:25px 0;
width:875px;
}
#portfolio_content {
margin:0 auto;
overflow:hidden;
padding:25px 0;
width:875px;
position:relative;
}

#portfolio_content #content{
	width:630px;
}

#portfolio_content .sidebar ul li{
list-style:disc inside none;
padding:0 0 7px;
}

#portfolio_content .overlay{
top:25px;
bottom:25px;
}

#content .portfolio_image{
float:right;
margin-left:10px;
margin-bottom:10px;
}

.portfolio_scroll
{
	float:left;
}

.portfolio_scroll img
{
	width:200px;
	height:104px;
}

#content-container {
position:relative;
width:620px;
}
.content-overlay {
background:none repeat scroll 0 0 #000000;
bottom:0;
left:0;
opacity:0.65;
position:absolute;
top:0;
width:100%;
}
.overlay {
background:none repeat scroll 0 0 #000000;
bottom:0;
left:0;
opacity:0.65;
position:absolute;
top:0;
width:100%;
}
.sidebar {
float:right;
padding:0 0 0 10px;
position:relative;
width:208px;
}
.sidebar-content {
color:white;
position:relative;
}
.sidebar-content h1, h2 {
color:white;
}
.sidebar ul {
margin:4px 0 30px;
padding:4px 0 0;
width:178px;
}
.sidebar li {
list-style:none outside none;
padding:0 0 7px;
}
.sidebar li a, .sidebar li a:hover {
background:url("images/link.png") no-repeat scroll left center transparent;
display:block;
padding:0 0 0 25px;
}
.sidebar li a.selected {
color:#444444;
}
#content {
padding:0 20px 0 10px;
position:relative;
text-align:left;
width:600px;
}
#content h2 {
color:#AF9417;
}
#content h1, p, li {
color:white;
}
#footer {
background:none repeat scroll 0 0 #3B3B3B;
color:#A8AA94;
font-family:'lucida sans unicode',sans-serif;
height:33px;
letter-spacing:0.1em;
margin-bottom:20px;
padding:20px 0 4px;
text-align:center;
text-transform:uppercase;
width:100%;
}
#footer a {
color:#A8AA94;
text-decoration:none;
}
#footer a:hover {
color:#FFFFFF;
text-decoration:none;
}
.yellow {
color:#AF9417;
}
.blue {
color:#05A4D1;
}
.orange {
color:#FF7A0F;
}
.red {
color:#C80500;
}
.purple {
color:#EB0FFF;
}
.green {
color:#A4AA04;
}
.form_settings {
margin:15px 0 0;
}
.form_settings p {
padding:0 0 4px;
}
.form_settings span {
float:left;
text-align:left;
width:200px;
}
.form_settings input, .form_settings textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E5E5DB;
color:#47433F;
font:100% arial;
padding:2px;
width:299px;
}
.form_settings .submit {
background:none repeat scroll 0 0 #3B3B3B;
border:1px solid;
color:#FFFFFF;
cursor:pointer;
font:100% arial;
height:26px;
margin:0 0 0 206px;
padding:2px 0 3px;
width:99px;
}
.form_settings textarea, .form_settings select {
font:100% arial;
width:299px;
}
.form_settings select {
width:304px;
}
.form_settings .checkbox {
background:none repeat scroll 0 0 transparent;
border:0 none;
margin:4px 0;
padding:0;
width:14px;
}
.separator {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #D9D5CF;
height:0;
margin:0 0 20px;
width:100%;
}
table {
margin:10px 0 30px;
}
table tr th, table tr td {
background:none repeat scroll 0 0 #3B3B3B;
color:#FFFFFF;
padding:7px 4px;
}
table tr td {
background:none repeat scroll 0 0 #CCCCCC;
border-top:1px solid #FFFFFF;
color:#47433F;
}
#ajaxSearch_form {
float:right;
}
.ditto_summaryPost {
color:white;
}
.ditto_summaryPost h3 {
font:130% arial;
}
.ditto_info {
color:white;

}
/* Carousel */
.next
{
background:url("images/right.png") no-repeat scroll left 75px transparent;
display:block;
float:left;
height:143px;
text-decoration:none;
width:30px;
margin-left:6px;
}

.prev
{
background:url("images/left.png") no-repeat scroll left 75px transparent;
display:block;
float:left;
height:143px;
text-decoration:none;
width:30px;
}

/*Fitted jquery plugin*/
div.clickable
{
	cursor:pointer;
        width:200px;
}

div.clickable h3
{
	min-height:30px;
	padding:0;
}

/*Code Highlighting */
pre.code 
{
	background-color:white;
	font-size:1.1em;
	color: black;
	padding-left:15px;
}

code li {color:#000;}
code ol li {margin:0;}