/*
Theme Name: Moegly Design
Author: Nicholas Moeggenberg
Version: 1.0
*/

html {
	height:100%
}

body {
	height:100%
}

#Portfolio a {
	color: #2d3a64;
}

#Steambg {
	left: 530px; 
	position: relative; 
	top: 500px; 
	width:93px; 
	height:133px;
}

#Steam { 
	background: url('http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/steam.png') no-repeat;
	width: 92px; 
	height: 133px;  
	z-index:1;
	position: relative;
	left: 530px; 
	top: 490px; 
}

#Portraitbg {
	height: 525px;
    	margin-left: auto;
    	margin-right: auto;
    	width: 1001px;
	overflow: hidden;
}

#Portrait {
	background: url('http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/selfportraitfinal.png') no-repeat;
	height:474px;
	width:1001px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	position:absolute;
	z-index:100;
}


#FishBowl {
	background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/fishbowl.png") no-repeat scroll 0 0 transparent;
    height: 178px;
    left: 227px;
    margin: 0;
    position: relative;
    top: 287px;
    width: 223px;
}

.Charlie {
	background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/charliesprite1.png") no-repeat scroll 0 0 transparent;
    	height: 54px;
    	left: 40px;
    	position: absolute;
    	top: 75px;
    	width: 78px;
	cursor:pointer;
}

.CharliePuff {
	background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/charliesprite1.png") no-repeat 0 100%;
    height: 84px;
    left: 40px;
    position: absolute;
    top: 63px;
    width: 86px;
}

#Intro {
background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/intro.png") no-repeat scroll transparent;
    	height: 220px;
    	margin-left: 140px;
    	margin-top: 35px;
    	position: absolute;
    	width: 420px;
}

#Officebg {
	width:1037px;
	height:400px;
	position:fixed;
	z-index:1;
	margin-left: 15px;
	top:20px;
}

#Office {
	background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/fulloffice.png") no-repeat scroll;
	width:1037px;
	height:466px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	left:15px;
}

#Link {
	float: right;
    	height: 130px;
    	left: 720px;
    	position: absolute;
    	top: 320px;
    	width: 225px;
	cursor: pointer;
}

#RWBanner {
	height: 31px;
    	margin-left: auto;
    	margin-right: auto;
    	position: relative;
    	width: 263px;
    	z-index: 120;
	margin-top:4px;
}

#WebBanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:7px;
	margin-bottom:2px;
	width:234px;
	height:31px;
}

a {
	color:#1c4579;
	text-decoration:none;
}

a:hover {
	color:#0a1e38;
	}

a:active {
	color:#8c8b8b;
	}

span a {
	color:#1c4579;
	text-decoration:none;
}

img a {
	border:0;
	decoration:none;
}

img {
	border:0 none;
}

p a {
	color:#1c4579;
	text-decoration:none;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	text-align:left;
	margin:5px 10px 10px 10px;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #8c8b8b;
	font-weight:300;
	margin-top:12px;
}

h4 a {

	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #efeff1;
	font-weight:300;
	-moz-transition: all 0.3s ease-in 0s;
    	-webkit-transition: all 0.3s ease-in 0s;
    	transition: all 0.3s ease-in 0s;
}

h4 a:hover {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #ffffff;
	font-weight:300;
}

h1 {
	color: #1C4579;
    	text-decoration: none;
	font-family: Century Gothic, sans-serif;
	font-size: 15px;
	margin:0px;
	padding:0px;
	line-height:0px;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #FFFFFF;
	-moz-text-shadow: 0 1px 1px #FFFFFF;
	-webkit-text-shadow: 0 1px 1px #FFFFFF;
}

h1 a {
	color: #1C4579;
    	text-decoration: none;
	font-family: Century Gothic, sans-serif;
	font-size: 15px;
	margin:0px;
	line-height:0px;
	text-transform:uppercase;
	padding:0px;
}

h2 {
	color: #1C4579;
   	font-size: 12px;
    	letter-spacing: 1px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}

h3 {
 	 color: #1C4579;
   	 font-family: Century Gothic, sans-serif;
   	 font-size: 15px;
   	 line-height: 18px;
   	 margin-top:-5px;
  	 text-decoration: none;
  	 text-transform: uppercase;
}

