/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:  Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	background: #edece7 url(/assets/images/bg_pattern.jpg) top left repeat;
	min-height: 100%;
	overflow-y:scroll;


}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group base styles */

dl, ul, ol, pre, blockquote, p{
	font-size: 13px;
	line-height: 18px;
	margin: 12px 0;
	color: #edece7;
}
dl{
	overflow: hidden;
}

em{
	font-style: italic;
}

.strong{
	font-weight: bold;
}

pre, code {
	font-family: Monaco,"Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
	line-height: 1.75em;
	background-color: #27232d;
	color: #edece7;
	font-size: 11px;
	margin: 25px 0;
}

pre{
	padding: 10px;
	overflow: auto;
}

li{
	list-style: circle;
	list-style-position: inside;
}

h1, h2, h3{
	color: #b3db44;
}

h1{
	font-family: "AlexandriaFLFRegular", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 22px;
	letter-spacing: 2px;		
}

h2{
		font-family: "AlexandriaFLFBold", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
		margin-bottom: 10px;
		color:#daf19b;
}

h2 strong{
	font-weight: normal;
}

h2 em{
	font-family: "AlexandriaFLFBoldItalic";
	color: #b3db44;
}
h4, h3{
	color: #666;
}

hr.groove{
	width: 100%;
	border: none !IMPORTANT;
	outline: none;
	background: transparent url(/assets/images/long_line.jpg) top center repeat-x;
	height: 20px;
	margin: 20px 0 15px 0;
}

aside hr.groove{
	margin: 0 0 15px 0;
}

section hr.groove{
	margin: 0 0 15px 0;	
}

section.full{
	width: 930px !IMPORTANT;
	padding: 0 0 10px 0;
	margin-bottom: 5px;
	/*padding: 0 20px 10px 20px;
	background-color: rgba(255,255,255, .05);*/
	border-bottom: 2px dotted #292533;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
	clear: both;
}

a,
a:link,
a:visited{
	font-family: inherit;
	color:#b3db44;
}

a:hover,
a:active,
a:focus{
	color:#daf19b;
}

small{
	font-size: .8em;

}

.none{
	width: 0px; 
	overflow: hidden; 
	display: inline-block;
}

::selection { background:#fff; color:#000; /* Firefox */ }
::-moz-selection{ background:#fff; color:#000; /* Firefox */ }

footer ::selection,
#header_content ::selection			{ background:#b7e049; color:#fff; /* Safari and Opera */ }

footer ::-moz-selection,
#header_content ::-moz-selection  { background:#b7e049; color:#fff; /* Firefox */ }

#content ::selection			{ background:#fff; color:#fff; /* Safari and Opera */ }
#content ::-moz-selection  { background:#fff; color:#fff; /* Firefox */ }

input[type=submit],label,select,.pointer{ cursor:pointer; }

#wrapper{
	width: 960px;
	margin: 0 auto;
}
/* @end */

/* @group Fonts */
/* local('AlexandriaFLF'), local('AlexandriaFLF'),*/
@font-face {
	font-family: 'AlexandriaFLFRegular';
	src: url('/assets/fonts/AlexandriaFLF.eot');
	src: url('/assets/fonts/AlexandriaFLF.woff') format('woff'), url('/assets/fonts/AlexandriaFLF.ttf') format('truetype'), url('/assets/fonts/AlexandriaFLF.svg#AlexandriaFLF') format('svg');
}

@font-face {
	font-family: 'AlexandriaFLFMediumItalic';
	src: url('/assets/fonts/AlexandriaFLF-Italic.eot');
	src: local('/assets/fonts/AlexandriaFLF'), local('/assets/fonts/AlexandriaFLF-Italic'), url('/assets/fonts/AlexandriaFLF-Italic.woff') format('woff'), url('/assets/fonts/AlexandriaFLF-Italic.ttf') format('truetype'), url('/assets/fonts/AlexandriaFLF-Italic.svg#AlexandriaFLF-Italic') format('svg');
}

@font-face {
	font-family: 'AlexandriaFLFBold';
	src: url('/assets/fonts/AlexandriaFLF-Bold.eot');
	src: local('/assets/fonts/AlexandriaFLF'), local('/assets/fonts/AlexandriaFLF-Bold'), url('/assets/fonts/AlexandriaFLF-Bold.woff') format('woff'), url('/assets/fonts/AlexandriaFLF-Bold.ttf') format('truetype'), url('/assets/fonts/AlexandriaFLF-Bold.svg#AlexandriaFLF-Bold') format('svg');
}

@font-face {
	font-family: 'AlexandriaFLFBoldItalic';
	src: url('/assets/fonts/AlexandriaFLF-BoldItalic.eot');
	src: local('/assets/fonts/AlexandriaFLF'), local('/assets/fonts/AlexandriaFLF-BoldItalic'), url('/assets/fonts/AlexandriaFLF-BoldItalic.woff') format('woff'), url('/assets/fonts/AlexandriaFLF-BoldItalic.ttf') format('truetype'), url('/assets/fonts/AlexandriaFLF-BoldItalic.svg#AlexandriaFLF-BoldItalic') format('svg');
}

/* @end */

/* @group Header */


article, 
header#page,
header#subpage{  
	overflow: hidden;
	width:950px; 
	margin: 0 auto; 
	padding: 0 5px;
	clear: both;
	min-height: 30px;
	display: block;
	}
	
