﻿/* CSS Document */
body
{
	background-color: #cccccc;
	font-family: Arial;
	

}

#outerwrapper {	
	width: 100%;
	align: center;
	}

#wrapper { 
	position: relative;
	margin: 0 auto; 
	width: 900px;
	text-align: left; 
	}

/* Header */

#nav {
	background-color: #ffffff;
	position:absolute;
	width: 900px;
	height: 150px;
}

p.nav
{
	position:absolute;
	margin-top: 55px;
	margin-left: 60px;
	font-size: 23px;
	font-family: Arial;
}

#logo {
	position:absolute;
	top: 7px;
	right: 0px;
}

/* Content Blocks */

#main
{
	position:relative;
	top: 150px;
	left: 60px;
	width: 780px;
	height: 400px;
	}
	/*contact page*/
#info
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-color: #ffffff;
	width: 900px;
	height: 400px;
}

#scottpix
{
	position:absolute;
	width: 257px;
	height: 164px;
	left: 580px;
	top: 114px;
	}

#main2
{
	position:relative;
	background-image: url('images/infobkground1.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
	}
p.contact1
{
	position:absolute;
	top: 120px;
	left: 60px;
	font-size: 16px;
	font-weight:bold;
	line-height: 120%;
	font-stretch:semi-condensed;
	font-family: Arial;
	color:#FFFFFF;
	letter-spacing: 1px;
	}
	
	p.contact2
{
	position:absolute;
	top: 150px;
	left: 60px;
	font-size: 14px;
	font-weight:normal;
	line-height: 120%;
	font-family: Arial;
	color:#FFFFFF;
	}
p.contact3
{
	position:absolute;
	top: 235px;
	left: 60px;
	font-size: 14px;
	font-weight:normal;
	font-family: Arial;
	letter-spacing: 2px;
	}

p.contentbold
{
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
}
#abouttext
{
	position:absolute;
	top: 120px;
	left: 60px;
	width: 780px;
	height: 150px;
	}
	
p.contentnormal
{
	font-family: arial;
	font-size: 10pt;
	font-weight: lighter;
	color: #ffffff;
	width: 780px;
}	
	

#home
{
	
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/homebkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}

#about
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/aboutbkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}

/* client page */
#clients
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/clientbkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}
p.col1
{
	position:absolute;
	top: 25px;
	left: 60px;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	font-family: Arial;
}

p.Hcol1
{
	position:absolute;
	top: 8px;
	left: 60px;
	font-size: 12px;
	font-weight:300;
	line-height: 14px;
	font-family: Arial;
	color: #000;
}


p.col2
{
	position:absolute;
	top: 25px;
	left: 265px;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	font-family: Arial;
}

p.col3
{
	position:absolute;
	top: 25px;
	left: 465px;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	font-family: Arial;
	color: #FFF;
}

p.Hcol3
{
	position:absolute;
	top: 8px;
	left: 656px;
	font-size: 12px;
	font-weight:300;
	line-height: 14px;
	font-family: Arial;
	color: #000;
}
p.col4a
{
	position:absolute;
	top: 25px;
	left: 656px;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	font-family: Arial;
	color: #FFF;
}

p.Hcol4
{
	position:absolute;
	top: 148px;
	left: 656px;
	font-size: 12px;
	font-weight:300;
	line-height: 14px;
	font-family: Arial;
	color: #000;
}
p.col4
{
	position:absolute;
	top: 165px;
	left: 656px;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	font-family: Arial;
	color: #FFF;
}

/* link page */

#links
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/linksbkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}


p.webcol1
{
	position:absolute;
	top: 125px;
	left: 60px;
	font-size: 12px;
	font-weight:normal;
	line-height: 120%;
	font-family: Arial;
}

p.webcol2
{
	position:absolute;
	top: 125px;
	left: 200px;
	font-size: 12px;
	font-weight:normal;
	line-height: 120%;
	font-family: Arial;
}
p.webcol3
{
	position:absolute;
	top: 125px;
	left: 340px;
	font-size: 12px;
	font-weight:normal;
	line-height: 120%;
	font-family: Arial;
}
#store
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/storebkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}

#misc
{
	position: absolute;
	left: 0px;
	top: 150px;
	background-image: url('images/miscbkground.jpg');
	background-repeat: no-repeat;
	width: 900px;
	height: 400px;
}

/*portfolio content*/

#portfolio
{
	position: absolute;
	left: 0px;
	top: 140px;
	background: #ffffff;
	width: 900px;
	height: 400px;
	}



/* Footer */

#lowerbanner
{
	position: absolute;
	left: 0px;
	top: 540px;
	background-color: #FF6600;
	width: 900px;
	height: 50px;
}

#copyright
{
	position:absolute;
	top: 20px;
	left: 60px;
	font-size: 8pt;
	color: #ffffff;
	}
	
#siteby
{
	position:absolute;
	top: 20px;
	right: 60px;
	font-size: 7pt;
	color: #ffffff;
	}

/* Linksets */

a.orange:link {color: #ff6600; text-decoration: none}
a.orange:visited {color: #ff6600; text-decoration: none}
a.orange:hover {color: #000000; text-decoration: none}

a.grey:link {color: #999999; text-decoration: none}
a.grey:visited {color: #999999; text-decoration: none}
a.grey:hover {color: #000000; text-decoration: none}

a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #000000; text-decoration: none}

a.black:link {color: #ffffff; text-decoration: none}
a.black:visited {color: #ffffff; text-decoration: none}
a.black:hover {color: #000000; text-decoration: none}

a.linkwht:link {color: #ffffff; text-decoration: none}
a.linkwht:visited {color: #ffffff; text-decoration: none}
a.linkwht:hover {color: #ff6600; text-decoration: none}

a.linkred:link {color: #ff0000; text-decoration: none}
a.linkred:visited {color: #ff0000; text-decoration: none}
a.linkred:hover {color: #ff6600; text-decoration: none}

/*dark grey/orange*/
a.grey2:link {color: #ffffff; text-decoration: none}
a.grey2:visited {color: #ffffff; text-decoration: none}
a.grey2:hover {color: #000;text-decoration: none
}


a img {border: none; }