h3 a {
	color: #1C4579;
    	text-decoration: none;
	font-family: Century Gothic, sans-serif;
	font-size: 15px;
	margin:0px;
	line-height:18px;
	text-transform:uppercase;
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #8c8b8b;
	font-weight:400;
	line-height:0px;
	margin-bottom: 2px;
	letter-spacing: 1px;
	margin-top:0;
}

h7 {
	color: #1C4579;
   	font-size: 15px;
    	letter-spacing: 1px;
	font-family: Century Gothic, sans-serif;
	text-transform:uppercase;
}

h8 {
	color: #1C4579;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 8px;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}

h9 {
 	color: #646464;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 14px;
    	line-height: 22px;
}

h2 a{
 	color: #1C4579;
   	 font-family: Helvetica,Arial,sans-serif;
   	 font-size: 12px;
   	 line-height: 16px;
   	 margin-top:-5px;
  	 text-decoration: none;
}

h2 a:hover{
 	color:#0a1e38;
   	 font-family: Helvetica,Arial,sans-serif;
   	 font-size: 12px;
   	 line-height: 16px;
   	 margin-top:-5px;
  	 text-decoration: none;
}

.SidebarHeader {
	border-bottom: 1px dashed #CCCCCC;
    	border-top: 1px dashed #CCCCCC;
    	font-weight: bold;
    	letter-spacing: 1px;
    	padding: 10px 0;
    	text-transform: uppercase;
    	width: 220px;
}

body {
	background-image: url(Elements/background2.jpg);
	margin:0px;
	padding:0px;
}
#Wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#HomeWrapper {
	width: 1094px;
	margin-right: auto;
	margin-left: auto;
}

#PhotographyWrapper {
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

#Navbanner {
	background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/navbanner1.png") repeat scroll 0 0 transparent;
    	height: 71px;
    	margin-left: auto;
    	margin-right: auto;
    	width: 1094px;
}

#HeaderWrapper {
	margin-left: auto;
    	margin-right: auto;
    	width: 960px;
}

#PhotoHeader {
	background-image: url("Elements/background.jpg");
    	height: 50px;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: 998;
}

#Banner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #1c4579;
	margin-top: 40px;
}

#Recentwork {
	border-bottom: 1px dashed #CCCCCC;
    	width: 960px;
	margin: 0 auto;
}

#Photoheader {
    color: #B0B0B0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 6px;
    letter-spacing: 5px;
    margin: 0px auto 20px;
    width: 462px;
}

#Footer {
	width: 960px;
	float:left;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	letter-spacing: 4px;
	margin-bottom:30px;
}

#FooterWrap {
	margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#Header {
	height: 40px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 10px;
    	width: 100%;
	top:0;
	z-index:999;
	position: relative;
}

#logo {
    background: url("http://www.moeglydesign.com/wp-content/uploads/2014/11/Nicholas-Moegly-Logo1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 47px;
    margin-top: 16px;
    width: 130px;
}

#Nav {
	float: right;
   	vertical-align: bottom;
	margin-right: 3px;
	margin-top: 3px;
}

#headerdashes {
    	color: #CCCCCC;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	letter-spacing: 4px;
    	margin: 33px auto 0;
    	position: absolute;
    	width: 960px;
}

#Dropshadow {
	background-image: url(Elements/Dropshadow.png);
	height: 23px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}

#Recentworkexamples {
	width: 960px;
	margin-left: 15px;
}


#AboutPhoto {
	height: 351px;
	width: 960px;
	margin: 45px auto 25px;
	background:url(Elements/profilephoto.jpg)
}

#AboutText {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#646464;
	width: 450px;
	line-height:26px;
	margin:0 auto 40px;
	text-align: justify;
}

#Services {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#646464;
	line-height:22px;
	float: left;
	width: 450px;
}

#Brands {
	float: right;
	width: 450px;
	padding-top:1px;
}

#Blog {
	width: 710px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #646464;
	line-height: 22px;
	float:left;
}

#BlogWrapper {
	width:960px;
	margin: 60px auto 0px;
}

.BlogHead {
	width:710px;
	height:50px;
	margin-bottom: -10px;
}

#Sidebar {
	width:220px;
	float:right;
	color: #646464;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	line-height: 20px;
}

#Recentblogbg {
	background: url(http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Recentblogbg.jpg) repeat-x;
	width:100%;
	height:410px;
	padding-top:40px;
}


#Sidebarphoto {
	width:150px;
	float:right;
	color: #646464;
    	font-family: Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	line-height: 18px;
	margin-left: 620px;
    	position: fixed;
}

