/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #FFF; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#FFF; }
a:hover { color:#CCC; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #09C; color:#fff; text-shadow: none; }
::selection { background:#09C; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #09C; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.floatLeft{ float:left; }
.floatRight{ float:right; }


 /* Primary Styles
    Author: Steven Soule
 */

*{
	margin:0;
	padding:0;
}

body{
	background-image:url(../images/bgStripes2.png);
}

#footRight h6{
	background-image:url(../images/stripes-11.png);
	background-repeat:repeat-x;
	height:34px;
	color:white;
	font-size:24px;
	padding:15px 0 0 5px;
	margin:0 0 10px 0;
}

input, textarea{
	color:#000;	
}

@font-face {
	font-family: Politica;
	src: url(../fonts/PoliticaBold.ttf);
}

@font-face {
	font-family: Walkway;
	src: url(../fonts/WalkwayBlack.ttf);
}

h1,h2,h3,h5,h6,h7 { font-family: Walkway,sans-serif; }

h1{
	text-transform:uppercase;
	text-align:center;
}

img{ border:none; }
	
.container{
	width:960px;
	margin:0 auto;	
}
	
#topBar{
	background-image:url(../images/stripes-04.png);
	background-repeat:repeat-x;
	height:44px;
	
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#steven{
	/*background-image:url(../images/steven-13.png);
	background-position:center;
	background-repeat:no-repeat;*/
	height:50px;
	width:960px;
	margin:0 auto;
}

#steven img{
	position:relative;
	left:275px;	
}

#admin{
	float:right;
	color:white;	
}

#masthead{
	background-image:url(../images/greybg2.png);
	background-repeat:repeat-x;
	border-bottom: 1px solid #222222;
	
	-webkit-box-shadow: 0px 2px 6px 2px #222222;
    -moz-box-shadow: 0px 2px 6px 2px #222222;
    box-shadow: 0px 2px 6px 2px #222222; 
}

header{
	background-image:url(../images/masthead-12.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:290px;
	text-align:center;
}

nav{
	margin-top:0px;
	font-family: Walkway,sans-serif;
	text-transform:uppercase;
}

nav ul{
	background-image:url(../images/stripes-05.png);
	background-repeat:repeat-x;
	height:52px;
	width:inherit;
	padding:20px 0 0 2px;
}

nav ul li{
	list-style-type:none;
	display:inline;
	margin:0 10px 0 0;
}

nav ul li:last-child{
	list-style-type:none;
	display:inline;
	margin:0;
}

nav ul li a{
	text-decoration:none;
	font-weight:bold;
	font-size:42px;
}

nav ul li a:link{
	color:white;
}

nav ul li a:visited{
	color:white;
}

nav ul li a:hover{
	color:#666;
}

div#subnav ul{
	background-image:url(../images/stripes-10.png);
	font-family: Politica,sans-serif;
	background-repeat:repeat-x;
	height:44px;
	width:inherit;
	font-size:34px;
	text-transform:uppercase;
	margin-left:0px;
	//padding:3px 0 0 3px;
	
}

div#subnav ul li{
	list-style-type:none;
	display:inline;
}

div#subnav ul li a{
	text-decoration:none;
	color:#333;
}

div#subnav ul li a:hover{
	color:#000;	
}

.content{
	padding:10px;
	min-height:400px;
}

#home h2{
	background-image:none;
	color:white;
	font-size:30px;
	width:960px;
	text-align:center;
	text-transform:uppercase;
	font-family: Walkway,sans-serif;
	margin-top: -140px;
}

.content h2{
	background-image:url(../images/stripes-08.png);
	background-repeat:repeat-x;
	height:34px;
	color:white;
	font-size:24px;
	padding:15px 0 0 5px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	width: 450px;	
	font-family:sans-serif;
	
	text-shadow: 1px 1px 1px #4f4f4f;
	filter: dropshadow(color=#4f4f4f, offx=1, offy=1); 
}

#category h2{
	width: 960px;
}

.content h3{
	text-transform:uppercase;
	font-size:18px;
	font-family:sans-serif;
	margin:5px 0;
	width:400px;
}

.content p{
	margin:10px 0 5px 0;
	width:400px;	
}

.tile p{
	margin:0;
	width:inherit;
}

#slider{
	border:1px solid #F15A24;
	width:480px;
	height:313px;
	margin:0 10px 0 0;
}

#featured{
	margin:0 0 0 10px;
	float:right;
	width:475px;
}

#featured div.tile:nth-child(odd){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 10px 10px 0;	
}

#featured div.tile:nth-child(even){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 0 10px 0;	
}

div.tile:nth-child(4n + 1){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 0 10px 0;	
}

div.tile{
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 10px 10px 0;	
}

.search div.tile{
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 10px 10px 0;	
}

.search div.tile:nth-child(4n + 5){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 0 10px 0;	
}

#catItem div.tile{
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 10px 10px 0;	
}

#catItem div.tile:nth-child(5){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 0 10px 0;	
}

/*div.tile:nth-child(odd){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 11px 10px 0;	
}

div.tile:nth-child(even){
	width:230px;
	height:150px;
	border:1px solid #F15A24;
	float:left;
	margin:0 0 10px 0;	
}*/

.tile h5,.tile2 h5{
	background-image:url(../images/stripes-09.png);
	background-repeat:repeat-x;
	background-position:center;;
	height:27px;
	color:white;	
	margin:-3px 0 0 0;
	text-transform:uppercase;
	padding:5px 0 0 5px;
}

#column3{
	margin-top:-140px;	
}

div.content section{
	width:315px;
	min-height:300px;
	background-color:#CCC;
	margin:0 10px 0 0;
}

