/*------------------------------------------------------
D.V.A. Productions Style Sheet

version:   1.0
author:    Kristin Kramer, Kramer Publishing Interactive
email:     kristin@kramerpublishinginteractive.com
website:   http://www.kramerpublishinginteractive.com
-------------------------------------------------------*/
/* = Globals = */

/* Remove padding and margin on IE*/
* {
    margin: 0;
    padding: 0;
}

/* = Global Image Settings = */

/* get rid of borders on images */
img {
    border: 0;
}

/* = Global FLOATS = */

/* Class for clearing floats */
.clear {
    clear:both;
}

/* = Global COLORS=  */

/* green text: #91c384; light green #b5daac; magenta #c60070; */

/* = Global Links =   */

a:link {font: inherit; color: #91c384; text-decoration: none;}
a:visited {font: inherit; color: #91c384; text-decoration: none;}
a:hover {font: inherit; color: #000; text-decoration: none;}
a:active {font: inherit; color: #c60070; text-decoration: none;}

.whiteRoll a:hover {font: inherit; color: #fff; text-decoration: none;}

/*-----------------------------------------------------------------------------*/
/* = Main Layout =
/*-----------------------------------------------------------------------------*/

/* all divs have z-index values to ensure proper printing of the page -
if a background image were used, or a z-index of higher than 2 is used,
printing the page would not produce the offending elements. */

div#wrapper {position: relative; margin: auto; text-align: left; top: 0; width: 780px; padding: 0px; z-index: 0;}
body {text-align: center; padding: 0px; font: 500 13px "Century Gothic", Tahoma, Verdana, sans-serif;}

div#Back {position: relative; margin: 0px; width: 780px; height: 594px; padding: 0px; z-index: 0;}
	div#topNav {position: absolute; top: 43px; left: 230px; z-index: 1;}
	div#mainContent {position: absolute; left:0; top: 72px; width: 780px; height: 518px; z-index: 0;}
	div#mainPhoto {position: absolute; left: 24px; top: 84px; width: 214px; height: 219px; z-index: 0;}
	div#mainProfilePhoto {position: absolute; left: 24px; top: 78px; width: 214px; height: 219px; z-index: 0;}
	div#infoTop {position: absolute; left: 280px; top: 60px; width: 480px; height: 242px; padding-top: 30px; text-align: center; z-index: 0;}
	div#infoBottom {position: absolute; left: 24px; top: 343px; width: 738px; height: 160px; padding-right: 10px; text-align: left; z-index: 0;}
	div#mainBottom {position: absolute; left: 24px; top: 344px; width: 735px; height: 160px; text-align: left; z-index: 0;}

	div#portfolioTitle {position: absolute; right: 324px; top: 25px; text-align: right; z-index: 0;}
	div#portfolioList {position: absolute; right: 24px; width: 284px; top: 86px; text-align: right; z-index: 0;}
	div#viewer {position: absolute; left: 22px; width: 440px; height: 270px; top: 62px; text-align: right; background-color: #000000; z-index: 0;}

div#footer {position: relative; width: 780px; padding-top: 6px; text-align: center; z-index: 0;}

/*---------------------------------*/
/* = div#Back classes = (header)*/
/*---------------------------------*/

.topNavClass {font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#c60070; padding: 0px;}

/*---------------------------------*/
/* = div#mainContentArea classes = */
/*---------------------------------*/

.infoTop {font: 900 15px "Century Gothic", Tahoma, Verdana, sans-serif; color:#fff; letter-spacing: .01em;}
.infoBottom {font: 500 12px Georgia, Tahoma, Verdana, sans-serif; color:#000; line-height: 15px;}
.infoBottom2 {font: 500 12px Georgia, Tahoma, Verdana, sans-serif; color:#000; line-height: 14px;}

.portfolioTitle {font: italic 900 20px "Century Gothic", Tahoma, Verdana, sans-serif; color:#000;}
.portfolioList {font: 900 12px "Century Gothic", Tahoma, Verdana, sans-serif; color: #b5daac; line-height: 16px;}
.portfolioList a{font-style: italic; color:#b5daac;}
.portfolioList a:hover{font-style: italic; color:#c60070;}

.regTitle {font: 900 13px "Century Gothic", Tahoma, Verdana, sans-serif; color:#00a5e3; padding: 0px;}
.regInfoText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.regLocationText {font: 500 11px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px; line-height: 11px;}
.regBtns a{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#586777; padding: 0px;}
.regBtns a:hover{font: 900 14px "Century Gothic", Tahoma, Verdana, sans-serif; color:#00a5e3; padding: 0px;}

span#right {position: absolute; right:0; text-align: right;}

/*---------------------------*/
/* = div#bottomNav Classes = */
/*---------------------------*/

.footerClass {font: 900 10px "Century Gothic", Tahoma, Verdana, sans-serif; color: #91c384; padding: 0px; text-align: center;}