@charset "UTF-8";

@import url("reset.css");

/* Global
---------------------------------------------------*/

body {
	background: url(layout/bodybg.gif) fixed;
	color: #333;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 1.618em;
	height: auto;
	position: relative;
	color: #002644;
}
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

/* Accessability Warnings
---------------------------------------------------*/

div.warning-box {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(layout/warningboxbg.png);
	color: #fff;
	border-bottom: 1px solid #000;
	z-index: 9999;
}
div.warning-box p {
	margin: 2% 2% 2% 1%;
	float: right;
	width: 67%;
}
div.warning-box h1 {
	font-size: 1.618em;
	padding: 2% 1% 2% 2%;
	float: left;
	width: 27%;
	text-align: right;
}
div.warning-box strong {
	font-weight: bold;
}
div.warning-box a, div.warning-box a:visited {
	text-decoration: none;
	color: #fff;
	font-style: italic;
	border-bottom: 1px dotted;
}
div.warning-box a:hover, div.warning-box a:active {
	border-bottom: solid;
}

/* Layout
---------------------------------------------------*/

#wrapper {
	width: 960px;
}
#header {
	width: 269px;
	float: left;
	background: url(layout/headerbg.gif);
	position: fixed;
	height: 100%;
	color: #fff;
	border-right: 1px solid #000;
}
#body {
	background: #fff;
	float: right;
	width: 690px;
	border-right: 1px solid #e6e4e4;
}

/* Header
---------------------------------------------------*/

#header h1 {
	background: url(layout/h1bg.png) #000000 no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 239px;
	padding: 20px 0 20px 30px;
	border-right: 1px solid #0178a5;
}
#header h1 a, #header h1 a:visited {
	display: block;
	height: 59px;
}

/* Navigation
---------------------------------------------------*/

#nav {
	text-align: right;
	margin: 0 30px;
	border-bottom: 1px solid #333;
	padding: 1.618em 0 0 0;
}
#nav li {
	margin: 0 -1px 1.618em 0;
}
#nav li.contact {
	border-bottom: 1px solid #000;
	padding-bottom: 1.618em;
	margin-bottom: 0;
}
#nav a, #nav a:visited {
	display: block;
	line-height: 35px;
	margin-right: -30px;
	padding: 0 30px 0 0;
	height: 35px;
	font-size: 1.618em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}
#nav a:hover, #nav a:active {
	color: #00aeef;
}
#nav a.active, #nav a.active:visited {
	color: #00aeef;
	background-image: url(layout/nav-aactivebg.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/* Social Media
---------------------------------------------------*/

#social {
	margin: 0 30px;
	border-bottom: 1px solid #000;
	text-align: right;
}
#social li {
	float: left;
	display:inline;
}
#social li a, #social li a:visited {
	display: block;
	padding: 2em 0px 2em 0;
	width: 50px;
	color: #fff;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
#social li a:hover, #social li a:active {
	color: #00aeef;
}
#social li.twitter a, #social li.twitter a:visited {
	background: url(layout/twitter.png) right center no-repeat;
}
#social li.linkedin a, #social li.linkedin a:visited {
	background: url(layout/linkedin.png) right center no-repeat;
}
#social li.rss a, #social li.rss a:visited {
	background: url(layout/rss.png) right center no-repeat;
}
#social li.facebook a, #social li.facebook a:visited {
	background: url(layout/facebook.png) right center no-repeat;
}

/* Copyright
---------------------------------------------------*/

p.copyright {
	text-align: right;
	margin: 0 30px;
	font-size: 10px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}
p.copyright span {
	display: block;
	padding: 1em 0;
	border-bottom: 1px solid #000;
}

/* Body
---------------------------------------------------*/

h2 {
	line-height: 59px;
	margin: 15px 0 25px 30px;
	font-size: 4.618em;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
	color: #00aeef;
}
h3 {
	font-size: 2.0em;
	line-height: 1.1em;
	padding: .618em 0;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	margin: 0 30px 30px 30px;
	color: #333;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}

/* Portfolio
---------------------------------------------------*/

#portfolio {
	margin: 0 30px .618em 30px;
	color: #fff;
}
#portfolio li {
	height: 183px;
	overflow: hidden;
	margin: 0 0 30px 0;
	width:610px;
	background: #000;
	padding: 8px;
	
}

