/*
Theme Name: Des Hamilton
Theme URI: http://www.deshamilton.com/
Description: The Des Hamilton theme.
Author: Den Creative
Author URI: http://www.dencreative.com/
Version: 1.0
*/


@charset "UTF-8";
body {
	font: 12px 'PT Sans Narrow', sans-serif;
	margin: 0;
	padding: 0;
	color: #1d1d1b;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	font-weight: normal;
	padding-left: 15px; 
}

p {font-size: 14px;text-align: justify;}

ul li {font-size: 14px;}

h1 {font-size: 24px;}
h2 {font-size: 22px;}


a img { 
	border: none;
}

a:link, a:visited, a:hover, a:active, a:focus {
	color: #716F6F;
	text-decoration: none; 
}

nav a:link, nav a:visited {color: #1d1d1b;}
nav a:hover, nav a:active, nav a:focus, nav .current-menu-item a {color: #716f6f;}

.the_big_category_image_text a:link, .the_image_text a:link, .the_category_image_text a:link, 
.the_big_category_image_text a:visited, .the_image_text a:visited, .the_category_image_text a:visited {color: #fff;}

/*
.the_big_category_image_text a:hover, .the_image_text a:hover, .the_category_image_text a:hover, 
.the_big_category_image_text a:active, .the_image_text a:active, .the_category_image_text a:active,
.the_big_category_image_text a:focus, .the_image_text a:focus, .the_category_image_text a:focus {color: #000;}
*/

a.black:link, a.black:visited {color:#000000;}

.fltright {float: right;}
.fltleft {float: left; width: 350px;}
.clear {clear:both;}


nav {
	display:block;
	float:right;
	margin-top: 10px;
}
nav ul li {font-size: 17px; float:left; list-style:none; padding-left: 8px; padding-right:8px;}
nav ul li:last-child {padding-right:0px;}


.container {
	width: 900px;
	position: relative;
	background: #FFF;
	overflow: hidden;
	margin: 0 auto 25px; 
}


.transparent_layer {background: url("images/bg_fade.png");
	display: none;
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	width: 440px;
	height: 184px;
	color: #000;
}
.big_transparent_layer {background: url("images/bg_fade.png");
	display: none;
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 376px;
	color: #000;
}


.whatever {font-family: 'PT Sans Narrow', sans-serif;}

header {
	height: 50px;
	display: block;
	padding-top:25px;
	margin-bottom: 50px;
}

#header_close {margin-bottom: 0px;}

section {overflow: hidden;}
section.page {margin-top: 30px;}
section.page h2 {font-size: 19px;}
section.home img {}

/* Jobs Page */

section.Placement ul, section.Placement ul li {margin-left:15px;}
section.Placement ul {margin-bottom:15px;}
section.Placement ul ul li {list-style-type: none;}

/* Contact Page */

section.Contact {margin-top: 10px;}
section.Contact p {font-size: 17px;} 
section.Contact h2 {margin-top: 30px;margin-bottom: 10px;}
section.Contact a:link, section.contact a:visited {color:#000;}

section h2, section h1, section p {padding-left: 5px; padding-right: 0px;}
#the_top_image {position:relative; width: 900px; height: 376px; overflow: hidden;}
#the_top_image_text { bottom: 15px; left: auto; right: 25px;}

.the_image {position:relative; width:440px; height:184px; overflow: hidden;margin-bottom: 20px; }
.the_image_big {position:relative; width:900px; height:376px; overflow: hidden; margin-bottom: 20px; }
.the_image_text, .the_category_image_text, .the_big_category_image_text {position:absolute; z-index: 25; left:0px; bottom: 0px;}

.the_image_text h2 a {display: block; height: 34px; width: 420px; padding-left: 20px; padding-top: 150px }

.the_category_image_text h2 a {display: block; height: 54px; width: 420px; padding-left: 20px; padding-top: 130px }

.the_big_category_image_text h2 a {display: block; height: 54px; width: 880px; padding-left: 20px; padding-top: 322px }

.the_big_category_image_text h2, .the_category_image_text h2, .the_image_text h2 {
	margin: 0;
	padding:0;
	line-height: 18px;
}

.the_big_category_image_text h2 a span, .the_category_image_text h2 a span {font-size: 14px; }




.in_production {
	color: #fff;
	float: left;
	height: auto;
	width: 185px;
	background-color: #716f6f;
	padding-left: 20px;
	padding-right: 20px;
}

/* CV Page */

.cv {width: 750px;}
.cv h1, .in_production h1 {padding-left: 0; font-size: 22px;}
.cv h3, .in_production h3 {font-size: 18px; padding-left: 0; padding-right: 5px ; display:inline;}
.cv p, .in_production p {padding-left: 5px; display:inline;}
.in_production_entry {margin-bottom:20px;}
.in_production header {margin-bottom:0px; padding-top: 15px; height: 40px;}

/* Front Page Content */

.content {margin-top: 14px; float:right; width:670px; line-height: 20px;}
.content p {padding-right: 0px;}

/* Footer */

footer.home {margin-bottom: 0; position:absolute; clear:both; bottom:0;right:0;}
footer {
	padding-top:25px;
	margin-top: 25px;
	margin-bottom: 50px;
}
footer nav {
	margin-top: 40px;
}

footer nav span, footer nav span a:link, footer nav span a:visited {color: #999;}

/* Slider */

.nivoSlider {
    position:relative;
    width:900px; /* Change this to your images width */
    height:376px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
    margin-bottom: 20px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{width: 700px;}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:7px solid #fff; background:#fff;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

/* to allow for drop shadow */

#cboxMiddleRight, #cboxMiddleLeft {width:20px;}
#cboxTopCenter, #cboxBottomCenter {height:12px;}
		
        #cboxTitle{position:absolute; top:20px; left:250px; color:#1d1d1b; font-size: 22px;}
        #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; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:0px; right:-33px; display:block; background:url(images/close.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}