/********************************************************************WEB SITE CSS*/
  
/********************************************************************DECLARATIONS*/
@font-face {
	font-family:Colaborate-Regular;
	src: url('ColabReg.otf');
}

@font-face {
	font-family:Anivers;
	src: url('Anivers_Regular.ttf');
}

/********************************************************************STRUCTURE*/
html, body, #wrapper{
	height: 100%;
}

body > #wrapper{
	height: auto; min-height: 100%;
}

body{
	background:url() #FFF;
	background-repeat:repeat-x;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
}

#wrapper{
}

#main{
	padding-bottom:40px;
}

/********************************************************************NAV*/
#header{
	height:150px;
	margin:0 auto;
	width:950px;
}

.logo{
	float:left;
}

#nav{
	font-family:Colaborate-Regular;
	margin-left:450px;
}

#nav ul{
	margin:0;
}

#nav ul li.home{
	border-top:10px solid #FFF;
	float:left;
	list-style:none;
	margin-right:1px;
	background:#5aa7e1;
}

#nav ul li.about{
	border-top:10px solid #FFF;
	float:left;
	list-style:none;
	margin:0 1px;
	background:#fba627;
}

#nav ul li.work{
	border-top:10px solid #FFF;
	float:left;
	list-style:none;
	margin:0 1px;
	background:#00a14e;
}

#nav ul li.blog{
	border-top:10px solid #FFF;
	float:left;
	list-style:none;
	margin:0 1px;
	background:#BBB;
}

#nav ul li.contact{
	border-top:10px solid #FFF;
	float:left;
	list-style:none;
	margin-left:1px;
	background:#E10505;
}

#nav ul li.home:hover{
	border-top:10px solid #5aa7e1;
}

#nav ul li.about:hover{
	border-top:10px solid #fba627;
}

#nav ul li.work:hover{
	border-top:10px solid #00a14e;
}

#nav ul li.blog:hover{
	border-top:10px solid #FFF;
}

#nav ul li.contact:hover{
	border-top:10px solid #E10505;
}

#nav ul a{
	display:block;
	margin:0;
	padding:30px 20px 30px 20px;
}

#nav ul li.blog a{
	display:block;
	margin:0;
	padding:15px 20px 19px 20px;
}

#home #nav ul li.home{
	border-top:10px solid #5aa7e1;
}

#about #nav ul li.about{
	border-top:10px solid #fba627;
}

#work #nav ul li.work{
	border-top:10px solid #00a14e;
}

#blog #nav ul li.blog{
	border-top:10px solid #FFF;
}

#contact #nav ul li.contact{
	border-top:10px solid #E10505;
}
/********************************************************************INTRO*/
#intro{
	height:260px;
}

#introContent{
	border-top:1px dotted #AAA;
	font-family:Colaborate-Regular;
	margin:0 auto;
	padding:50px 0 20px 0;
	width:950px;
}

#introContent span{
	font-size:75px;
	font-weight:bold;
}

#good{
	float:left;
	margin-right:15px;
	width:306px;
}

#clean{
	float:left;
	margin-right:15px;
	width:306px;
}

#fun{
	float:left;
	width:306px;
}

/********************************************************************PRIMARY*/
#primary.home{
	background:url(../images/border.png) repeat-x #5aa7e1;
	border-bottom:1px solid #333;
	color:#18507a;
	padding:20px 0;
	text-shadow:0 1px 0 #BBB;
}

#primary.home p{
	line-height:24px;
}

#primary.about{
	background:url(../images/border.png) repeat-x #fba627;
	border-bottom:1px solid #444;
	color:#634010;
	padding:20px 0;
	text-shadow:0 1px 0 #CCC;
}

#primary.about dt{
	font-size:22px;
}

body > #wrapper > #primary > dd{
	font-size:18px;
}

#primary.about dd{
	margin-bottom:15px;
	font-size:18px;
}

#primary.work{
	background:url(../images/border.png) repeat-x #00a14e;
	border-bottom:1px solid #222;
	color:#006F36;
	padding:20px 0;
	text-shadow:0 1px 0 #BBB;
}

#primary.work img.portfolio{
	border:1px dotted #AAA;
	margin-top:10px;
}

#primary.contact{
	background:url(../images/border.png) repeat-x #e10505;
	border-bottom:1px solid #222;
	color:#4c0400;
	padding:20px 0;
	text-shadow:0 1px 0 #999;
}

#primaryContent{
	margin:0 auto;
	width:950px;
}

/********************************************************************SECONDARY*/
#secondary.home{
	background:#18507a;
	border-top:1px solid #CCC;
	border-bottom:1px solid #111;
	color:#0a2335;
	padding:20px 0;
	text-shadow:0 1px 0 #777;
}

