@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
cursor:pointer;
color:#545241;
text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a img {
border:0;
}

.overflow {
	overflow:auto;
}

.fl_l {
	float:left;
}

.fl_r {
	float:right;
}

.alignright {
	text-align:right;
}

.corner {
	position:absolute;
	display:block;
}

html, body {margin:0;padding:0;width:100%;height:100%;}


html {
	background:url(../_images/bg.png) 0 0 repeat;
}

body {
font:13px/26px Arial,sans-serif;
color:#000;
background-position:center top;
position:relative;
}

.container {
	width:954px;
	margin:0 auto;
	z-index:10;
	position:relative; 
	min-height:100%;
	height:auto !important;
	height:100%;
	background-position:center 0;
}

.inner_container {
	min-height:644px;
	padding:110px 0 50px;
}

#menu_container {
	position:absolute;
	left:0px  !important;
	top:0px;
	height:85px;
	z-index:30;
	width:100%;
}

#nav {
	width:642px;
	margin:0 auto;
	height:21px;
	padding:32px 0 0 312px;
}

	#nav li {
		height:21px;
		display:block;
		float:left;
		background:url(../_images/nav_lst.gif) 0 12px no-repeat;
		padding:0 8px 0 13px;
	}
	
	#nav li.home {
		background:none;
	}
	
	#nav li.margin {
		background:none;
		margin-left:75px;
	}
	
		#nav li a {
			color:#2e2e2e;
			text-transform:uppercase;
			font:bold 15px/26px Arial,serif;
			text-decoration:none;
		}
		
		#nav li a:hover, #nav li.active a {
			color:#81385f;
		}

.menu_line {
	position:absolute;
	top:84px;
	background-color:#bfada4;
	height:1px;	
}

.menu_line.first {
	left:320px;
	width:147px;
}

.menu_line.first.bio {
	width:260px;
}


.menu_line.second {
	left:711px;
	width:226px;
}

.menu_line.first.resume {
	width:253px;
}

.menu_line.second.resume {
	left:720px;
	width:217px;
}

.menu_line.first.media {
	width:431px;
}

.menu_line.second.media {
	left:845px;
	width:92px;
}

.menu_line.first.portfolio {
	width:345px;
}

.menu_line.second.portfolio {
	left:790px;
	width:147px;
}

.menu_line.first.contact {
	width:259px;
}

.menu_line.second.contact {
	left:711px;
	width:227px;
}

.menu_line.first.news {
	width:287px;
}

.menu_line.second.news {
	left:727px;
	width:211px;
}


#logo {
	margin:0 0 55px;
	height:80px;
	width:294px;
	display:block;
	padding:0;
}

	#logo a {
		display:block;
		position:relative;
		height:100%;
		width:100%;
	}
	
		#logo a span {
			display:block;
			position:absolute;
			height:100%;
			width:100%;
			top:0;
			left:0;
			background-position:-98px -110px;
		}
		
		
	#logo a span, body, .container {
		background-image:url(../_images/main_bg.jpg);
		background-repeat:no-repeat;
	}
	
	
	div.home {
		width:302px;
		padding:38px 0 0 0;
	}
	
		div.home .entry p, div.bio .entry p {
			margin:0;
			padding:0 0 25px;
		}
		
	div.bio {		
		width:420px;
	}
	
.sub_nav {
	width:658px;
}		
	
	.sub_nav .pagetitle {
		float:left;
	}

	.pagetitle {
		display:block;
		height:25px;
		font:bold 32px/26px Arial;
		text-transform:uppercase;
		position:relative;
		z-index:10;
		padding:0 0 25px;
	}
	
		.pagetitle .bg {
			position:absolute;
			height:43px;
			width:56px;
			top:4px;
			left:-29px;
		}
		
		.pagetitle .bio {
			background-position:0 -68px;
		}
		
		.pagetitle .resume {
			background-position:0 -118px;
		}
		
		.pagetitle .news {
			background-position:0 -43px;
		}
		
		.pagetitle .contact {
			background-position:0 -168px;
		}

