/* CSS Reset */

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;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-color: white;
}

.home {background-image:url(../images/bg-home.jpg); background-attachment: scroll; background-repeat: no-repeat;}

.portfolio {
	background-image:url(../images/bg-portfolio.jpg); 
	background-attachment: scroll; 
	background-repeat: no-repeat;}

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;
}

/* My Styling */

h1 {
	text-indent: -9999px;
	background-image: url(../images/davidjonsson-logo.png);
	width: 180px;
	height: 105px;
	float: left;}

h2 {
	font-family: 'Cambria', Times New Roman; 
	font-size: 24px; 
	font-weight: lighter; 
	line-height: 34px; 
	letter-spacing: -1px; 
	padding-bottom: 10px; 
	color: #333;}

	/* home page h2 styling */
		h2.portfolio {
			background-image: url(../images/home-portfolio.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			padding: 0px 0px 15px 55px;
			}
		
		h2.about {
			background-image: url(../images/home-aboutme.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			padding: 0px 0px 15px 55px;}
		
		h2.bloghome {
			background-image: url(../images/home-blog.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			padding: 0px 0px 15px 55px;}
		
		h2.contacthome {
			background-image: url(../images/home-contact.png); 
			background-repeat: no-repeat; 
			background-position: left top; 
			padding: 0px 0px 15px 55px;}
		
	/* end of home h2 styling */

h3 {
	font-family: 'Cambria', Times New Roman; 
	font-size: 20px; 
	font-weight: lighter; 
	line-height: 24px; 
	letter-spacing: -1px; 
	padding-bottom: 5px; 
	color:#333; 
	font-style:italic;}

h4 {
	font-family: 'Cambria', Times New Roman; 
	font-size: 10px; 
	letter-spacing: 3px; 
	padding-bottom: 5px; 
	margin-top: -5px;}

body {	
	font-size: 14px;
	font-family: 'Helvetica', Arial, Serif;
	font-weight: lighter;
	line-height: 24px;
	color:#000;}

#wrapper {margin: 0 auto; width: 960px; height: auto;}

#header {height: 105px; width: 940px; padding: 0px 10px 0px 10px;}

#homeintro {padding: 330px 10px 0px 60px;}

#menu {padding-left: 200px; float: left;}

#banner {height: 220px; width: 940px; padding: 0px 10px 0px 10px;}
#bannerabout {height: 620px; width: 430px; padding: 0px 500px 0px 20px; background-image: url(../images/davidjonsson_About.png); background-repeat: no-repeat; background-position: right;}

#content {height: 340px; width: 940px; padding: 0px 10px 0px 10px;}

#featuredproject {float: left; width: 460px; height: auto;}

#services {float: left; width: 400px; height: auto; padding-left: 80px; padding-top: 8px;}

#homewebdesign {float: left; width:200px; height: auto; padding-left: 15px; padding-top: 30px;}

#homeprintdesign {float:left; width: 100px; padding-top: 30px;}

#portfolioimages {padding-top: 280px; float: left;}

#software {float: left; padding-left: 90px; padding-top: 30px;}

#footer {padding-top: 20px;}

#blog {width: 410px; float: left; height: auto; padding: 0px 20px 0px 20px;}

#connect {margin-left:100px; margin-right: -12px; padding-left: 10px; padding-bottom: 20px; margin-top: 8px; width: 410px; height: 214px; float: left; background-image: url(../images/connect.png); background-repeat: no-repeat;}

#terms {text-align: right; padding-top: 10px; padding-right: 20px; font-size: 11px;}
/*Home Page Services Links Styling */

a.links{color: #3366cc; text-decoration: none; border-bottom: 1px #00ccff dotted; text-shadow: 0px 1px 1px #ccc}
a.links:hover  {color: #666; text-decoration: none; border-bottom: 1px fuchsia dotted; 	text-shadow: 2px 2px 2px #cccccc;}
img {border: none;}

/* Classes */

.introtext {padding-top: 50px; text-align: center;}

.servicesheading {background-image: url(../images/servicesbg.png); background-repeat: no-repeat; padding-top: 7px; padding-left: 80px; padding-right: 80px; font-size: 18px; letter-spacing: -1px; color: #cccccc;}

a.servicelink {color: fuchsia; text-decoration: none;}
a.servicelink:hover {color: #999; text-decoration: none; border-bottom: 1px fuchsia dotted;}

#services ul {color: gray; float: left;}
#services li {list-style: none; background-image: url(../images/bullet.png); background-repeat: no-repeat; padding-left: 25px; line-height: 1; padding-bottom: 8px;}

.small {font-size: 13.5px; line-height: 18px;}

.clear {clear: both;}

.continue {font-size: 12px; font-weight: bold; letter-spacing: 3px; padding-top:10px;}
a.continue {color: fuchsia; text-decoration: none;}
a.continue:hover {color: #999; text-decoration: none; border-bottom: 1px fuchsia dotted;}

.connectheading {font-family: 'Cambria', Times New Roman; font-size: 24px; font-weight: lighter; line-height: 28px; letter-spacing: -1px;}

a.blogheading {color: black; text-decoration: none;}
a.blogheading:hover {color: #999; text-decoration: none; border-bottom: fuchsia 1px dotted;}

/* IE Png Fix */
img, div { behavior: url(iepngfix.htc) }
/* end of PNG fix */