header#subpage{
	overflow: visible;
	padding: 5px;
	min-height: 140px;
}

header{
	overflow: visible;
	min-height: 125px;
	background:transparent url(/assets/images/fade_bg.jpg) 80px -50px no-repeat;
}	
header h1{
	width: 520px;
	margin-top: 30px;
	font-size: 48px;
	letter-spacing: 0px;
	float: left;
	clear: left;
	
	text-shadow: #95bd27 0px -1px 0px;
	color: #b3db44;
}	

header#subpage h1
{
	width: 940px;
	margin-top: 40px;
}


header h1 em{
	font-style: normal;
	font-family: "AlexandriaFLFBoldItalic"
}

header h1,
nav#primary
{
	font-family: "AlexandriaFLFBold", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

nav#primary{
	height: 40px;  
	width: auto;
	display: block;
	float: right;
	padding: 0;
	margin: 28px 0 0 0;
	position: relative;
	clear: right;
    overflow:visible;
    z-index: 232;
	}

nav#secondary{
	float: left;
	clear: left;
	background-color: rgba(255,255,255, .55);
	padding: 10px;
	margin-top: -5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

nav#secondary a,
nav#secondary a:link,
nav#secondary a:visited{
	font-size: 11px;
	padding: 6px; 
	color: #000;
	text-decoration: none;
	text-shadow: #ccc 0px 1px 0px;
}

nav#secondary a:hover, 
nav#secondary a:focus, 
nav#secondary a:active{
	text-decoration: underline;
}

.start, .end{
	font-size: 36px;
	color: #acd343;
	font-family: arail;
	padding: 11px 0;
}

nav#primary a, 
nav#primary a:link, 
nav#primary a:visited{
	padding: 12px 10px;
	float: left;
	display: block; 
	color:#0e0b15; 
	text-decoration: none;
	text-shadow: #bebebe 0px -1px 0px;
}

nav#primary ul{
	margin: 0;
}

nav#primary li{
	float: left;
	display: inherit;
}

nav#primary a.current, 
nav#primary a.current:link, 
nav#primary a.current:visited{
	color: #88aa29 !IMPORTANT;
	text-shadow: #6b8523 0px -1px -1px;
}
nav#primary a.current:hover, 
nav#primary a.current:focus, 
nav#primary a.current:active,
nav#primary a:hover, 
nav#primary a:focus, 
nav#primary a:active{
	text-decoration: underline;
	/*color: #acd343;*/
}

/* @group Drop Downs */


