/*
Theme name: Dina
Description: Custom Theme
Author: Moshepc
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

html,body { height: 100%; }

body { 
	font-size: 12px;
	line-height: 1.4;
	font-family: 'HelveticaLightRegular', Arial, Helvetica, sans-serif;
	color: #4d4d4d; 
	background: #cdecfb; 
}

a { color: #7183b6; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }
a.img img { display: block; border: 1px solid #ccc; }

input, select, textarea { font: 11px Arial, sans-serif; color: #000; }
.field, textarea { background: #fff; border: 1px solid #ccc; }

input.submit { border: 0; cursor: pointer; }

textarea { overflow: auto; resize: none; }
fieldset { border: 0; padding-bottom: 15px; }

ul, ol { list-style: none outside none; }

.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.ac { display: block; text-align: center; }

.right { float: right !important; display: inline; }
.left { float: left !important; display: inline; }

.cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }
.rel { position: relative; }

#right-strip { position: absolute; top: 0; right: 0; width: 50%; z-index: -1; background: #f0c5b4; height: 100%; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; background: url(images/bg.png) repeat-y center 0; }

.shell-container { width: 1146px; margin: 0 auto; padding-top: 20px; }
.shell { height: 670px; background: #fff; padding: 75px 52px 0; }
 
#header {height: 85px;}

#logo { width: 281px; height: 39px; }
#logo a { display: block; height: 39px; background: url(images/logo.png) no-repeat 0 0; }

#navigation { list-style: none outside none; position: relative; overflow: hidden; padding-top: 20px; }
#navigation li { float: left; display: inline; background: url(images/nav-divider.png) no-repeat right center; padding-right: 18px; margin-right: 10px; }
#navigation li a { float: left; display: inline; font-size: 17px; color: #808080; font-family: 'SerifaThBTThin';  text-decoration: none !important; padding: 0 0 2px;}
#navigation li a:hover,
#navigation li.current_page_item a,
#navigation li.current-page-ancestor a,
#navigation li.current-menu-item a { border-bottom: 1px solid #808080; }
#navigation li.last { background: none; }

#main { padding-top: 20px; }

.col { width: 334px; height: 512px; position: relative; overflow: hidden; margin-right: 20px; }
.col img {position: absolute; top: 0; left: 0;}
.gray-bg { background: #f4f5f5; }
.dark-gray-bg { background: #f4f5f5; }
.last { margin-right: 0; }

.scroll-up,
.scroll-down { position: absolute; left: 19px; width: 13px; height: 15px; background: url(images/jsp-arrows.png) no-repeat 0 0; }
.scroll-down { bottom: 15px; background-position: 0 0; }
.scroll-up { top: 7px; background-position: -13px 0; }
.disable { display: none !important; }

.projects-list h3 { font-size: 15px; font-weight: normal; }
.projects-list ul { list-style: none outside none; background: url(images/border-bg.png) no-repeat 0 0; margin-top: 10px; padding-top: 10px; }
.projects-list li { background: url(images/border-bg.png) no-repeat 0 bottom; padding: 0 0 10px; margin-bottom: 10px; }
.projects-list li a { color: #4d4d4d; }
.projects-list li.current_page_item a { text-decoration: underline; } 

.contact { height: 512px; background: url(images/contact-bg.png) no-repeat 0 0; }
.contact a { color: #00aeef; }
.contact p { padding: 50px 0 0 45px; }

.scroll-area { margin: 30px 14px 30px; height: 440px; position: relative; overflow: hidden; }
.project-description {margin: 30px 26px 30px 14px !important; width: 293px;}

.project-template-1-img {position: relative; width: 687px; height: 512px;}
.project-template-1-img img {position: absolute; top: 0; left: 0;}

.links ul { list-style: none outside none; }
.links ul li { background: url(images/border-bg.png) no-repeat 0 bottom; padding: 0 0 10px; margin-bottom: 10px; }
.links-page-bg { width: 689px; height: 512px; background: url(images/links-page-bg.png) no-repeat 0 0; }

.content { width: 688px; height: 512px; position: relative; }

.back { padding-top: 5px; clear: both; overflow: hidden;}
.back a { font-size: 17px; color: #808080; font-family: 'SerifaThBTThin'; background: url(images/watch-video.png) no-repeat 0 8px; padding-left: 20px; text-decoration: none !important; float: left; padding-bottom: 2px;}
.back a:hover {border-bottom: 1px solid #808080; }

.project-info h3 { font-size: 15px; font-weight: normal; padding-bottom: 20px; }
.project-info p { padding-bottom: 20px; }
.project-info a.watch-video { font-size: 14px; color: #808080; background: url(images/watch-video.png) no-repeat 0 7px; padding-left: 20px; }

.video-player { width: 687px; height: 390px; padding-top: 60px; display: none; }

.small-images { list-style: none outside none; width: 340px; position: relative; margin-right: -6px; }
.small-images li { float: left; display: inline; width: 165px; height: 254px; padding: 0 4px 4px 0; }
.small-images img {position: static;}

.wide-col { width: 687px; position: relative; overflow: hidden; }
.project-description h3 { margin: 0 0 25px; font-size: 15px; font-weight: normal; color: #6d6e71; }
.project-description p { padding: 0 0 20px; }

.wide-wrapper .biography { padding: 35px 0 0 20px; }
.wide-wrapper .biography img {position: static;}
.wide-wrapper .col { width: 295px; }
.wide-wrapper p { padding: 0 0 15px; font-size: 12px; line-height: 18px; }

.wide-wrapper h3  { margin: 0 0 15px; font-size: 15px; font-weight: normal; color: #6d6e71;}