.sub_nav .pagetitle {
	padding:0;
}

.pagetitle.media {
	width:106px;
	margin-right:17px;
}
	
		.pagetitle.media .text {
			background-position:0 -93px;
		}
		
.pagetitle.portfolio {
	width:191px;
	margin-right:17px;
}

	.pagetitle.portfolio .text {
		background-position:0 -143px;
	}
		
		.pagetitle span {
			position:relative;
			z-index:10;
		}
		
		.pagetitle .text {
			height:25px;
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:100%;
			z-index:100;
		}
		
.pagetitle .bg, .pagetitle .text {
	background-image:url(../_images/headers.png);
	background-repeat:no-repeat;
}

.tab_container {
	float:left;
	width:534px;
}

.tab_container.portfolio_tabs {
	width:445px;
}

	.sub_nav .tab {
		display:block;
		float:left;
		height:26px;
		padding:0 13px;
		font:bold 11px/26px Arial;
		border:solid 1px #e1d5cd;
		background:none;
		text-decoration:none;
		text-transform:uppercase;
		margin:0 0 10px 8px;
		position:relative;
		z-index:20;
	}
	
		.sub_nav .tab:hover, .sub_nav .tab.active {
			color:#874165;
		}

.form p {
	padding:15px 0 0;
}

.form .inp_t {
	width:405px;
	height:18px;
	padding:9px;
	border:solid 1px #dbd1ca;
	color:#696563;
}

.form textarea {
	width:405px;
	height:88px;
	padding:9px;
	color:#696563;
	border:solid 1px #dbd1ca;
}

.form p.captcha {
	height:35px;
	display:block;
	width:424px;
}
	
	.form p.captcha img {
		border:solid 1px #dbd1ca;
		float:left;
		margin:0;
	}
	
	.form p.captcha .inp_t {
		width:252px;
		font-size:11px;
		height:15px;
		float:right;
	}
	
.form p.subm_contact {
	height:35px;
	width:424px;
	text-align:right;
	background:url(../_images/contact_btn.png) right 15px no-repeat;
}

	.form p.subm_contact input {
		width:126px;
		height:35px;
		color:#FFF;
		background:none;
		border:none;
		cursor:pointer;
		font:bold 14px/35px Arial;
		text-transform:uppercase;
		text-align:center;
	}
	
.error_msg {
	color:#d21a20;
	font:18px/24px Arial;
	display: none;
}

#gallery {
	height:352px;
	width:670px;
	position:relative;
	z-index:40;
}

#video_gallery {
	width:727px;
	height:420px;
	position:relative;
	z-index:40;
}

	.player {
		position:relative;
		z-index:30;
	}
		
	#gallery .thumb_container {
		display:block;
		float:left;
		height:165px;
		width:120px;
		border:solid 1px #dbd0cb;
		margin:0 12px 8px 0;
	}
	
	#video_gallery div.vid_container {
		float:left;
		margin:0 36px 0 0;
		width:205px;
		height:210px;
	}
	
		#video_gallery div.vid_container a.vid_thumb {
			padding:1px;
			display:block;
			border:solid 1px #dbd0cb;
			text-decoration:none;
			position:relative;
		}
		
			#video_gallery div.vid_container a.vid_thumb span.play {
				position:absolute;
				top:54px;
				left:80px;
				display:block;
				height:44px;
				width:44px;
			}
			
			a.vid_thumb span.play.first {
				background:url(../_images/play_first.png) 0 0 no-repeat;
			}
			
			a.vid_thumb span.play.second {
				background:url(../_images/play_second.png) 0 0 no-repeat;
			}
			
			a.vid_thumb span.play.third {
				background:url(../_images/play_third.png) 0 0 no-repeat;
			}
		
		div.vid_container h3, .entry h3 {
			color:#874165;
			font:bold 13px/18px Arial;
			padding:5px 0 0;
		}
		
		div.vid_container a, .player .entry a {
			color:#1a1a1a;
			font:bold 11px/14px Arial;
		}
		
		#mediaspace {
			padding:0 0 10px;
		}
	