/* sub levels link hover */
nav#primary ul ul li:hover a, 
nav#primary ul li:hover li a {
	background: none;
	border-top: 1px solid #d8f098;
	border-bottom: 1px solid #9ec436;
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
nav#primary ul li ul a:hover {
	background-color: #acd343;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* dropdown */
nav#primary ul li:hover > ul {
	display: block;
}

/* level 2 list */
nav#primary ul ul {
	display: none;
	margin: 0;
	padding: 3px 0;
	width: 145px;
	position: absolute;
	top: 40px;
}
nav#primary ul ul li {
	background-color: rgba(188, 230, 72, .96); 
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 145px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0, .3);
	box-shadow: 0 1px 2px rgba(0,0,0, .3);
}

nav#primary ul li ul a,
nav#primary ul li ul a:link,
nav#primary ul li ul a:visited {
	padding: 12px; 
	text-shadow: #acd343 0px -1px 0px !IMPORTANT;
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
	width: 121px;
	text-decoration: none;
}

nav#primary ul li ul a:hover,
nav#primary ul li ul a:active{
background-color: #acd343;
text-decoration: none;
}

nav#primary ul .over ul li{
	text-decoration: none;
}
/* level 3+ list */
nav#primary ul ul ul {
	left: 145px;
	top: -3px;
}

/* rounded corners of first and last link */

nav#primary ul ul li:first-child{
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
	
nav#primary ul ul li:first-child > a {
	border-top: none;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}

nav#primary ul ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom: none;
}

nav#primary ul ul li:last-child{
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;

}

/* clearfix */
nav#primary ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] nav#primary ul {
	display: block;
}
 
* html #nav {
	height: 1%;
}



/* @end */

/* @end */

/* @group Homepage */

/* @group Intro */

h1#welcome{
	margin: 0 0 30px 0;

}
article#intro h2{
	width: 860px;
	float: left;
	clear: left;
	font-size: 40px;
	line-height: 45px;
	font-family: "AlexandriaFLFRegular", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-shadow: 0px -1px 1px #c2bfb2;
	color: #0e0b15;

}

article#intro h2 strong{
	font-family: "AlexandriaFLFBold"
}


article#intro p{
	font-size: 14px;
	line-height: 18px;
	clear: both;
	width: 640px;
}

/* @end */
#converse{
	margin-bottom: 20px;
}
p.headline{
	font-family: "AlexandriaFLFRegular", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 22px;
	line-height: 34px;
	text-shadow: 0px -1px 0px #100b1c;
	width: 700px;
	float: left;
	text-shadow: 0px -1px 1px #c2bfb2;
	color: #0e0b15;
}

p.headline .shout{
	margin: 10px 15px 10px 5px;
	float: left;
}
p.headline strong{
	font-family: "AlexandriaFLFBold";
	background-color: #B3DB44;
	color: #fff;
	padding: 3px;
	
	text-shadow: #95BD27 0px -1px 0px;
}

span.title{
	font-family: inherit;
	border-bottom: 1px dotted #ccc;
	
}

p.headline a,
p.headline a:link,
p.headline a:visited{
	font-family: inherit;

}

#call_to_action{
	width: 258px;
	height: 155px;
	float: right;
	background-color: #191620;
	margin: 2px 0;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background-image: -moz-linear-gradient(top, #191620, #0e0b15); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #191620),color-stop(1, #0e0b15)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#191620', EndColorStr='#0e0b15'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#191620', EndColorStr='#0e0b15')"; /* IE8 */
	

	
}

section#call_to_action h3{
		font-family: "AlexandriaFLFRegular", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
		font-size: 22px;
		line-height: 30px;
		text-shadow: 0px -1px 0px #0e0b15;
	
}

