body {
	background: #222222;
	color: #cccccc;
	font-size: 12px;
	background-image:url(../img/background_pizza.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 10px 0 0;
	text-align: center;
}

h6 {
	padding: 5px 0 0;
	text-align: right;
}

p {
	border: 1px solid #666;
	overflow: hidden;
	padding: 10px 20px;
	text-align: left;
}

#secondary_2 p{text-align:center;}
#secondary_2 {text-align:center;}

#message p {
	color:#222222;
	border:none;
	font-size:16px;
}

#message h1 {
	color:#222222;
	font-family: "Helvetica Neue", arial;
	font-size: 30px;
	font-weight:bold;
	text-align:left;
}


.paragraph_header {
	font-family: "Helvetica Neue", arial;
	font-size:28px;
	text-align:left;
	color:#FFF;
}

.container_12 {
	background: #fff 
	margin-bottom: 20px;
}

.container_16 {
	background: #fff url(../img/16_col.gif) repeat-y;
}

.container_24 {
	background: #fff url(../img/24_col.gif) repeat-y;
}

#top_header {
	background:#000;
}
#main_logo {
	text-align: left;
	padding: 10px 0px;
	overflow:hidden;
}
#main_right {
	width: 550px;
	margin: 20px auto;
	margin-bottom: 20px;
}
#super-nav { background: #000000; height: 24px; font-size: 11px; padding-top: 6px; letter-spacing: 0.5px; text-align:right;}
#super-nav, #super-nav a { color: #81756d; }
#super-nav a { text-decoration: none; padding: 6px 0 8px 0;  }
#super-nav a:hover { color: #73d2b7; }
#super-nav span { margin: 0 4px; color: #444; }

#content, #footer { margin-bottom: 1.5em; }
#header { background: #3a2e2b }


#logo { height: 86px }
#logo h1, #logo h2 { text-indent: -9999px; }
#logo a { height: 86px; width: 190px; display: block; background: url('../img/logo.png') no-repeat; }
#logo a:hover { background-position:center; }


ul, li {
    margin: 0;
    padding: 0;
}

#blob {
    background: #0b2b61;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #f4901d, #b52112);
    background: -webkit-gradient(linear, left top, left bottom, from(#f4901d), to(#b52112));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}

#nav {
    position: relative;
    background: #292929;
    _float: left;
}

#nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid black;
}

#nav li a {
	color: #e3e3e3;
	z-index: 2;
	position: relative;
	cursor: pointer;
	float: left;
	font-size: 18px;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
	padding: 10px 5px;
	width: 75px;
	text-align: center;
	line-height: 18px;
}


#footer { padding: 0.65em 0 80px 0; border-top: 1px dotted #61514c; margin: 40px auto 100px auto; }
#footer p { color: #796761; font-size: 12px; line-height: 17px; }
#footer a { color: #cccccc }
#footer a:hover { color: #73D2B7; }
#footer strong { font-weight: bold }

#ft-nav ul,
#ft-nav li { margin:0;padding:0;list-style: none}
#ft-nav a { display: block; padding: 1px 8px; text-decoration: none; }
#ft-nav a:hover { background: #413430; }

.post { margin: 1.5em 0 }
.post h2 { margin-bottom: 0.5em }
.post img { margin-bottom: 5px; }
.post img.hidden-ss { display: none; }

#smart img { margin: 15px 0 30px 0 }
#smart h1 { text-indent: -9999px; }

p.lead { font-size: 24px; font-weight: normal; }

