/*
Project: Herdlinger
Author: Ivan Novak
Author URI: http://www.inwebservices.net
*/

/*
========================================================
Meyer Reset
========================================================
*/

/* v1.0 | 20080212 */

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;
	padding: 33;
}
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;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 804px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:47px;
}

.container_12 .grid_2 {
	width:114px;
}

.container_12 .grid_3 {
	width:181px;
}

.container_12 .grid_4 {
	width:248px;
}

.container_12 .grid_5 {
	width:315px;
}

.container_12 .grid_6 {
	width:382px;
}

.container_12 .grid_7 {
	width:449px;
}

.container_12 .grid_8 {
	width:516px;
}

.container_12 .grid_9 {
	width:583px;
}

.container_12 .grid_10 {
	width:350px;
}

.container_12 .grid_11 {
	width:717px;
}

.container_12 .grid_12 {
	width:784px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:67px;
}

.container_12 .prefix_2 {
	padding-left:134px;
}

.container_12 .prefix_3 {
	padding-left:201px;
}

.container_12 .prefix_4 {
	padding-left:268px;
}

.container_12 .prefix_5 {
	padding-left:335px;
}

.container_12 .prefix_6 {
	padding-left:402px;
}

.container_12 .prefix_7 {
	padding-left:469px;
}

.container_12 .prefix_8 {
	padding-left:536px;
}

.container_12 .prefix_9 {
	padding-left:603px;
}

.container_12 .prefix_10 {
	padding-left:670px;
}

.container_12 .prefix_11 {
	padding-left:737px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:67px;
}

.container_12 .suffix_2 {
	padding-right:134px;
}

.container_12 .suffix_3 {
	padding-right:201px;
}

.container_12 .suffix_4 {
	padding-right:268px;
}

.container_12 .suffix_5 {
	padding-right:335px;
}

.container_12 .suffix_6 {
	padding-right:402px;
}

.container_12 .suffix_7 {
	padding-right:469px;
}

.container_12 .suffix_8 {
	padding-right:536px;
}

.container_12 .suffix_9 {
	padding-right:603px;
}

.container_12 .suffix_10 {
	padding-right:670px;
}

.container_12 .suffix_11 {
	padding-right:737px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:67px;
}

.container_12 .push_2 {
	left:134px;
}

.container_12 .push_3 {
	left:201px;
}

.container_12 .push_4 {
	left:268px;
}

.container_12 .push_5 {
	left:335px;
}

.container_12 .push_6 {
	left:402px;
}

.container_12 .push_7 {
	left:469px;
}

.container_12 .push_8 {
	left:536px;
}

.container_12 .push_9 {
	left:603px;
}

.container_12 .push_10 {
	left:670px;
}

.container_12 .push_11 {
	left:737px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-67px;
}

.container_12 .pull_2 {
	left:-134px;
}

.container_12 .pull_3 {
	left:-201px;
}

.container_12 .pull_4 {
	left:-268px;
}

.container_12 .pull_5 {
	left:-335px;
}

.container_12 .pull_6 {
	left:-402px;
}

.container_12 .pull_7 {
	left:-469px;
}

.container_12 .pull_8 {
	left:-536px;
}

.container_12 .pull_9 {
	left:-603px;
}

.container_12 .pull_10 {
	left:-670px;
}

.container_12 .pull_11 {
	left:-737px;
}

/*
========================================================
Basic HTML
========================================================
*/

