@charset "utf-8";
/* Defaults */
*{ margin:0;padding:0; }
body  { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #000; background: url(../../images/bg2.jpg) repeat-x; }
a { text-decoration: none; color: #ccc; outline: none; }
a:hover { text-decoration: underline; color: #ccc; outline: none; }
a:visited { text-decoration: none; color: #ccc; outline: none; }
a:active { text-decoration: none; color: #ccc; outline: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
img { border: none; }
li { list-style: none;}
#wrapper { width: 960px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: visible; }

/* Header */
#header { width: 940px; height: 170px; padding: 10px; background: url() 270px 0px no-repeat; }
#logo { width: 475px; height: 100%; float: left; }

/* Navigation */
.nav { width: 320px; height: 30px; display: block; margin-left: 130px; padding-top: 60px; list-style: none; float: left; }
.nav li { list-style: none; margin: 0; padding: 0; float: left; }
.nav a { height: 30px; display: block; float: left; }
.nav a:hover, a.visited { background-position: 0 -30px; }
.nav span { display: none; }
.link1 { width: 70px; background: url(../../images/home.png) 0px 0px no-repeat; }
.link2 { width: 90px; background: url(../../images/portfolio.png) 0px 0px no-repeat; }
.link3 { width: 58px; background: url(../../images/blog.png) 0px 0px no-repeat; }
.link4 { width: 76px; background: url(../../images/contact.png) 0px 0px no-repeat; }

/* tier 1 */
#tier1 { width: 940px; height: 370px; }
	#main { margin-left: 20px; float: left; }
	#tag { width: 320px; height: 250px; margin-top: 50px; float: right; }
	.button { margin-top: 20px; }
	
/* tier 2 */
#tier2 { width: 960px; height: 270px; background: url(../../images/separators.png) center no-repeat; color: #ded6bc; font-size: 14px; }
	#left { width: 280px; height: 280px; float: left; margin-left: 30px; padding: 25px 0px 5px 0px; background: url(../../images/recent.png) no-repeat; }
		#left li { margin-top: 10px; }
		.link { text-align: right; }
	#middle { width: 280px; height: 300px; float: left; margin-left: 30px; padding: 25px 0px 5px 0px; background: url(../../images/alittleaboutus.png) no-repeat; }
		#middle p { padding-bottom: 5px; }
		#middle li { list-style: circle; margin-left: 15px; margin-top: 5px; }
	#right { width: 280px; height: 300px; float: left; margin-left: 25px; padding: 25px 0px 5px 0px; background: url(../../images/contactinformation.png) no-repeat; }
		#right p { padding-bottom: 10px; }
		#right .contactType { color: #fff; text-decoration: underline; }


/* Footer */
#footer { width: 960px; height: 100%; color: #111; font-size: 12px; padding-top: -10px; }
	#footer #copyright { width: 400px; height: 80px; float:left; line-height: 16px; padding-top: 20px;  }
	#footer #hosting { width: 400px; float: right; font-style: italic; text-align: right; }
	#footer a {color: #000;}
	
	
/* jQuery Popup */
#backgroundPopup{ display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000001; border:1px solid #cecece; z-index:1; }
#popupContact{ display:none; position:fixed; height:384px; width:408px; background:#23160d; border:12px solid #000; z-index:3; padding:12px; font-size:13px; color: #fff; }
#popupContact h1{ text-align:left; color:#e3a357; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ cursor: pointer; font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#e3a357; font-weight:700; display:block; }
#button{ text-align:center; margin:100px; }

#messageSent
            {
            	color:#ff9933;
            	display:none;
            }