#portfolio img {
	position: absolute;
	bottom: 51%;
	left: 0%;
}
#portfolio div.info {
	height: 307px;
	width: 548px;
	padding: 30px;
	
	position: relative;

	overflow: hidden;
}
#portfolio div.info h4 {
	font-size: 1.618em;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	border-top: 1px dotted #fff;
	padding: 1em 0 10px 0;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#portfolio div.info p {
	margin: 0 0 1.618em 0;
}
#portfolio div.info ul {
	margin: 0 0 1.618em 0;
}
#portfolio div.info li {
	overflow: visible;
	background: none;
	height: auto;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	border: none;
	z-index: 1;
	
}
#portfolio p.sitelink {
	border-top: 1px dotted #fff;
	padding: 1em 0 0 0;
	margin: 0;
}
#portfolio p.sitelink a, #portfolio p.sitelink a:visited {
	color: #fff;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	text-decoration: none;
	background: url(layout/external-link.png) left center no-repeat;
	padding: 0 0 0 25px;
	text-transform: uppercase;
}
#portfolio p.sitelink a:hover, #portfolio p.sitelink a:active {
	color: #00aeef;
}

/* Process
---------------------------------------------------*/

#process {
	margin: 0 30px 30px 30px;

}
#process h4 {
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 1.618em;
	padding: 0 0 .618em 0;
	color: #00aeef;
}
#process h4 span.sub {
	display: block;
	text-transform: none;
	font-size: .618em;
	text-transform: uppercase;
}
#process h4 span.main {
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#process div.description {
	padding: 0 0 .381em 0;
	margin: 0 0 1.618em 0;
	border-bottom: 1px dotted #333;
}
#process div.description p {
	margin: 0 0 1em 0;
	color: #254551;
}

/* Services
---------------------------------------------------*/

#services-nav {
	margin: 30px;
}
#services-nav div {
	width: 50%;
	float: left;
}
#services-nav h4 {
	font-size: 1.618em;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	border-bottom: 1px dotted #333;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 10px 0;
	margin: 0 30px 0 0;
	color: #00aeef;
}
#services-nav a, #services-nav a:visited {
	text-decoration: none;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	padding: 5px 0 5px 25px;
	text-transform: uppercase;
	display: block;
	color: #333;
	border-bottom: 1px dotted #333;
	margin: 0 30px 0 0;
	background-image: url(layout/down.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#services-nav a:hover, #services-nav a:active {
	color: #00aeef;
}
#services {
	margin: 10px 30px 750px 30px;
	border-top: 1px dotted #333;
    
}
#services div {
	padding: 30px 0 0 0;
	border-bottom: 1px dotted #333;
}
#services h4 {
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	font-size: 1.618em;
	margin: 0 0 .618em 0;
	color: #00aeef;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#services p {
	margin: 0 0 1em 0;
	color: #254551;
}
#services p.top {
}
#services p.top a, #services p.top a:visited {
	text-decoration: none;
	color: #333;
	display: block;
	background-image: url(layout/up.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding: 10px 0 10px 25px;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}
#services p.top a:hover, #services p.top a:active {
	color: #00aeef;
}

/* About
---------------------------------------------------*/

#staff {
	margin: 30px;
}
#staff div.staff-member {
	margin: 0 0 30px 0;
}
#staff div.image {
	border: 1px solid #e6e4e4;
	background: #eee;
	padding: 8px;
	float: left;
	height: 200px;
}
#staff img {
	border: 1px solid #e6e4e4;
}
#staff div.description {
	width: 360px;
	float: right;
}
#staff h4 {
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	font-size: 1.618em;
	margin: 0 0 .618em 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #333;
	color: #00aeef;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#staff p {
	margin: 0 0 1em 0;
	color: #254551;
}
#staff p.email {
	border-top: 1px dotted #333;
}
#staff p.email a, #staff p.email a:visited {
	display: block;
	background: url(layout/email.png) left center no-repeat;
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}
#staff p.email a:hover, #staff p.email a:active {
	color: #00aeef;
}