body {
	font: 14px/1.5 Georgia, serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/*
========================================================
Headings
========================================================
*/
h1,h2,h3,h4,h5,h6,p {
	margin-bottom: 10px;
}
h1 {
	font-size: 250%;
}

h2 {
	font-size: 210%;
}

h3 {
	font-size: 180%;
}

h4 {
	font-size: 140%;
}

h5 {
	font-size: 120%;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	font-weight: bold;
}

/*
========================================================
Project Specific
========================================================
*/
body {background: url(../img/bg_gridRepeat.gif) repeat;}
#headerWrap {
	background: url(../img/bg_clouds.png) repeat-x bottom left;
	padding-bottom: 85px;
}
	#logo {
		float: left;
	}
	#nav {
		float: left;
		width: 180px;
		font-size: 12px;
	}
		#nav li {
			padding: 10px;
			background-color: black;
			margin-bottom: 5px;
		}
			#nav li a {
				color: white;
				font-style: italic;
				text-transform: uppercase;
				text-decoration: none;
				font-weight: bold;
			}
			#nav li a:hover {
				text-decoration: underline;
			}
	#newsletter {
	float: right;
	background-color: black;
	padding: 8px;
	margin-bottom: 56px;
	}
		#newsletter p {
			font-size: 17px;
			font-style: italic;
			color: white;
			padding: 0;
			margin: 0;
		}
			#newsletter p span.blue {
				font-style: normal;
				color: #0290b6;
				font-family: Tahoma;
			}
	#cu3erWrap {
		background-image: url(/assets/img/herd_03.jpg);
		background-repeat: no-repeat;		
		float: right;
		height: 344px;
		width: 570px;
		padding: 5px;
	}
	#cu3er-container {
		width:570px;
		outline:0;
		float: right;
	}
#headerWrap.inner {
	padding-bottom: 70px;
}
	#headerWrap.inner h2 {
		color: #6b4731;
	}

#midWrap {
	background-color: #0290b6;
	color: black;
	padding-bottom: 50px;
}
	#mid h1 {
		font-style: italic;
		color: #6b4731;
	}
	#mid p {
		font-style: italic;
	}
	#mid div.inner,
	#iphone {
		color: #e8ded6;
	}
	#iphone p {
		margin: 0;
	}
	#iphone p.title {
		font-size: 24px;
	}
		#iphone p.title span {
			font-size: 20px;
			font-family: Tahoma;
			font-style: normal;
		}
		#iphone p a {
			float: right;
			font-family: Tahoma;
			font-size: 16px;
			font-style: normal;
			color: #e8ded6;
			text-decoration: none;
		}
			#iphone p a:hover {
				text-decoration: underline;
			}
	#mid div.inner p {
		font-size: 16px;
	}
	#mid div.inner p + p{
	text-indent: 0em;
	}
	#mid #navigation {
		margin-bottom: 30px;
	}
	#mid #navigation ul {
		margin-top: 0;
	}
	#mid ul {
		margin-top: 20px;
	}
	#mid ul li {
		list-style: none;
	}
	#mid ul li a {
		font-size: 16px;
		color: white;
		font-style: italic;
		text-decoration: none;
	}
	#mid ul li a:hover {
		text-decoration: underline;
	}
	#mid form input[type='text'],
	#footer form input[type='text']{
		background:transparent none repeat scroll 0 0;
		border:1px solid white;
		font-size:16px;
		font-style:italic;
		margin-bottom:5px;
		padding:8px 10px;
		width:227px;
	}
	#mid form input[type='submit'],
	#footer form input[type='submit']{
		background-color: black;
		font-family: Tahoma;
		color: white;
		border: none;
		padding: 5px 20px;
		margin-top: 15px;
		font-size: 16px;
		float: right;
		cursor: pointer;
	}
		#mic {
			margin-top: -30px;
		}
		#mic.sub {
			margin-left:-140px;
			margin-top:-30px;
			width:320px;
		}
			#mic.sub .text {
				width: 180px;
				float: right;
				margin-top: 40px;
			}
	.ui-tabs .ui-tabs-hide {
     display: none;
	}
	#iphone {
		position: relative;
		right: 165px;
	}
		#iphone .text {
			position: relative;
			top:-100px;
			left: 140px;
		}
#footerWrap {
	background-color: black;
	padding: 20px 0;
}
	#footer,
	#footer a {
		color: white;
	}
		#footer a {
			font-style: italic;
			text-decoration: none;
		}
			#footer a:hover {
				text-decoration: underline;
			}
	
	#footer form input[type='text'] {
		color: white;
	}
	#footer form input[type='submit']{
		color: black;
		background-color: white;
	}

/*
========================================================
Utility Styles
========================================================
*/

.center {display: block; margin: 0 auto;}
.left {float: left;}
.right {float: right;}
.clr {clear: both;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */