/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

img,fieldset
{
	border:none;
}

/*** Main Layout ***/

html
{
	padding:10px;
	background:#fff;
}

body
{
	font-size:62.5%;
	background:#527F92 url("images/bg_texture.png") center top;
	color:#ffffff;
}

body,input,textarea
{
	font-family: helvetica, arial, sans-serif;
}

#headerContainer
{
	height:50px;
	background:#ffffff;
}

#header
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:50px;
}

#header #logo
{
	float:left;
	width:310px;
	height:50px;
	text-indent:-9999em;
	overflow:hidden;
	background:#628797 url("images/winterbaron-04.png") no-repeat left top;
}

#header #logo:hover
{
	opacity:0.7;
}

#nav
{
	max-width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:30px;
}

#nav ul
{
	float:right;
	list-style:none;
}

#nav ul li
{
	display:inline;
}

#nav ul li a
{
	float:left;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

#nav ul li a:hover
{
	opacity:0.5;
}

#navWork
{
	width:67px;
	background:url("images/nav_work.png") no-repeat 0px -1px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_work.png', sizingMethod='scale');
}

#navHome
{
	width:61px;
	background:url("images/nav_home.png") no-repeat 0px -1px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_home.png', sizingMethod='scale');
}

#navContact
{
	width:99px;
	background:url("images/nav_contact.png") no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_contact.png', sizingMethod='scale');
}

#navAbout
{
	width:73px;
	background:url("images/nav_about.png") no-repeat 0px -1px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_about.png', sizingMethod='scale');
}

#title
{
	height:101px;
	border-bottom:solid 50px #ffffff;
	margin:69px 0px 0px 0px;
}

#title h1
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	text-indent:-9999em;
	overflow:hidden;
}
/*
#title2
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("images/titles2.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#title3
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("images/titles3.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}
*/
#controlContainer
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	position:relative;	
}

#content
{
	max-width:940px;
	width:100%;
	padding:0px 20px 0px;
	margin:30px auto 40px;
	overflow:hidden;
}

#footerContainer
{
	background:url("images/footer_bg.gif") repeat-x left 30px;
}

#footer
{
	width:95%;
	max-width:940px;
	padding:0px 20px 20px;
	margin:0px auto;
	overflow:hidden;
}

#footer h2
{
	width:147px;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	background:url("images/subtitle_other.png") no-repeat left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_other.png', sizingMethod='crop');
}

#footer p
{
	padding:10px 0px 0px 0px;
	color:#222222;
	font-size:1.2em;
	font-weight:normal;
}

#footer p a
{
	color:#222222;
}

#socialNetworks a
{
	margin:0px 10px 0px 0px;
}

#secondaryLinks
{
	text-align:right;
}

p
{
	font-size:1.4em;
	line-height:1.429em;
	padding:0px 0px 13px 0px;
	font-weight:bold;
}

p.large
{
	font-size:1.7em;
	line-height:1.6em;
	letter-spacing:-1px;
	padding:8px 0px 16px 0px;
}

a
{
	color:#ffffff;
	outline:none;
}

h2
{
	padding:0px 0px 12px 0px;
}

h3
{
	font-size:1.4em;
	line-height:1.667em;
}

.singleColumn
{
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.doubleColumn
{
	float:left;
	width:220px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.quadColumn
{
	float:left;
	width:460px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.sixColumn
{
	float:left;
	width:700px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.endColumn
{
	margin:0px;
}

#socialNetworks
{
	width:60%;
	margin:0;
}

#secondaryLinks
{
	width:40%;
	margin:0;
}

.page
{
	float:left;
	width:95%;
	min-height:300px;
}

#home h2
{
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
}

label
{
	display:block;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

input
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	width:446px;
	margin:0px 0px 10px 0px;
	display:block;
}

textarea
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	width:446px;
	margin:0px 0px 10px 0px;
	height:120px;
}

input.error,
textarea.error
{
	background: #BB6767;
}

input.submit
{
	border:none;
	width:auto;
	display:block;
	padding:0px;
	background:none;
}

#topBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	_display:none;
}

#bottomBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	_display:none;
}

/*iPad layout*/
@media only screen and (min-width:541px) and (max-width:800px){
#nav
{
	margin-top:15px;
}

#secondaryLinks #links
{
	display:none;
}
}

/*iPhone layout*/
@media only screen and (max-width:540px){
#header
{
	width:auto;
}

#header #logo
{
	margin:0 auto;
	display:block;
	float:none;
}

#navcontainer
{
	margin:0 auto;
	display:table;
}

#nav
{
	margin-top:15px;
}

#nav ul
{
	float:none;
}

#controlContainer
{
	width:100%;
	padding:0;
}

#title h1
{
	background-size:100% !important;
	background-position:center bottom !important;
	padding:0;
	width:97% !important;
}

#hello
{
	width:100% !important;
}

#portrait
{
	width:100% !important;
	background-position:center !important;
}

#secondaryLinks #links
{
	display:none;
}
}

@media only screen and (max-width:370px){
#nav ul li
{
	display:block;
	margin:0 auto;
}

#nav ul li a
{
	margin:0 !important;
	padding-bottom:15px;
}

#header
{
	width:100%;
	padding:0;
}

#header #logo
{
	background-size:100% !important;
	background-position:center bottom !important;
	padding:0;
	width:87%;
}
}