section#call_to_action h3 a,
section#call_to_action h3 a:link,
section#call_to_action h3 a:visited{
	font-family: "AlexandriaFLFBold";
	font-weight: normal;
	background-color:  #2e2a38;
	text-shadow: #0b0910 0px -1px 0px !IMPORTANT;
	color: #a69fb8 ;
	display: inline-block;
	padding: 5px 8px;
	margin: 25px 0 0 0 ;
	min-width: 240px;
	text-align: center;
	text-decoration: none;
 	background-image: -moz-linear-gradient(top, #2e2a38, #1f1c29); /* FF3.6 */
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2e2a38),color-stop(1, #1f1c29)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29')"; /* IE8 */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

section#call_to_action h3 a:hover,
section#call_to_action h3 a:active{
	color: #fff;
}




/* @group Services */
/* @group Custom Per Tab Styles */



/* @end */
article#services {
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
}

article#services ul{
	float: left;
	clear: left;	
	background-color: #b3db44;
	padding: 0;
	text-shadow: #bebebe 0px -1px 0px;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
    -moz-box-shadow: 0px 0px 50px #edf6d2; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 50px #edf6d2; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 50px #edf6d2; /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#edf6d2'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#edf6d2')"; /* IE8 */
    min-height: 250px;
    width: 220px;
}

article#services ul li{
	clear: both;
	width: 220px;
	margin: 0;
	border-bottom: 1px solid #a8cc46;
	
}


article#services .ui-tabs-selected,
article#services .ui-tabs-selected a,
article#services .ui-tabs-selected a:link,
article#services .ui-tabs-selected a:visited{
	background-position: 213px -6px;
	background-repeat: no-repeat;
	background-color: #acd343;
	background-image: url(data:image/gif;base64,R0lGODlhEwApAKIEAN/ov97ovbXcSu3s57PbRAAAAAAAAAAAACH5BAEAAAQALAAAAAATACkAAANoSLrc/jBKIqYTwTI8tOKdBobTSEbm+aRqw7bLC1PBYN/3WuP8tfM41w+Yiw2JNiMS+DkuOzJkVAp4EilVaxCrLXK7m6zVJV5eytfzEyJAb1fuJCpeclvavXvZg5eLsh4fVYGChB+GCgkAOw==);
}

article#services ul a,
article#services ul a:link,
article#services ul a:visited{
	color: #fff;
	width: 194px;
}
article#services ul a:hover,
article#services ul a:focus,
article#services ul a:active{
	background-color: #acd343;
}



article#services > div{
	width:680px;
	float: right;
	min-height: 200px;
}

article#services > div p{
	text-shadow: none;
	color: #000;
}

article#services {
	background-color: #e2edc4;
	padding: 0;
	margin-top: 15px;
	border-bottom: none;
}

article#services h3{
	padding: 6px 15px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #222;

}


article#services h2{
	font-size: 20px;

	letter-spacing: 1px;
	text-transform: uppercase;
	color: #222;

}

/* @group jquery ui tabs base */

/* Tabs
----------------------------------*/
.ui-tabs { position: relative;  zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* @end */




/* @end */

/* @group Portfolio Piece */

.recent_work{
	width: 650px;
	float: left;
	clear: left;
	overflow: hidden;
}
section.portfolio_peice{
	width: 295px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	

}
section.portfolio_peice.cl{
	clear: left;
}


section.portfolio_peice img{
	padding: 4px;
	border: 1px solid rgba(255,255,255, .25);
}
section.portfolio_peice .slide{
	position: relative;
	height: 170px;
	padding: 15px;
	background-color: rgba(255, 255, 255, .95); 
}

section.portfolio_peice .slide h3{
	color: #0e0b15;
}

section.portfolio_peice .slide p{
	color: #0e0b15 !IMPORTANT;
	line-height: 1.5em;
	
}

section.portfolio_peice .slide a,
section.portfolio_peice .slide a:link,
section.portfolio_peice .slide a:visited{
	background-color: #b3db44;
	color: #fff;	
	padding: 4px;
	display: inline-block;
	text-shadow: #95bd27 0px -1px 0px;
	text-decoration: none;
	border: 1px solid transparent;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
}

section.portfolio_peice .slide a:hover,
section.portfolio_peice .slide a:active{
	color: #425709;
}

/* @end */

/* @group ExpressionEngine Addons */

section#ee_addons ul{
	width: 278px;
	float: right;
	padding: 10px 10px 2px 10px;
	margin: 2px 0;
	background-color: rgba(255,255,255, .05);
	min-height: 173px;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */

}

