/*
---------------------------------------------------------------------
            GLOBAL STYLES 
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; margin: 0; padding: 0; }

/*Firefox produces a dotted outline that appears around links when you click on them. */
a { outline: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. */
#header li {
	/*\*/overflow: hidden;/**/
}

/* styles for IE 5 Mac */
 .wrapper {
        background: transparent;
        position: absolute;
        top: 50px;
		width: 100%;
 }
 
 /* following rules are invisible to IE 5 \*/
.wrapper {
	background: transparent;
	text-align: center;
	position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    margin-top: -300px;
    text-align: center;
    min-width: 870px; 
}
/* end IE 5 hack */ 
#container {
	height: 600px;
	width: 867px;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #d5d7d9;
	position: relative;
	background: #FFFFFF url(images/bg-main.gif) no-repeat;
}
#containerPortfolio {
	height: 600px;
	width: 867px;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #d5d7d9;
	position: relative;
	background: #FFFFFF url(images/bg-portfolio.gif) no-repeat right;
}
#containerPortfolioTV {
	height: 600px;
	width: 867px;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #d5d7d9;
	position: relative;
	background: #FFFFFF url(images/bg-portfolioTV.gif) no-repeat right;
}

p {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h1 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
/* CUSHY STYLE FIXES */ 

h2 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h3 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h4 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h5 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h6 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
h7 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
address {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
pre {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
div {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	margin-bottom: 16px;
	letter-spacing: .05em;
}
/* - */ 

a {
	color: #7a4386;
	text-decoration: none;
}
a:visited {
	color: #7a4386;
	text-decoration: none;
}
a:hover, a:active {
	color: #f36d3a;
	text-decoration: none;
}
a img {
	border: 0px;
	outline: none;
	}
.introFirst {
	font: 16px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #7a4386;
}
.intro {
	font: 10px/26px Verdana, Arial, Helvetica, sans-serif;
}

.nobg {
	background: none !important;
}
#logo {
	position: absolute;
	height: 150px;
	left: 42px;
	top: 348px;
	background-color: #fff;
	border: 0px;
}
#email {
	position: absolute;
	height: 24px;
	width: 135px;
	left: 41px;
	top: 530px;
	border: 0px;
}
#portfolio {
	height: 541px;
	width: 541px;
	overflow: visible;
	position: absolute;
	z-index: 3;
	left: 35px;
	top: 35px;
}
#navigation {
	height: 13px;
	width: 500px;
	position: absolute;
	left: 42px;
	top: 79px;
	text-align: left;
}
#slideshowTag {
	height: 13px;
	width: 268px;
	position: absolute;
	left: 340px;
	top: 49px;
	text-align: left;
}	
#subnav {
	height: 13px;
	width: 300px;
	position: absolute;
	left: 342px;
	top: 49px;
	text-align: left;
	z-index: 3;
}
.nav {
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#mainText {
	position: absolute;
	width: 470px;
	left: 340px;
	top: 130px;
	z-index: 3;
	overflow: auto;
	overflow-x: hidden;
}
#mainTextClients {
	position: absolute;
	width: 525px;
	left: 340px;
	top: 150px;
	margin-right: 50px;
	z-index: 3;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
}
#mainHome {
	position: absolute;
	width: 470px;
	left: 340px;
	top: 80px;
	z-index: 3;
}
#mainText-home {
	position: absolute;
	width: 465px;
	left: 340px;
	top: 417px;
	z-index: 3;
}
#mainText-more {
	position: absolute;
	width: 420px;
	left: 340px;
	top: 153px;
	z-index: 3;
}
.moreLink {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	text-align: right;
	left: 00px;
	top: 35px;
	z-index: 3;
}

.email {
	position: absolute;
	height: 24px;
	width: 135px;
	left: 741px;
	top: 530px;
	border: 0px;
}
#mainSlides {
	position: absolute;
	left: 315px;
	top: 70px;
	text-align: left;
	height: 530px;
	width: 552px;
	overflow: visible;
	vertical-align: bottom;
	z-index: 0;
}
#mainSlidesTV {
	position: absolute;
	left: 370px;
	top: 110px;
	text-align: left;
	overflow: visible;
	vertical-align: bottom;
	border: 12px solid #ffffff;
}

.formFill {
	line-height: normal;
	letter-spacing: normal;
	height: 20px;
	width: 224px;
	margin-bottom: 6px;
	border: 1px solid #808080;
}
.messageInput {
	line-height: normal;
	letter-spacing: normal;
	height: 60px;
	width: 224px;
	margin-bottom: 6px;
	border: 1px solid #808080;
}
.submitBtn {
	margin-left: 170px;
}


/* -- WEB PORTFOLIO --*/

#numbers {
	position: absolute;
	width: 502px;
	left: 341px;
	top: 80px;
	border: 0px;
	outline: 0px;
	text-align:center;
}
.webNumbers {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 18px;
}
.webNumbers a:link {
	color: #999999;
	text-decoration: none;
}
.webNumbers a:hover, a:active {
	color: #f36d3a;
	text-decoration: none;
}


#thumbs {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	width: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	visibility: hidden;	
}
.thumb {
	visibility: hidden;
}
.centered {
	text-align:center;
	}
.heading {
	color: #F47D30;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	
}
.caption {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	position: absolute;
	visibility: hidden;
	width: 500px;
	left: 347px;
	top: 528px;
	letter-spacing: 0.1em;
}
.purple {
	color: #7a4386;
}
.visitSite {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	position: absolute;
	visibility: hidden;
	left: 400px;
	top: 10px;
	z-index: 3;
}	
.portfolioImg {
	visibility: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 45px;
	left: 32px;
	z-index: 3;
	}
.welcome {
	float: left;
}
.mice {
	font-size: 9px;
	}
.paddingRight {
	margin-right: 60px;
}