#secondary.home p{
	text-shadow:none;
}

#secondary.about{
	background:#DF870A;
	border-top:1px solid #EEE;
	border-bottom:1px solid #111;
	color:#57380d;
	font-size:18px;
	padding:20px 0;
	text-shadow:0 1px 0 #BBB;
}

#secondary.work{
	background:#006F36;
	border-top:1px solid #AAA;
	border-bottom:1px solid #111;
	color:#002713;
	padding:20px 0;
	text-shadow:0 1px 0 #999;
}

#secondary.contact{
	background:#b30606;
	border-top:1px solid #BBB;
	border-bottom:1px solid #111;
	color:#400c0a;
	padding:20px 0;
	text-shadow:0 1px 0 #888;
}

#secondaryContent{
	margin:0 auto;
	width:950px;
}

#primary h1 img,
#primary h2 img,
#secondary h1 img,
#secondary h2 img{
	margin-bottom:-3px;
}
/********************************************************************FOOTER*/
#footer{
	border-top:1px solid #AAA;
	font-family:Arial, Helvetica, sans-serif;
	height:200px;
	background:#444;
}

#footer ul li{
	float:right;
	list-style:none;
	margin-left:10px;
}

#footerContent{
	color:#BBB;
	font-size:14px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-shadow:0 1px 0 #222;
	width:950px;
}

#copyright{
	border-top:1px dotted #555;
	position:relative;
	margin-top:-40px;
	height:40px;
	clear:both;
	background:#444;
} 

#copyrightContent{
	color:#777;
	font-size:12px;
	margin:0 auto;
	padding:15px 0 0 0;
	width:950px;
}

/********************************************************************LINKS*/
#nav ul li a:link,
#nav ul li a:visited{
	border:none;
	color:#FFF;
	font-size:22px;
	text-decoration:none;
}

#nav ul li a:hover{
	border:none;
	color:#FFF;
	text-shadow:1px 1px 1px #111; 
}

#nav ul li a:active{
	border:none;
	color:#CCC;
}

a:link{
	border-bottom:1px dashed #000;
	color:#000;
	outline:none;
	text-decoration:none;
}

a:visited{
	border-bottom:1px dashed #333;
	color:#333;
	outline:none;
	text-decoration:none;
}

a:hover{
	border-bottom:1px dashed #FFF;
	color:#FFF;
	outline:none;
	text-decoration:none;
	text-shadow:1px 1px 1px #111; 
}

a:active{
	border-bottom:1px dashed #DDD;
	color:#DDD;
	outline:none;
	text-decoration:none;
	text-shadow:1px 1px 1px #111; 
}

#copyright a:link,
#copyright a:visited,
#footer a:link,
#footer a:visited{
	border-bottom:1px dashed #EEE;
	color:#EEE;
	text-decoration:none;
}

#copyright a:hover,
#footer a:hover{
	border-bottom:1px dashed #999;
	color:#999;
	text-decoration:none;
	text-shadow:none;
}

#copyright a:active,
#footer a:active{
	border-bottom:1px dashed #666;
	color:#666;
	text-decoration:none;
	text-shadow:none;
}

/********************************************************************MISC*/
img{
	border:none;
}

img a{
	border:none;
}

h1,h2,h3,h4,h5,h6{
	color:#000;
	font-family:Colaborate-Regular;
	margin:none;
}

.small{
	font-size:12px;
}

#twtr-widget-1{
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:none;
}

#twtr-widget-1 a:hover{
	text-decoration:none;
}

label{
	font-size:26px;
}

input{
	background:#F5F5F5;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	height:40px;
	padding:2px 5px 0 5px;
	-moz-border-radius:10px;
	

	-moz-box-shadow: inset 2px 2px 10px black;
	-webkit-box-shadow: inset 2px 2px 10px black;
}

textarea{
	background:#F5F5F5;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	padding:2px 5px 0 5px;
	-moz-border-radius:10px;
	

	-moz-box-shadow: inset 2px 2px 10px black;
	-webkit-box-shadow: inset 2px 2px 10px black;

}

input:focus,
textarea:focus{
	background:#CCC;
}

.formHelp{
	color:#AAA;
	font-size:14px;
	font-style:italic;
	text-shadow:none;
	padding-bottom:10px;
}

#submit,
#reset{
	background:#F5F5F5;
	border:1px solid #000;
	font-size:20px;
	height:30px;
	margin-top:10px;
}

a[href$='.pdf'] {
background:transparent url(../images/pdf.gif) center left no-repeat;
display:inline-block;
padding-left:23px;
line-height:15px;
}

a[href^="http://www."] {
background:transparent url(../images/external.png) center right no-repeat;
display:inline-block;
padding-right:15px;
}