section#ee_addons .small_link{
	text-align: right; margin-right: 20px;
}

section#ee_addons li{
	clear:both;
	list-style: none;
	margin-bottom: 10px;

}

section#ee_addons li p{
	font-size: 11px; 
	line-height: 16px;
	margin: 2px 0 0 0;
}

section#ee_addons li .version{
	color: #0e0b15;
	font-size: 9px;
	text-transform: lowercase;
	background-color: #2e2a38;
	padding: 0 2px;
	float: right;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
	border-radius: 2px; /* Opera 10.5, IE 9 */
	display:inline-block;
}

/* @end */

/* @end */

/* @group Pages Design */

dl#software{
	
}

dl#software dt{
	clear: both;

	font-weight: bold;
	margin-top: 20px;
	display: block;
	width: 100%;
}

dl#software dt{
	clear: both;

		width: 100%
}

aside p{
	font-size: 12px;
	
}

article#about section{
	width: 445px;
	margin-right: 30px;
	float: left;
}

article#about section.full p{
	font-size: 18px;
	line-height: 28px;
}
article#contact section,
article.portfolio_item section,
article.addon section{
	width:700px;
	margin-right: 30px;
	float: left;
}

article#contact aside,
article.addon aside,
article.portfolio_item aside{
	width: 200px;
	float: right;

}

/* @group Addons */

article.addon{
	padding-bottom: 20px;
	margin-bottom: 25px;
	/*padding: 0 20px 10px 20px;
	background-color: rgba(255,255,255, .05);*/
	border-bottom: 2px dotted #292533;
}

article.addon.last{
	border-bottom: none;
}

ul#download li,
ul#links li {
	list-style: none;
}

ul#links,
ul#download {
	margin: 0;
}

ul#links{
	margin-bottom: 20px;
}

ul#download{
	margin-top: 10px;
}

ul#download li a,
ul#download li a:link,
ul#download li a:visited{
	background-color: #acd343;
	text-shadow: #84a138 0px -1px 0px !IMPORTANT;
	color: #fff ;
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #acd343, #78942d); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #acd343),color-stop(1, #78942d)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d')"; /* IE8 */
}
ul#download li a:hover,
ul#download li a:active{
	color: #e0dee1;
}


ul#links li a,
ul#links li a:link,
ul#links li a:visited{
	background-color:  #2e2a38;
	text-shadow: #0b0910 0px -1px 0px !IMPORTANT;
	color: #a69fb8 ;
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
	min-width: 160px;
	text-align: center;
	text-decoration: none;
 	background-image: -moz-linear-gradient(top, #2e2a38, #1f1c29); /* FF3.6 */
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2e2a38),color-stop(1, #1f1c29)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29')"; /* IE8 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

ul#links li a:hover,
ul#links li a:active{
	color: #fff;
}


.addon ol strong{
		color: #DAF19B;
		font-weight: bold;
}
.version{
	color: #0e0b15;
	font-size: 12px;
	text-transform: lowercase;
	background-color: #2e2a38;
	padding: 0 2px;
	margin-right: 5px;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
	border-radius: 2px; /* Opera 10.5, IE 9 */
	display:block;
	float: left;
}

dl#changelog dt{
	clear: both;
	float: none;
	width: 100%;
	display: block;
	font-size: .8em;
	color: #2e2a38 ;
}


dl#changelog dd{
	clear: both;
	display: block;
	float: none;
	width: 100%;
	margin: 8px 0 15px 0;
	font-size: .9em;
}


#content  article.addon section dl {
	width: 700px;
}

