/*---------Wurwal Design - Web stylesheet - Thomas Wurwal---------*/

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

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; }

html {
	background:url(sitegraphics/bg.gif) repeat-x #b6e4c9;
}

body {	
	background: url(sitegraphics/bgprewrapper.gif) top center no-repeat;
	overflow-x(y):hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 72%;
}

* {
	margin: 0;
	padding: 0;
}

p {
	color: #333;
}

#homeText p.highlightbig {
	font-family:georgia, serif;
	font-size:17px;
	font-style:italic;
	line-height:1.7em;
	
}

#homeText p.dark {
	color:#333;
}

#homeText p.light {
	color:#666;
}

a:link, a:visited {
	color:#333;
	text-decoration: none;	
}

#contentMain a:link, #contentMain a:visited {
	color:#b23c25;
	
}

a:hover, a:active {
	color:#b23c25;	
}

.highlight5 {
	font-size:120%;
	font-style:italic;
}

.highlight4 {
	font-size: 110%;
	font-weight:bold;
	color:#fff;
}

.highlight3 {
	font-weight:bold;
	font-style:italic;
}


.highlight2 {
	color:#b23c25;
	font-weight:bold;
}

.highlight {
	font-weight:bold;

}

.imageright {
	float:right;
	
}

.imageleft {
	float:left;	
}

#homeFlash {
	float:right;
	margin-bottom:15px;
}

#homeContactPanel {
	float:right;
	width:350px;
	margin-bottom:15px
}

#homeText {
		float:left;
		width:340px;
}

.cvButton {
		float:right;
		margin:0 0px 20px 0px;
}



/* Lightbox */

#imageDetails h1 {
	color:#b23c25;
	font-size:120%;
	margin-bottom:8px;
}

#imageDetails p{
	color:#333333;
	font-size:110%;
	font-weight:normal;
	margin-bottom:15px;
}

#imageDetails a {
	color:#b23c25;
}


/*--------------------WRAPPERS--------------------*/


#wrapper {
	width:816px;
	margin:0px auto 20px auto;	
	background: url(sitegraphics/bgwrapper.gif) 0 -2px no-repeat #fff;
	position:relative;
}

#contentWrapper {
	width:758px;
	background:#FFF;
	margin:0px auto 0px auto;
	border:solid 4px #b3d3c0;	
}

/*--------------------BRANDING--------------------*/

#branding {
	position:relative;
	width:758px;
	height:156px;
}


#heartBubble {
	
}

/*--------------------CONTENT--------------------*/




#nav {
	width:815px;
	height:62px;
}

#nav ul {
	float:right;
	width:450px;
	padding: 22px 24px 0 0;

}
#nav li {
	float:right;
	display:block;
	margin-right:0.8em;
	padding-right:0.8em;
	border-right: solid 1px #333;
}

#nav li.lastNavItem {
	margin-right:0;
	border:none;
}

#nav li.downloadCv {
	padding:0;
	margin-right:0;
	border:none;
}

#contentMain {
	background:url(sitegraphics/bgcontentmain.gif) top right no-repeat #fff; 
	width:718px;
	padding:18px 20px 0px 20px;
}

#nav a {
	font-size: 11.5px;
}


#contentMain p {
	margin-bottom:1em;
	line-height:2em;
	color: #666;
    font-size: 13px;
}

#contentMain h1 {
	display:block;
	margin-bottom:1em;
	height:32px;
	width:550px;	
	text-indent: -1984px;	
}

#contentMain h2 {
	margin-bottom:0.6em;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	font-size:130%;
	color:#333;
}

#contentMain h3 {
	margin-bottom:0.5em;
	padding-bottom:0.2em;
	border-bottom: solid 1px #b23c25;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	font-size:135%;
	color:#b23c25;
}

.sideHeader {
	float:right;
	width: 350px;
}

.headerHome {background:url(sitegraphics/h1_home.gif) no-repeat 0 0;}

.headerWeb {background:url(sitegraphics/h1_web.gif) no-repeat 0 0;}

.headerIllustration {background:url(sitegraphics/h1_illustration.gif) no-repeat 0 0;}

.headerGraphics {background:url(sitegraphics/h1_graphics.gif) no-repeat 0 0;}

.headerAnimation {background:url(sitegraphics/h1_animation.gif) no-repeat 0 0;}

.headerContactme {background:url(sitegraphics/h1_contactme.gif) no-repeat 0 0;}

.headerPricing {background:url(sitegraphics/h1_pricing.gif) no-repeat 0 0;}

.headerJustForFun {background:url(sitegraphics/h1_justforfun.gif) no-repeat 0 0;}

.headerWhatLogo {background:url(sitegraphics/h1_whatlogo.gif) no-repeat 0 0;}

