/* Copyright © 2005-2009 Tina Poe. All rights reserved */

/* Main */
body {width: 6570px; height: 775px; color:#212227; font-size:13px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/background.jpg); background-color:#7790a9; background-repeat:repeat-x; margin:0px;}
a img{border:none;}
a {text-decoration:none; color:#51013d;}
a:hover {color:#51013d;}

/* Introduction */
.intro {height:775px; width:693px; float:left; margin-left:200px;}
#logo {height:480px; width:687px; background-image: url(../images/tina-poe-logo.png); background-repeat:no-repeat;}
#talk {height:177px; width:307px; background-image: url(../images/talking-bee-icon.png); background-repeat:no-repeat;}
#copyright {color:#ccdff1; font-size:9px; margin-left:80px;}

/* Menu */
.menu {height:775px; width:285px; float:left;}
.buffer {height:775px; width:200px; float:left;}
.illustration {height:169px; width:230px; background-image: url(../images/illustration-icon.png); background-repeat:no-repeat;}
.illustrationback {height:169px; width:230px; background-image: url(../images/illustration-icon-back.png); background-repeat:no-repeat;}
.info {height:160px; width:257px; background-image: url(../images/info-icon.png); background-repeat:no-repeat;}
.infoback {height:160px; width:257px; background-image: url(../images/info-icon-back.png); background-repeat:no-repeat;}
.shop {height:150px; width:285px; background-image: url(../images/shop-icon.png); background-repeat:no-repeat;}
.blog {height:222px; width:237px; background-image: url(../images/blog-icon.png); background-repeat:no-repeat;}
.home {height:92px; width:89px; background-image: url(../images/home.png); background-repeat:no-repeat; margin-left:50px;}

/* Sections */
#illustrationtitle {height:571px; width:120px; float:left; margin-left:-220px; background-image: url(../images/illustration-title.png); background-position: top; background-repeat:no-repeat;}
.copyblock {width:550px; float:left; margin-left:-170px;}
.copy {margin-left:15px; width:520px;}
#infotitle {height:119px; width:548px; background-image: url(../images/info-title.png); background-position: top; background-repeat:no-repeat;}
h1 {font-weight:bold; font-size:18px; color:#fff; margin-left:15px;}
#resume {height:199px; width:162px; float:left; background-image: url(../images/resume-icon.png); background-position: top; background-repeat:no-repeat;}
#linkedin {height:222px; width:224px; padding-left:505px;background-image: url(../images/linkedin-icon.png); background-position: top; background-repeat:no-repeat;}
#shoptitle {height:119px; width:298px; background-image: url(../images/shop-title.png); background-position: top; background-repeat:no-repeat;}
.tina {background-image: url(http://tinapoe.com/site_graphics/tina.jpg); background-position: top; background-repeat:no-repeat; width:128px; height:128px; float:left; margin-right:15px;}


/* Contact Form */
.error {font-size: 8px; color: red;  margin-left: 15px;  display:none;}
.higher {margin-top:-35px;}

/* Slider */
#slider {height:520px; width: 510px; position: relative; float:left; margin-left:-110px; background-image: url(../images/slider.png); background-position: center; background-repeat:no-repeat; margin-top:50px;}
.scroll {height: 500px; width: 510px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: scroll; margin-top:10px;}
.scrollContainer div.panel {padding-left: 20px; height: 520px; width: 490px;}
.scrollButtons {position: absolute; top: 0px; cursor: pointer; margin-top:-50px;}
.scrollButtons.left {left: -5px; height:50px; width:520px;}
.scrollButtons.right {right:-5px; height:50px; width:520px; margin-top:520px;}
.description {height:10px; width:325px; font-size:9px; margin-top:2px; margin-left:20px; padding-left:0px; padding-top:0px;}

/* Highslide */
.highslide-container div {
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border: none;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border: none;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: black;
	padding-left: 22px;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/close-gray.png);
}