#content  article.addon section dt{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	color: #DAF19B;
	padding: 10px;
	border-bottom: 2px dotted #292533;
	border-top: 2px dotted #292533;
	background-color: rgba(255,255,255,.03);
}

#content article.addon section dd{
	float: left;
	width: 500px;
	padding: 10px;
	border-top: 2px dotted #292533;
}

a.addon_link,
a.addon_link:link,
a.addon_link:visited,
a.addon_link:active{
	background-color:  #2e2a38;
	text-shadow: #0b0910 0px -1px 0px !IMPORTANT;
	color: #a69fb8;
	display: inline-block;
	padding: 5px 8px;
	margin: 10px 0 0 0;
	min-width: 120px;
	text-align: center;
	text-decoration: none;
 	background-image: -moz-linear-gradient(top, #2e2a38, #1f1c29); /* FF3.6 */
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2e2a38),color-stop(1, #1f1c29)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e2a38', EndColorStr='#1f1c29')"; /* IE8 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.addon_link:hover{
	color: #fff;
}

/* @end */

/* @group Contact */

#contact_form textarea{
	width: 680px;
	max-width:700px;
	height: 160px;
	min-height: 100px;
	overflow: hidden;
	clear: both;
}

#contact_form textarea,
#contact_form #captcha,
#contact_form #name,
#contact_form #email,
#contact_form #phone,
#contact_form #country,
#contact_form #project_name,
#contact_form #project_website{
	float: left;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
	background-color: #37333a;
	margin: 10px 0;
	border: none;
	color: #fff;
	font-size: 12px;
	padding: 10px;
}

#contact_form #budget,
#contact_form #timeline{
	margin: 10px 0;
	border: none;
	font-size: 12px;
	background: #37333a url(/assets/images/arrow.jpg) 325px 12px no-repeat;
	width: 345px ;
	color:#aaa4ae ;
	-khtml-appearance:none;
	padding: 10px;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
}

#contact_form #captcha_question{
	float: left;
	text-align: right;
	padding: 1px 10px;
	width: 325px;
}

#contact_form #captcha,
#contact_form #captcha_question,
#contact_form #name,
#contact_form #phone,
#contact_form #project_name,
#contact_form #timeline{
	margin-right: 10px;
}

.captcha-hints{
	font-size: 10px;
	color: #37333a;
	clear: both;
	display: block;
}

#contact_form input,
#contact_form select{
	width: 325px;
	float: left;
	
}

#contact_form #submit,
#contact_form #captcha{
	 width: 157px;
}
#contact_form label{
	display: none;
}

/* Turn this into a button class*/
#contact_form #submit{
	background-color: #acd343;
	text-shadow: #84a138 0px -1px 0px !IMPORTANT;
	color: #fff ;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: none;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #acd343, #78942d); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #acd343),color-stop(1, #78942d)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d')"; /* IE8 */
}

#contact_form .labelHighlight,
#contact_form input.labelHighlight { color: #aaa4ae !IMPORTANT; }

#submit{
	margin-top: 10px;
}
#upcoming_project {
	text-align: left;
	width: 680px;
	clear: both;
	margin: 10px 0 0 0;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
	background-color: #37333a ;
	margin: 10px 0;
	border: none;
	color: #fff;
	font-size: 12px;
	padding: 10px;
}

#upcoming_project input{
	width: auto;
	margin: 2px 10px 0 0;
}

#upcoming_project label{
	display: block;
	font-size: 12px;
	color: #aaa4ae;
	font-weight: bold;
}

/* @end */

/* @group Work */
.portfolio_item{
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #292533;
}

.portfolio_item.last{
	border-bottom: none;
}

#points{
	height: 1px;
	overflow: visible;
	position: absolute;
}

.point{
	position: absolute;
	display: inline-block;
	background-color: #acd343;
	padding: 6px 8px;
	font-size: 11px !IMPORTANT;
	color: #fff;
	float: left;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */
	background-image: -moz-linear-gradient(top, #acd343, #78942d); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #acd343),color-stop(1, #78942d)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#acd343', EndColorStr='#78942d')"; /* IE8 */
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
}

aside .point{
	position: relative;
	overflow: hidden;
	line-height: 10px;
	margin-right: 10px;
	margin-top: -4px;
}

aside h1{
	line-height: 28px;
}

/* @end */
/* @end */
#lab footer{
	background: transparent url(none);
}

