@import url(http://fonts.googleapis.com/css?family=Exo:100italic,600);

/* General styling */

body { background-image:url(images/bg.jpg); background-repeat: repeat; margin: 0; }

.container { text-align: center; margin: 0 auto 0 auto; }
div.content > div { margin-left: 30px; margin-right: 30px }

img { border: none;}

.header_container { background-image: url(images/gradient_head_left.gif); background-repeat: repeat-y; background-color: #2e2e2e; border-bottom: 4px #b4f200 solid; }
.header_container > div { background-image: url(images/gradient_head_right.gif); background-repeat: repeat-y; background-position: right;}
.header { height: 46px; background-image: url(images/three_sheep_white.png); background-repeat: no-repeat; background-position: 20px 30px; width: 960px; margin: 0 auto 0 auto; text-align: left; padding-top: 20px; padding-bottom: 30px;}

.top_nav { margin-left: 220px; padding-top: 22px;}
.top_nav ul { margin: 0;}
.top_nav li { display: inline; padding-right: 1.5em;}
.top_nav a { text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.2em;}
.top_nav a:hover { color: #b4f200;}

.breadcrumbs { float: right; padding-right: 30px;}
.breadcrumbs li { display: inline; font-family: Helvetica, Verdana, Arial; color: #b4f200; font-size: 0.85em;}
.breadcrumbs li:last-child { color: #333;}
.breadcrumbs a { font-family: Helvetica, Verdana, Arial; color: #333; font-size: 1em; text-decoration: none;}

.content { width: 960px; margin: 0 auto 0 auto; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); }
#home .content h1 { font-family: 'Exo', sans-serif; font-size: 2.5em; letter-spacing: 0.1em; color: #2e2e2e; text-align: left; padding-left: 30px; margin-top: 0; padding-top: 30px; margin-bottom: 0;}
#home .content h2 { font-family: 'Exo', sans-serif; font-style: italic; font-size: 1.45em; letter-spacing: 0.15em; color: #2e2e2e; text-align: left; padding-left: 30px; margin-top: 0; padding-bottom: 30px;}
.content h1 { font-family: 'Exo', sans-serif; font-size: 1.5em; letter-spacing: 0.1em; color: #2e2e2e; text-align: left; padding-left: 30px; margin-top: 0; padding-top: 30px; margin-bottom: 0;}
.content h2 { font-family: 'Exo', sans-serif; font-style: italic; font-size: 0.88em; letter-spacing: 0.15em; color: #2e2e2e; text-align: left; padding-left: 30px; margin-top: 0; padding-bottom: 30px;}

.white_bg { clear: both; padding-bottom: 20px;}

.footer_info { width: 960px; margin: 0 auto 0 auto; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 0.8em;}

/* Flex slider */

div.content div .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: right;}
div.content div .flex-control-paging li a { color: rgba(0, 0, 0, 0.01); }
div.content .flex-control-paging li a.flex-active { background: #b4f200; cursor: default; }

/* About page */

div.about { width: 650px; text-align: left; float: left;}
div.about p { font-family: Helvetica, Verdana, Arial; color: #333; font-size: 0.9em; font-weight: 100; text-align: justify; line-height: 1.5em; padding-top: 5px;}
div.about a { font-weight: 700; text-decoration: none; color: #333;}
div.about a:hover { color: #b4f200;}

.jubie_pic { text-align: right; padding-top: 25px;}

/* Thumbnails */
.thumbnails { text-align: left; }
.thumbnails a { text-align: center; width: 156px; display: inline-block; font-family: Helvetica, Verdana, Arial; color: #333; font-size: 0.9em; font-weight: 100; text-decoration: none; margin-right: 25px; vertical-align: top; margin-bottom: 30px;}
.thumbnails span { display: block; margin-top: 10px;}
.thumbnails .fifth { margin-right: 0;}

/* Portfolio item */
div.item_desc { border-right: 1px #ccc solid; margin-right: 593px; padding-right: 30px;}
div.item_desc p { text-align: left; font-family: Helvetica, Verdana, Arial; color: #333; font-size: 0.9em; font-weight: 100; line-height: 1.5em; margin-top: 0;}
div.item_desc p:last-child { text-align: justify;}
.clear_images { clear: right;}

div.item_pic { float: right; width: 563px; text-align: left; }
div.item_pic img { padding-bottom: 30px;} 
div.item_pic img:last-child { padding-bottom: 0;}