/* Contact
---------------------------------------------------*/

#contact {
	margin: 30px;
}
#contact h4 {
	font-size: 1.618em;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	padding: 0 0 10px 0;
	margin: 0 0 .618em 0;
	border-bottom: 1px dotted #333;
	color: #00aeef;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#contact form {
	width: 300px;
	float: left;
}
#contact fieldset input, #contact fieldset textarea {
	display: block;
	width: 300px;
	border: 0;
	padding: 5px;
	border: 1px solid #333;
}
#contact fieldset input:focus, #contact fieldset textarea:focus {
	border: 1px solid #00aeef;
}
#contact fieldset textarea {
	height: 100px;
}
#contact input.submit {
	margin: 0 0 1em 0;
	display: block;
}
#contact li {
	margin: 0 0 1em 0;
}
#contact #physical {
	width: 270px;
	float: right;
}
#contact a, #contact a:visited {
	display: block;
	background: url(layout/email.png) left center no-repeat;
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}
#contact a:hover, #contact a:active {
	color: #00aeef;
}
#contact p {
	margin: 0 0 1em 0;
	color: #254551;
}
#contact p.success {
	color: #72b301;
}
#contact p.error {
	color: #ff0000;
}
#portfolio1 {
	margin: 0 30px .618em 30px;
	color: #fff;
}
#portfolio1 li {
	height: 370px;
	width:600px;
	overflow: hidden;
margin-left:-30px;
	border-right: 10px solid #000;
background: #000;
	padding: 8px;
}
#portfolio1 img {
	position: absolute;
	bottom: 0%;
	left: 0%;
}
#portfolio1 div.info {
	height: 307px;
	width: 548px;
	height: 307px;
	width: 548px;
	padding: 30px;
	
	position: relative;

	overflow: hidden;
}
#portfolio1 div.info1 {
	height: 307px;
	width: 548px;
	padding: 30px;
	background: url(layout/divinfobg.gif);
	position: relative;
	border: 1px solid #e6e4e4;
	overflow: hidden;
}
#portfolio1 div.info h4 {
	font-size: 1.618em;
	text-transform: uppercase;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	border-top: 1px dotted #fff;
	padding: 1em 0 10px 0;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
}
#portfolio1 div.info p {
	margin: 0 0 1.618em 0;
}
#portfolio1 div.info ul {
	margin: 0 0 1.618em 0;
}
#portfolio1 div.info li {
	overflow: visible;
	background: none;
	height: auto;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	border: none;
	z-index: 1;
}
#portfolio1 p.sitelink {
	border-top: 1px dotted #fff;
	padding: 1em 0 0 0;
	margin: 0;
}
#portfolio1 p.sitelink a, #portfolio1 p.sitelink a:visited {
	color: #fff;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
	text-decoration: none;
	background: url(layout/external-link.png) left center no-repeat;
	padding: 0 0 0 25px;
	text-transform: uppercase;
}
#portfolio1 p.sitelink a:hover, #portfolio1 p.sitelink a:active {
	color: #00aeef;
}

#testi{
float:right;
margin-right:-270px;
*margin-left:25px;

margin-top:50px;
background:url(layout/frame1.png) no-repeat;
width:230px;
height:230px;
}
#testi{
*margin-top:70px;
}
#testi p{
margin-top:0px;
margin-left:20px;

}

#testi p h4 {
	font-size: 1.8em;
	line-height: 1.0em;
   
	color: #333;
	font-family: "madawaska-1","madawaska-2",Rockwell,Helvetica,sans-serif;
}

#qblog{
float:right;
margin-right:-247px;
margin-top:90px;
*margin-left:15px;
width:230px;
height:230px;

}

#slide{
float:right;
margin-right:-270px;
*margin-left:25px;

margin-top:300px;

width:230px;
height:230px;
}

.msg{
color:red;
}