.textwidget {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #646464;
	line-height: 18px;
	margin-bottom: 20px;
}

.tweets {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #646464;
	line-height: 20px;
	list-style-type: none; 
	padding:0px;
}

.ir { 
	display: block; 
	text-indent: -999em; 
	overflow: hidden; 
	background-repeat: no-repeat; 
	text-align: left; 
	direction: ltr; 
	}

#facebook {
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Facebook.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    position: relative;
    width: 140px;
    margin-left:auto;
    margin-right:auto;
}

#facebook span {
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Facebook.png") no-repeat scroll 0 100% transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
 }

#facebook:hover span {
        opacity: 1;
}

#twitter {
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Twitter.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    position: relative;
    width: 140px;
    margin-left:auto;
    margin-right:auto;
}

#twitter span {
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Twitter.png") no-repeat scroll 0 100% transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
 }

#twitter:hover span{
	opacity:1;
}

.twitter-follow-button {
	width:220px !important;
	}

#Tumblr {
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Tumblr1.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    position: relative;
    width: 140px;
    margin-left:auto;
    margin-right:auto;
}

#Tumblr span {
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Tumblr1.png") no-repeat scroll 0 100% transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
 }

#Tumblr:hover span {
        opacity: 1;
}

#Dribbble {
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Dribbble.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    position: relative;
    width: 140px;
    margin-left:auto;
    margin-right:auto;
}

#Dribbble span {
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/Dribbble.png") no-repeat scroll 0 100% transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
 }

#Dribbble:hover span {
        opacity: 1;
}



#linkedin {
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/linkedin.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    position: relative;
    width: 119px;
    margin-left:auto;
    margin-right:auto;
}

#linkedin span {
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    background: url("http://moeglydesign.com/wp-content/themes/MoeglyDesign/Elements/linkedin.png") no-repeat scroll 0 100% transparent;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
 }

#linkedin:hover span{
	opacity:1;
}


li {
	margin-bottom:10px;
	list-style: none;
}


ul {
	padding:0px;
}

.cat-item {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	list-style-type: none; 
	padding:0px;
}


.wpcf7-text {
	background: none repeat scroll 0 0 white;
    	border: 1px solid #ccc;
    	font-family: helvetica,Arial,sans-serif;
    	font-size: 18px;
    	height: 30px;
    	padding: 2px 5px 0;
	width:320px;
	margin-top: 5px;
}

textarea {
	background: none repeat scroll 0 0 white;
        width: 691px;
	border: 1px solid #ccc;
    	font-family: helvetica,Arial,sans-serif;
    	font-size: 14px;
	padding: 4px 5px 0;
	margin-top: 5px;
}


.wpcf7-submit {
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4d81', endColorstr='#223c65'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2c4d81), to(#223c65)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #2c4d81, #223c65); /* for firefox 3.6+ */ 
	padding: 10px 25px;
	color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
	border: 1px solid #4e93cc;
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	margin:0 auto;
	cursor:pointer;
}

.wpcf7-submit:hover {
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e5188', endColorstr='#284574'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e5188), to(#284574)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #2e5188, #284574); /* for firefox 3.6+ */ 
	padding: 10px 25px;
	color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
	border: 1px solid #4e93cc;
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	cursor:pointer;
}

.wpcf7-submit:active {
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223c65', endColorstr='#2c4d81'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#223c65), to(#2c4d81)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #223c65, #2c4d81); /* for firefox 3.6+ */ 
	padding: 10px 25px;
	color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
	border: 1px solid #4e93cc;
	-moz-box-shadow: inset 0 -3px 5px #1b476c;
	-webkit-box-shadow: inset 0 -3px 5px #1b476c;
	box-shadow: inner 0 -3px 5px #1b476c;
	cursor:pointer;
}

.wpcf7-not-valid-tip-no-ajax {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #8c8b8b;
	font-weight:400;
}

/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    background: #ffffff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    float: left;
    height: 148px;
    margin: 9px 9px 9px 9px;
    overflow: hidden;
    position: relative;
    width: 224px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

.viewport a img {
    height: 131px;
    left: 8px;
    position: relative;
    top: 8px;
    width: 208px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 16px;
    font-family:Arial, Helvetica, sans-serif;
    height:100%;
	width: 100%;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index:100;
}

    .viewport a span em {
        display: block;
        font-size: 10px;
        font-weight: normal;
		text-decoration:none;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.4);
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:208px;
	height:131px;
  
}

    .dark-background em {
        color: #ccc;
    }