div.content section p{
	width:295px;
}

div.content section a{
	color:#333;	
}

div.content section.blog{
	width:inherit;
	background-color:transparent;
	min-height:0;
	margin:0;
	border-bottom:1px solid #CCC;
}

div.content section:last-child{
	width:310px;
	min-height:300px;
	background-color:#CCC;
	margin:0 0 0 0;
}

div.content section.blog:last-child{
	width:inherit;
	background-color:transparent;
	min-height:0;
	border-bottom:1px solid #CCC;
	margin:0;
}

section h6{
	background-image:url(../images/stripes-08.png);
	background-repeat:repeat-x;
	height:34px;
	color:white;
	font-size:24px;
	padding:15px 0 0 5px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

div.content section article{
	padding:10px;
	color:#000;	
}

div#sliderCont{
	float:right;	
}

div#sliderCont a{
	text-decoration:none;	
}
				
p.label{
	font-weight:bold;
	margin:5px 0 2px 0;
	font-family:"Walkway",sans-serif;
	text-transform:uppercase;
}

#styleForm{
	width:960px;
	padding:10px;
	
	-webkit-column-count:2;
	-webkit-column-gap:15px;
	-webkit-column-rule:1px solid #666;
	-webkit-column-width:300px;	
	
	-moz-column-count:2;
	-moz-column-gap:15px;
	-moz-column-rule:1px solid #666;
	-moz-column-width:300px;	
}

textarea{
	width:280px;
	height:100px;
	margin:0 0 0 15px;
}
input[type=text]{
	margin:0 0 0 15px;
	width:280px;
}
select{
	margin:0 0 0 15px;
	width:280px;
}
p.input{
	margin:0 0 0 15px;
}

div#middleBar{
	background-image:url(../images/stripes-06.png);
	background-repeat:repeat-x;
	height:62px;
}

div#innerMiddleBar{
	width:960px;
	margin:0 auto;	
}

p.icons{
	padding:15px 0 0 0;	
}

p.icons img{
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#searchbox{
	float:right;
	margin:10px 0 0 0;
}

.inputBox{
	height:30px;	
}

.searchBtn{
	background-image:url(../images/button_orange.png);
	background-repeat:no-repeat;
	width:84px;
	height:41px;
	border:none;
	background-color:transparent;
	font-family:Politica,sansserif;
	font-size:24px;
	text-transform:uppercase;
	color:white;
}

.comment{
	background-image:url(../images/comment.png);
	background-repeat:no-repeat;
	width:165px;
	height:40px;
	border:none;
	background-color:transparent;
	margin:5px 0 0 10px;
}
div#footer{
	background-color: #DA7D21;
    background-image: url("../images/stripes-07.png");
    background-repeat: repeat-x;
    font-family: Walkway,sans-serif;
    height: 420px;
    min-height: 420px;
    padding: 25px 0 0;
    text-transform: uppercase;
}

div#footLeft{
	float:left;
	border-right:1px solid #000;
	padding:10px;
	width:290px;
	height:330px;
}

div#footMiddle{
	float:left;
	border-right:1px solid #000;
	padding:10px;
	width:290px;
	height:330px;
}

div#footRight{
	float:right;
	padding:10px;
	width:310px;
	height:330px;
}

footer div ul{
	margin-left:0;	
}

footer div ul li{
	list-style-type:none;
}

footer div ul li a{
	text-decoration:none;	
}

#footRight h6{
	background-image:url(../images/stripes-11.png);
	background-repeat:repeat-x;
	height:34px;
	color:white;
	font-size:24px;
	padding:15px 0 0 5px;
	margin:0 0 10px 0;
}

.black{
	color:#000;	
}

.shadow{
	-moz-box-shadow:0px 0px 7px #000;
	-webkit-box-shadow:0px 0px 7px #000;
	-o-box-shadow:0px 0px 7px #000;
	-ms-box-shadow:0px 0px 7px #000;
}

#sendMessage{
	background-image:url(../images/button_black.png);
	background-repeat:no-repeat;
	width:180px;
	height:50px;
	border:none;
	background-color:transparent;
	font-family:Politica,sansserif;
	font-size:24px;
	text-transform:uppercase;
	color:white;
	float:right;
}

#skills{
	margin:0;
	text-align:center;
}

#skills li{
	list-style-type:none;
	display:inline;
	padding:0 14px 0 0;
}

#languages{
	margin:0;	
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

#languages li{
	display:inline;
	margin:0 15px 0 0;
}

#contact{
	font-family:Walkway,sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
}

#contact li{
	list-style-type:none;	
}

#contact a{
	text-decoration:none;	
}

.serviceList{
	float:left;	
	width:400px;
}

.serviceList ul li{
	padding:3px;
	font-size:larger;
}

.serviceList h2{
	width:400px;	
}

.serviceList:nth-child(1){
	margin:0 27px 0 0;	
}

.serviceList:nth-child(4){
	/*margin:0 0 0 345px;*/
}

.serviceList:nth-child(3){
	margin:10px 0 45px 0;	
}

#catItem{
	border-bottom:#FFF 1px solid;
	margin:0 0 15px;	
}

#afterSlide{
	margin:-150px 0 0 0;	
}

h3 span{
	font-weight:100;
	font-size:14px;	
}

.demo{
	margin:0 0 0 220px;
}

.content p.large-font{
	font-size:36px;
	font-weight:bold;
	width:inherit;	
}

.content p.small-font{
	font-style:italic;
	font-size:14px;	
	width:inherit;
}

.orange{
	color:#EF5924;	
}

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}