.gallery_nav {
	height:26px;
	position:relative;
	border:solid 1px #dfd2ca;
	width:656px;
}

.video_nav {
	width:680px  !important;
}

#prev, #next, #next_vid, #prev_vid {
	display:block;
	height:13px;
	width:15px;
	position:absolute;
	top:6px;
	background-image:url(../_images/images_nav.png);
	background-repeat:no-repeat;
}

	#prev, #prev_vid {
		left:300px;
	}
	
	#next, #next_vid {
		left:330px;
		background-position:-15px 0;
	}

#footer {
	line-height:20px  !important;
	height:100px;
	margin:-100px auto 0;
	width:954px;
	position:relative;
	z-index:20;
}
#social_icons ul {
	height: 43px;
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
#social_icons ul li {
	float: left;
	margin-left: 15px;
}
#social_icons ul a{
	display: block;
	width: 36px;
	height: 43px;
	text-decoration: none;
	background: no-repeat left bottom;
}

#social_icons ul a:hover {
	background-position: left top;
}
#social_icons .icon_fb {
	background-image: url(../_images/icon_fb.png);
}
#social_icons .icon_msp {
	background-image: url(../_images/icon_msp.png);
}
#social_icons .icon_twt {
	background-image: url(../_images/icon_twt.png);
}
#social_icons .icon_bbtwt {
	background-image: url(../_images/icon_bbtwt.png);
}

.girl_bg {	
	position:absolute;
	z-index:30;
	height:775px;
	width:382px;
	left:468px;
	bottom:0;
	/*top:-725px;*/
	background-position:0 bottom;
	background-repeat:no-repeat;
}

.home_page {
	background-image:url(../_images/dina_main.png);

}

.bio_page {
	background-image:url(../_images/dina_bio.png);
	left:492px  !important;
}

.resume_page {
	background-image:url(../_images/dina_resume.png);
	left:506px  !important;
	width:495px;
}

.portfolio_page {
	background-image:url(../_images/dina_portfolio.png);
	left:643px  !important;
	width:326px;
}

.media_page {
	background-image:url(../_images/dina_media_new.png);
	left:623px  !important;
	width:363px;
}

.news_page {
	background-image:url(../_images/dina_news.png);
	left:451px  !important;
	width:495px;
}

.contact_page {
	background-image:url(../_images/dina_contact.png);
	left:506px  !important;
	width:495px;
}


/*
	User Formatting
*/

.entry img {
	margin:0 18px 10px 0;
	padding:1px;
	border:solid 1px #bfada4;
}

/*
    ColorBox Core Style
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{height:40px;padding:5px 0 10px 0;margin:0; font:13px/22px Arial;color:#2e2e2e;}
#cboxTitle p {padding:0 20px;}
#cboxTitle b  {font-weight:bold;}
#cboxTitle strong  {font-weight:bold;color:#874165;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
*/
#cboxOverlay{background:#000;}

    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#fff; padding:5px;}
        #cboxTitle{background-color:#FFF;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../_images/colorbox/controls.png) 0 0 no-repeat; width:47px; height:32px; text-indent:-9999px;}       
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../_images/colorbox/controls.png) right 0 no-repeat; width:47px; height:32px; text-indent:-9999px;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../_images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:-36px; right:5px; display:block; background:url(../_images/colorbox/controls.png) 0 -32px no-repeat; width:18px; height:17px; text-indent:-9999px;}
        
/* Opera fix */

.opera_fix {
	position:absolute;
	top:244px;
	left:0;
	overflow:hidden;
	width:420px;
	height:410px;
}