.banner-link  { margin-bottom: 45px; }
.banner-link a { display: block; padding: 4px 8px; background: #3a2e2b; margin-left: 56px; color: #efefef; text-decoration: none;  }
.banner-link a:hover { color: #73d2b7; background: #2f2726; }
.banner-link a span { text-decoration: underline;  }
.banner-link a:hover span { text-decoration: none;  }

body.home .banner-link a { margin-left: 0; }

/* -- homepage -- */
#banner { height: 330px; position:relative }
#mission { margin: 60px 0 0 0 }

.aktt_tweets ul,
.aktt_tweets li { padding:0;margin:0;list-style:none; line-height: 16px; }
.aktt_tweets ul { margin-top: -10px; position: relative; }
.aktt_tweets li { border-bottom: 1px solid #3a2e2b; padding: 10px 0; }
li.aktt_more_updates  { display:none }

#mainblurb h2 { font-size: 34px; font-weight: bold; position: relative; margin-top: -8px }
#mainblurb p { font-size: 18px; line-height: 26px; letter-spacing: 0.25px }

#rotator { position: relative; background: none; }
#rotator a {
	height: 330px;
	width: 540px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: none;
}


#pager { margin-top: 10px; float: right; display: inline }
#pager a { color: #efefef; padding: 2px 4px; text-decoration: none; font-size: 11px; background: #3a2e2b; margin: 0 5px 0 0; }
#pager a:hover, #pager a.activeSlide  { background: #251d1b; color: white; }

#brown-blog { padding: 20px; background: #2d2524;  }

#options { margin: 25px 0 0 0; }
#options a { display: block; height: 42px; width: 165px; text-indent: -9999px; float: left }
#options a#lm { background-image: url('img/buttons/lm.png'); margin-right: 20px; }
#options a#git { background-image: url('img/buttons/git.png'); }
#options a:hover { background-position: bottom; }

body.home #content { margin: 60px 0 0 0; }
body.home h2 { font-weight: 300; font-size: 24px; margin-bottom: 10px}

.portfolio-item { height: 260px; width: 200px; background: #2f2726; padding: 10px; float: left; display: block; margin-right: 20px; }
.portfolio-item:hover { background: #111; }
.portfolio-item h2 { margin: 0; }
.portfolio-item h2 a { font-size: 16px; font-weight: 300; text-decoration: none; color: #cbc5c3; line-height: 20px; width: 200px; height: 60px; display: block }
.portfolio-item h2 a:hover { color: #73d2b7; }

#pitch { padding: 50px 0 5px 0; display: block;}

#tweets { padding-left: 10px }

/* --- portfolio page --- */
body.page-template-portfolio-php #callout { height: 440px }
#callout .portfolio-item { background: #1a1a1a }
#callout .portfolio-item:hover { background: #000; }

.portfolio-nav { position: absolute; top: 360px; }
.portfolio-nav a { height: 48px; width: 48px; display: block; text-indent: -9999px; }
.portfolio-nav a:hover { background-position: bottom; }

#next.portfolio-nav { right: 0; }
#prev.portfolio-nav a { background-image: url('img/portfolio-left.png');  }
#next.portfolio-nav a { background-image: url('img/portfolio-right.png') }

body.s-category-project #pager { display: block; margin-top: 0  }
body.s-category-project #pager a { color: #ccc; padding: 4px 6px; text-decoration: none; font-size: 13px; background: #3a2e2b; margin: 0 5px 0 0; }
body.s-category-project #pager a:hover, body.s-category-project #pager a.activeSlide  { background: #251d1b; color: #73d2b7; }

#screenshots { margin-top: 30px; height: 640px; width: 640px }
#screenshots img { height: 640px; width: 640px  }
#project-desc { margin-top: 30px }
#project-desc h2 { font-weight: 300; font-size: 36px; padding-bottom: 10px; border-bottom: 1px solid #61514c; }
#project-desc h3 { font-weight: 300; font-size: 16px; margin: 30px 0 10px 0; }
#project-desc p { padding-right: 2em; }

#project-desc #details { margin-top: 30px; font-size: 14px; padding: 1em; background: #413430; border-top: 6px solid #372a26 }
#project-desc #details td { padding: 0 0 4px 0; }
#project-desc #details td.desc { width: 80px }

#pager small { font-size: 11px; margin-right: 10px ;}


/* --- services page --- */
body.page-template-services-php #callout img { margin-top: 40px; }
#four-d { margin-bottom: 1em; }
#four-d p { padding-right: 1em; }
body.page-template-services-php h2 { margin-bottom: 16px; }
body.page-template-services-php h4 { font-size: 14px; margin-bottom: 4px; }
body.page-template-services-php ul,
body.page-template-services-php li { margin:0;padding:0; list-style: none; }
body.page-template-services-php li { font-size: 16px; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #503e3e; }
body.page-template-services-php #options a#git { position: relative; bottom: 55px; left: 240px; }

ul#hire-us { margin-top: -10px; }
ul#hire-us li { list-style-image: url('img/arrow.png'); padding-left: 5px; padding-bottom: 8px; padding-top: 8px; margin-left: 15px; }

ul#services-list { margin-right: 30px; }
ul#services-list li { background: #3a2e2b; padding: 15px; border: 0; margin-bottom: 0; border-bottom: #2f2726 1px solid }
ul#services-list li strong { display: block; font-size: 22px; line-height: 24px;}

	/* products page
----------------------------------------------------------------------------------------------------*/
.portfolio{
	margin-bottom:20px;
	border-bottom:1px solid #222;
	display:block;
	clear:both;
	min-height:100px;
	padding-bottom:10px;
}

.portfolio ul li{
margin:0px;
list-style:none;

}

.portfolio h4{
	color:#888;


}
.portfolio strong{
	color:#888;


}
.portfolio-col2{
	margin-left:190px;

}
.portfolio img{
	padding:5px;	
	border:1px solid #000;
	background-color:#222;
}
.portfolio a:link, .portfolio a:visited{
	color:#fff;
}


/* jQuery lightBox plugin - Gallery style */
		
	#gallery ul { list-style: none; margin:0px; }	
	#gallery ul li { display: inline; margin:0px; }
	#gallery ul img {border: 3px solid #dedede;margin:5px;}
	#gallery ul a:hover img {border: 3px solid #ccc;}
	#gallery ul a:hover { color: #f2f2f2; }
	

/* contact us
----------------------------------------------------------------------------------------------------*/
.contact-us {
	background-color:#000;
	text-align:left;
	padding:10px 0;
	width:auto;

}
.contact-us p{
	border:none;
}
.contact-us input {
	background-image:url(../img/input-bg1.jpg);
	background-repeat:no-repeat;
	height:17px;
	width:350px;
	background-color:#222;
	border:1px solid #333;
	width:350px;
	padding:5px;
	color:#999;
}
.contact-us textarea {
	background-color:#222;
	border:1px solid #333;
	width:350px;
	padding:5px;
	overflow:auto;
	color:#999;
}
.contact-us .submit {
	border:none;
	width:95px;
	height:31px;
	position:relative;
	left:110px;
	margin:0;
	padding:0;
}
.red {
	color:red;
	font-weight:700;
}
.contact-us .form-col1 {
	color:#999;
	width:100px;
	height:30px;
	float:left;
	display:block;
	text-align:left;
	padding-right:10px;
	font-weight:700;
	
	
}
#wrapper {width:600px;margin:0 auto;}
.form_message {background:#222; color:#666;display:none;width:460px;padding:10px;}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}

/* services
----------------------------------------------------------------------------------------------------*/
.services{
	margin-bottom:20px;
	border-bottom:1px solid #222;
	display:block;
	clear:both;
	min-height:100px;
	padding-bottom:10px;
}
.services-col2{
	margin-left:190px;
}
.services img{
	padding:5px;	
	border:1px solid #000;
	background-color:#222;
}
.services h4{
	color:#888;
}


/* --- about page --- */
body.page-template-about-php #content { margin-top: 30px;  }
body.page-template-about-php p.lead { font-size: 21px; line-height: 24px; margin-bottom: 15px;  }
#about-callout { margin: 110px 0 0 30px }
#about-callout #options { margin: 30px 0 0 0 }
.about-details { margin: 10px 0 0 0;  }
.about-details p.lead { margin-left: -30px; position: relative; }
.about-details p.lead strong { font-weight: normal; color: white; }

#us { margin: 50px 0 0 0 }
#us #pager { margin: 0 }

p.testimonial { background:url('img/testimonial-bg.png') bottom left no-repeat; padding: 20px; padding-bottom: 40px; font-size: 13px; line-height: 19px; margin-bottom: 10px;}

img.avatar { float: left; border: solid #251d1b; border-width: 0 4px 4px 0; margin: 5px 20px 75px -30px }

#about-sidebar {
	margin-top: -20px;
	position: relative;
}
#about-sidebar ul,
#about-sidebar li { margin: 0; padding: 0; font-weight: normal; font-size: 17px }
#about-sidebar li { list-style: none; line-height: 1em; padding: 8px 0; border-bottom: 1px solid #503e3e; }
#about-sidebar span { font-size: 11px; display:block; }
#about-sidebar h3,
#about-sidebar a,
#about-sidebar .alpha li,
#about-sidebar p { margin-left: 20px; }
#about-sidebar h3 { font-weight: normal; border-bottom: 1px solid #61514c; padding-bottom: 5px; margin-top: 10px; }

/* -- contact -- */
#wufoo-form { margin-top: 50px }