/* - - - - Color Change - - - - - */

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		white url() repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	color:			#ffffff;
	background:		black url() repeat-x 0 0 scroll;
}

img#wpstats {
	width:0px;
	height:0px;
	overflow:hidden
}



.aligncenter wp-post-image tfe {
	margin:10px;
}


/**************************************************
*
*	CONTAINER STYLES
*
**************************************************/

#horiz_container_outer
{
    height: 495px;
    margin: 30px auto 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#horiz_container
{
	width: 9960px;
	margin:0px;
	padding:0px;
	height:480px;
}

#horiz_container ul
{
	margin:0px; padding:0px;
	float:left;
}

#horiz_container_inner
{
	padding:5px;
	padding-left:0px;
}

#horiz_container li
{
	list-style:none;
	display: inline-table;
	margin: 0 10px;
}

#horiz_container li img
{
	padding:0px;
	margin:0px;
}




/**************************************************
*
*	SCROLLING STYLES
*
**************************************************/

#scrollbar 
{ 
    position:relative; 
    width:815px; height:12px;
    display:block;
    font-size:1px;
    top:0px;
    margin: 10px auto 0;
}

#track 
{ 
    position:absolute; left:0px; top:0;
    width:815px; height:12px; 
    background: #676767;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#dragBar 
{
    position:absolute; left:0px; top:0px;
    width:20px; height:10px; 
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.39, rgb(229,229,229)),
    color-stop(0.7, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(229,229,229) 39%,
    rgb(245,245,245) 70%
);

}  
  
#left_scroll
{ 
	position:absolute; 
	border-color: transparent gray transparent transparent;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
	top:1px;
	left:-15px;
}  

#right_scroll 
{ 
	position:absolute; 
	right:-15px; 
	top:1px;
	border-color: transparent transparent transparent gray;
	border-style: solid;
	border-width: 5px;
	width: 0;
	height: 0px;
	cursor:pointer;
}

/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
    -moz-user-select: none;
    -khtml-user-select: none;
}



.garagedoor a:active, .under_header a:active, .header a:focus, .under_header a:focus {
	outline: none; -moz-outline-style: none;
}

.garagedoor img {
	border: 0px; display: block;	
}

.item .mouse {
	height: 25px;
	width: 70px;
	
	margin:0;padding:0;border:0;display:block;left:0;position:absolute;cursor:pointer;top:0;
}

.item .mouse img {
	height: 25px;
	width: 70px;
	
	margin:0;padding:0;
}

.item {
	height: 25px;
	width: 70px;
	color: black;
	
	overflow:hidden;display:block;overflow:hidden;position:relative;margin:0;padding:0;float:left;background-repeat:no-repeat;text-decoration: none;
}

.item .underlay {
	padding-top: 5px;
	color: black;
	
	position:absolute;left:0px;top:0px;
}

.item .overlay {
	height: 25px;
	width: 70px;
	
	margin:0;padding:0;border:0;left:0;position:absolute;top:0;
}




#nav {
	margin: 0;
	padding: 7px 6px 0;
	background: #7d7d7d url(img/gradient.png) repeat-x 0 -110px;
	line-height: 100%;

	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#Nav li {
	margin: 0 5px;
	padding: 0 0 7px 10px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link hover */
#Nav .current a, #Nav li:hover > a {
	
}

/* sub levels link hover */
#Nav ul li:hover a, #Nav li:hover li a {

}
#Nav ul a:hover {

}

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

/* level 2 list */
#Nav ul {
	display: none;
	margin: 0;
	padding: 25px 0 0 0;
	width: 162px;
	height: 145px;
	position: absolute;
	left: 0;
	top:8px;
	background: url(http://www.moeglydesign.com/wp-content/uploads/2012/02/Dropdown.png) no-repeat;

#Nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	font-size:10px;
}

#subnav li {
	color: #000000;
}

.list {
	font-size:10px;
}

#Nav ul a {
	font-weight: normal;
	color:#1C4579;
}

#Nav ul a:hover {
	font-weight: normal;
	color:#0a1e38;
}

#Tabs {
	margin: 0 auto;
    	padding: 0;
    	width: 500px;
}

ul .tabButtons li {
	display: inline;
    	margin: 0 10px;
}


/* level 3+ list */
#Nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#Nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#Nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#Nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#Nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #Nav {
	height: 1%;
}