.headerWhatSite {background:url(sitegraphics/h1_whatsite.gif) no-repeat 0 0;}


/*.headerQuoteme {background:url(sitegraphics/h1_quoteme.gif) no-repeat 0 0;}*/

/* text side panels */

#sideList {
	float:right;
	margin: 0 0 25px 0px;
	width:350px;
}

#sideList h3 {
	margin-bottom:0.6em;
	border-bottom: solid 1px #b23c25;
	font-size:140%;
	font-style:italic;
	color:#b23c25;
}

#sideList li {
	padding: 5px 0 5px 5px;
	margin-bottom:0.4em;
}

#sideList li.colouredline {
	background:#d4f3e0;
}

/* light box galleries */

#lightboxGallery li {
	-khtml-opacity:.40; -moz-opacity:.40; -ms-filter:”alpha(opacity=40)”; filter:alpha(opacity=40); opacity:.40;
	float:left;
	width:230px;
	margin:0 13px 13px 0;	
}

#lightboxGallery li:hover {
	-khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1;
}

#lightboxGallery li.imageLastInRow {
	margin-right:0;
}

#lightboxGallery .imageBorder {
	border:solid 1px #ddd;
}

#lightboxGallery .imageBorderOrange {
	border:solid 1px #e94b00;
}

/*--------------------PRICING---------------------*/

#tablePricing {
	width:100%;
}

#tablePricing td {
		padding:8px;
}

#tablePricing .colouredrow {
	background:#d4f3e0;
}

#tablePricing h2 {
	color:#b23c25;
	font-size:140%;
	font-weight:normal;
	margin-bottom:0;
}

/*----------------------FORMS---------------------*/

/*antispam field*/ 

#quoteme .name2 {
	display:none;
	visibility:hidden;
}

#quoteme {
	width: 500px;
}

#quoteme label {
	display:block;
	margin-bottom:5px;
	font-size:110%;
	color:#333;
}

#quoteme input {
	display:block;
	margin-bottom:20px;
	padding: 8px;
	font-size:100%;
	color:#333;
	width:99%;
	border: solid 1px #b3d3c0;
	
}

#quoteme select {
	display:block;
	color:#333;
	margin-bottom:10px;
	height:auto;
	border: solid 1px #b3d3c0;
}

#quoteme textarea {
	margin-bottom:10px;
	padding: 8px;
	color:#333;
	width:100%;	
	border: solid 1px #b3d3c0;
	display:block;
}


#quoteme file {
	margin-bottom:10px;
	padding:0;
	display:block;	
}

#quoteme .inputNoBorder {
	border:none;
}

#quoteme .submit {
	border:none;
	padding:0;
	background:#FFF;
	height:37px;
	width:134px;
}

#listErrorForm li {
	margin-bottom:8px;
}



#whatlogo {	
	width: 650px;
}

#whatlogoTable td {
	padding:15px;
	width:50%;
}

#whattypeTable table {
	margin-bottom:12px;
}

#whattypeTable td {

	padding:0px;
	width:50%;
}


#whatlogo label .logotype {
	display:inline;
	margin:0 5px 5px 0;
	font-size:110%;
	color:#333;
}

#whatlogo label {
	display:block;
	line-height:1.8em;
	margin-bottom:5px;
	font-size:110%;
	color:#333;
}

#whatlogo input {
	display:block;
	margin-bottom:20px;
	padding: 8px;
	font-size:100%;
	color:#333;		
	
}

#whatlogo select {
	display:block;
	padding: 6px;
	color:#333;
	margin-bottom:10px;
	height:auto;
}

#whatlogo textarea {
	margin-bottom:10px;
	padding: 8px;
	color:#333;		
	border: solid 1px #b3d3c0;
	display:block;
}


#whatlogo file {
	margin-bottom:10px;
	padding:0;
	height:25px;
	display:block;	
}

#whatlogo .inputNoBorder {
	border:none;
}

#whatlogo .submit {
		margin-left:240px;
	border:none;
	padding:0;
	background:#FFF;
	height:37px;
	width:134px;
}

#whatlogo .name2 {
	display:none;
	visibility:hidden;
}

#logoElements {
	margin-bottom:12px;
	width:99%;
}

#listErrorForm li {
	margin-bottom:8px;
}

#logoStyle {
	margin: 0 0 12px 145px;
	width: 350px;
}


/*---------------------FOOTER---------------------*/

#footer {
		padding:7px 0 17px 0;
	text-align:center;
	clear: both;	
}

#footer h1 {	
}

#footer p {	
}

#footer .caption {	
}

#footer a:link, #footer a:visited {
}

#footer a:active, #footer a:hover {
}