#lab_content{
	
	padding: 20px 0;
	display: block;
	
}

#lab_content article{
	width: 660px;
	float: left;
	clear: left;

}

#lab_content hr{
	margin: 1px 0 40px 0;
}

#lab_content aside{
	float: right;
	clear: right;
	width: 210px;
	background: #0e0b15 ;
	padding: 10px;
}
#lab_content aside ul{
	
}
#lab_content aside ul li {
	 list-style-type: none;
}

#lab_content p{
	color: #25222d;
	line-height: 1.8em;
	font-size: 13px;
	margin: 16px 0;
}

#lab_content h1{
	color: #25222d;
	font-size: 28px;
	font-family: "AlexandriaFLFBold";
}

#lab_content div.footer_details,
#lab_content p.details{
	margin: 3px 0 0;
	font-size: 11px;

	color: #625f6a;

}
#lab_content div.footer_details{
		background-color: #fff;
		padding:10px;
		border-bottom: 1px dotted #666;
		margin-bottom: 50px;

}

#lab_content div.footer_details a,
#lab_content div.footer_details a:link,
#lab_content div.footer_details a:visited{
	color: #90b232;
	text-decoration: none;
}

#lab_content div.footer_details a:hover,
#lab_content div.footer_details a:active{
	text-decoration: underline;
}
#lab_content div .related{
	float: right;
	margin-right: 10px;
}
#error #header_content h1{
	margin-top: 110px;
}
#header_content{
		padding-bottom: 10px;
		width: 960px;
		margin: 0 auto;
}

#home #header_content{
			background: transparent url(/assets/images/philip_zaengle_drawing.jpg) 700px 105px no-repeat;
}

#content{
	background: #0e0b15 url(/assets/images/border.gif) top center repeat-x;
	padding: 40px 0;
}

#content p{
	color: #edece7;
}

div#content.subpage h2{
	font-size: 22px;
	margin-top: 24px;
}

div#content.subpage h4{
	margin-top: 24px;
}

div#content.subpage aside h4{
	background-color: rgba(255,255,255, .05);
	font-size: 13px;
	color: #fff;
	height: 20px;
	padding-top: 4px;
	width: 170px;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3+, Chrome */
	border-radius: 3px; /* Opera 10.5, IE 9 */
}

#content dt{
	width: 40px;
	float: left;
	clear: left;
	padding-right: 10px;
}

#content dd{
	float: left;
	clear: right;
}

#content dt, #content dd{
	margin:3px 0;
}
/* @group Footer */


footer{
	background: transparent url(/assets/images/border_bottom.gif) top center repeat-x;
	padding: 50px 0;
	display: block;
}

footer section{
	width: 300px;
	float: left;
	margin-right: 30px;
	padding-bottom: 20px;
}

footer section#elsewhere{
	margin-right: 0;
}

footer section#elsewhere ul li{
	width: 120px;
	float: left;
	display: block;
}

footer h2{
	font-size: 14px;
	color: #0e0b15;
}
footer div#footer_container{
	width: 960px;
	margin: 0 auto;
}

footer p,
footer ul{
	color: #a9a897;
	font-size: 10px;
}
footer ul {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
}
footer ul li{
	list-style-type: none;
}

footer strong{
	font-weight: bold;
}

footer .copyright{
	font-size: 12px;
}

footer section#links{
	margin-right: 0;
	width: 300px;
}
footer section#twitter p{
	color: #7a7968;
}
section#twitter .twitter_details{
	font-size: 10px;
	color: #0e0b15;
	margin-top: -6px;
}

footer a,
footer a:link,
footer a:visited{
	color: #27232d;
}
/* @end */