/* CSS Document for www.dayledesigns.com by Dayle Designs*/

/* IE6 Fix for widths*/
html, body {
margin: 0;
padding: 0;
height: 100%;}

/*End Fix*/

body {
	background-color:#e1fffd;
	font-family: Arial, Helvetica, sans-serif;
	}

/*** Main Site Wrapper necessary to retain div locations when using zoom with IE7 ***/
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}

/*** Hidden Text for Search Engines ***/
#hidden	{
	position: absolute;
	top: 0;
	left: 0;
	z-index:-10;
	font-size: 4px;
	}

/*** Content ***/
/*Content Container*/
#cnct {
	position: absolute;
	top: 286px;
	left: 0;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 2;
	}

#content-noimage {
	position: relative;
	top: 20px;
	margin: 0 160px 10px 155px;
	}

#content-high {
	position: relative;
	top: 330px;
	margin: 0 160px 10px 155px;
	}

#content {
	position: relative;
	top: 400px;
	margin: 0 160px 10px 155px;
	}
	
#content a:link, #content a:visited {
	color: #2f245c;
	font-weight: normal;
	text-decoration: underline;
	}
	
#content a:hover {
	font-weight: bold;
	}

#content-thumbs {
	position: relative;
	top: 0;
	margin: 0 160px 10px 10px;
	overflow: visible;
	}
	
#folio	{
	text-align: center;
	}
	
#folio a:link, #folio a:visited {
	font-size: 14px;
	color: #b2eaf1;
	background-color: #006;
	height: 24px;
	padding: 5px 10px;
	text-decoration: none;
	}
	
#folio a:hover	{
	color: #CCF;
	font-weight: bold;
	background-color: #6b1f79;
	}

/*Ad Network Container*/

#adct-about	{
	position: relative;
	top: 150px;
	left: 20px;
	margin-left: 50px;
	}

#adct-catalogs	{
	position: relative;
	top: 100px;
	left: 20px;
	margin-left: 50px;
	}

#adct-error	{
	position: relative;
	top: 900px;
	left: 20px;
	margin-left: 160px;
	}

#adct-photog	{
	position: relative;
	top: 600px;
	left: 20px;
	margin-left: 160px;
	}

#adct-foto	{
	position: relative;
	top: 1400px;
	left: 20px;
	margin-left: 50px;
	}
	
#adct-free	{
	position: relative;
	top: 780px;
	left: 20px;
	margin-left: 50px;
	}
	
#adct-thankyou	{
	position: relative;
	top: 450px;
	left: 20px;
	margin-left: 160px;
	}
	
/*Image Containesr*/
#imgct	{
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	}

#imgct-top	{
	position: relative;
	top: 0;
	left: 0;
	height: 230px;
	}

#imgctprt	{
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	}

/*Content Images*/	
#cil	{
	position: absolute;
	top: 60px;
	left: 17%;
	z-index: 10;
	}
	
#cic	{
	position: absolute;
	top: 0;
	margin-left: 38%;
	z-index: 5;
	}
	
#cir	{
	position: absolute;
	top: 90px;
	right: 14%;
	z-index: 10;
	}

#cic2	{
	position: absolute;
	top: 0;
	margin-left: 30%;
	z-index: 5;
	}

#cic3	{
	position: absolute;
	top: 0;
	margin-left: 40%;
	z-index: 5;
	}

#cir2	{
	position: absolute;
	top: 80px;
	right: 16%;
	z-index: 10;
	}
	
#cir3	{
	position: absolute;
	top: 130px;
	right: 16%;
	z-index: 10;
	}

#cil-prt	{
	position: absolute;
	top: 60px;
	left: 15%;
	z-index: 10;
	}
	
#cic-prt	{
	position: absolute;
	top: 0;
	margin-left: 38%;
	z-index: 5;
	}
	
#cir-prt	{
	position: absolute;
	top: 90px;
	right: 15%;
	z-index: 10;
	}

#cil-pho	{
	position: absolute;
	top: 240px;
	left: 2%;
	z-index: 10;
	}
	
#cic-pho	{
	position: absolute;
	top: 0;
	margin-left: 30%;
	z-index: 5;
	}

#cir-pho	{
	position: absolute;
	top: 240px;
	right: 2%;
	z-index: 10;
	}
	
#fil	{
	position: absolute;
	top: 120px;
	left: 1%;
	z-index: 1;
	}
	
#fic	{
	position: absolute;
	top: 0;
	margin-left: 40%;
	z-index: 10;
	}
	
#fir	{
	position: absolute;
	top: 320px;
	right: 1%;
	z-index: 5;
	}
	
#fit	{
	position: absolute;
	top: 0;
	margin-left: 16%;
	z-index: 10;
	}
	
#fib	{
	position: absolute;
	top: 540px;
	margin-left: 1%;
	z-index: 10;
	}
	
#fibr	{
	position: absolute;
	top: 730px;
	right: 2%;
	z-index: 5;
	}
	
#fibl	{
	position: absolute;
	top: 800px;
	left: 1%;
	z-index: 1;
	}

#wdal a:link, #wdal a:visited, #wdal a:hover {
	position: absolute;
	top: 80px;
	left: 17%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-l.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

#wdac a:link, #wdac a:visited, #wdac a:hover {
	position: absolute;
	top: 0;
	left: 38%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-c.jpg);
	background-repeat: no-repeat;
	z-index: 5;
	}

#wdar a:link, #wdar a:visited, #wdar a:hover {
	position: absolute;
	top: 80px;
	right: 17%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-r.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

/*Web Samples Image Links*/

.wlcnt	{
	position: relative;
	top: 0;
	left: 0;
	height:425px;
	}

.wll a:link, .wll a:visited, .wll a:hover {
	position: absolute;
	top: 80px;
	left: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-l.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}
	
.wll1 a:link, .wll a:visited, .wll a:hover {
	position: absolute;
	top: 80px;
	left: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-gw.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

.wlc a:link, .wlc a:visited, .wlc a:hover {
	position: absolute;
	top: 0;
	left: 34%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-c.jpg);
	background-repeat: no-repeat;
	z-index: 5;
	}

.wlr a:link, .wlr a:visited, .wlr a:hover {
	position: absolute;
	top: 80px;
	right: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/wda-r.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

.wll2 a:link, .wll2 a:visited, .wll2 a:hover {
	position: absolute;
	top: 80px;
	left: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-qt.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

.wlc2 a:link, .wlc2 a:visited, .wlc2 a:hover {
	position: absolute;
	top: 0;
	left: 34%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-dc.jpg);
	background-repeat: no-repeat;
	z-index: 5;
	}

.wlr2 a:link, .wlr2 a:visited, .wlr2 a:hover {
	position: absolute;
	top: 80px;
	right: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-jp.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

.wlc3 a:link, .wlc3 a:visited, .wlc3 a:hover {
	position: absolute;
	top: 0;
	left: 34%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-fc.jpg);
	background-repeat: no-repeat;
	z-index: 5;
	}

.wlr3 a:link, .wlr3 a:visited, .wlr3 a:hover {
	position: absolute;
	top: 80px;
	right: 2%;
	width: 256px;
	height: 333px;
	display: block;
	line-height: 333px;
	background-image: url(i/web-ts.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	}

/*We Designs Success*/
.ci	{
	margin: 10px 16px 10px 0;
	text-align: center;
	}

.ci2	{
	margin: 10px 125px 10px 0;
	text-align: center;
	}

/*List Styles*/
#listover {
	position: relative;
	width: 58%;
	z-index: 50;
	}

#content ul {
	list-style: url(i/bullet.gif);
	margin: -5px 0 -5px 0;
	}
	
#content li	{
	font-size: 12pt;
	font-weight: bold;
	color: #306;
	margin: 5px 0 10px 50px;
	}
	
.subitem	{
	font-size: 11pt;
	font-weight: normal;
	color: #2f245c;
	}

/*** Special Offer Blast ***/
#spccnt	{
	height: auto;
	min-height: 113px;
	/*Hack for IE6 wrap*/
	margin: 0; _margin-bottom: 40px;
	}

#spcwrap	{
	height: 110px;
	}

#spc a:link, #spc a:hover, #spc a:visited	{
	float: left;
	display: block;
	width: 150px;
	height: 103px;
	margin: 0 15px 0 20px;
	line-height: 103px;
	background-image: url(i/offer.gif);
	background-repeat: no-repeat;
	}

#free a:link, #free a:hover, #free a:visited	{
	position: absolute;
	top: 250px;
	left: 40%;
	display: block;
	width: 150px;
	height: 103px;
	margin: 0 15px 0 20px;
	line-height: 103px;
	background-image: url(i/free.gif);
	background-repeat: no-repeat;
	z-index: 20;
	}

#free2 a:link, #free2 a:hover, #free2 a:visited	{
	float: right;
	top: 50px;
	right: 0;
	display: block;
	width: 150px;
	height: 103px;
	margin: 0 15px 0 20px;
	line-height: 103px;
	background-image: url(i/free.gif);
	background-repeat: no-repeat;
	z-index: 10;
	}

#browse	{
	height: auto;
	padding: 15px 15px 0 5px;
	}
	
.spcimg	{
	float: right;
	clear: right;
	margin: 0 0 10px 20px;
	}
	
.spcimgl	{
	float: left;
	clear: both;
	margin: 0 0 10px 10px;
	}
	
.spcimg2	{
	float: left;
	clear: both;
	margin: 0 0 10px 15%;
	}
	
.spcwraptop	{
	min-height: 226px;
	/*Hack for IE6 wrap*/
	margin: 0; _margin-bottom: 70px;
	}
	
.spcwrapbot	{
	min-height: 282px;
	/*Hack for IE6 wrap*/
	margin: 0; _margin-bottom: 140px;
	}

.spcwrapbot2	{
	min-height: 320px;
	/*Hack for IE6 wrap*/
	margin: 0; _margin-bottom: 380px; _margin-top: -50px;
	}

/*Catalog Section*/	
#catalog	{
	text-align: center;
	margin: 0 0 15px 0;
	}
	
#catalog a:link, #catalog a:visited {
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: #6b1f79;
	margin: 0;
	padding: 0;
	background-image: none;
	}

#catalog a:hover {
	text-decoration: underline;
	background-image: none;
	}

/*Forms*/
#form	{
	position: relative;
	top: 0;
	margin: 0 20px 10px 20px;
	}

#form p {
	color: #000;
	font-size: 12pt;
	font-weight: normal;
	margin: 5px 0 0 10px;
	padding: 0;
	}

#form .bold {
	color: #006;
	font-weight: bold;
	}

#form select {
	margin-left:58px;
	}

/*Rules*/
hr {
	color: #6b1f79;
	text-align: left;
	margin: 3px 20px 3px 30px;
	}

/*Text Selectors*/
p {
	color: #000;
	font-size: 10pt;
	font-weight: normal;
	margin: 10px;
	padding: 0;
	}

.lrg {
	font-size: 20pt;
	font-weight: bold;
	color: #2f245c;
	text-align: center;
	margin: 5px;
	padding: 0;
	}

.blu {
	font-size: 14pt;
	font-weight: bold;
	color: #2f245c;
	text-align: center;
	margin: 5px;
	padding: 0;
	}

h1 {
	font-size: 14pt;
	font-weight: bold;
	color: #6b1f79;
	text-align: center;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 12pt;
	font-weight: normal;
	color: #2f245c;
	text-align: left;
	margin: 0 20px 0 40px;
	}

h3 {
	font-size: 12pt;
	font-weight: normal;
	color: #2f245c;
	text-align: left;
	margin: 0;
	}

h4	{
	color: #b2eaf1;
	font-size: 14px;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	}
		
h5	{
	color: #b2eaf1;
	font-size: 14px;
	text-align: center;
	margin: 11px 0 0 0;
	padding: 0;
	}

h6	{
	color: #b2eaf1;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	}

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

.boldunder {
	font-weight: bold;
	text-decoration: underline;
	}

.italic	{
	font-style: italic;
	}
	
.center {
	text-align: center;
	}

/*** Header ***/

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 266px;
	width: 100%;
	margin: 0;
	background-image: url(i/logofill.jpg);
	background-repeat: repeat-x;
	z-index: 0;
	}

#logo a:link, #logo a:visited, #logo a:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 404px;
	height: 266px;
	display: block;
	line-height: 266px;
	background-image: url(i/logo.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	z-index: 500;
	}
	
#byte a:link, #byte a:visited, #byte a:hover {
	position: absolute;
	top: 0;
	right: 0;
	width: 245px;
	height: 266px;
	display: block;
	line-height: 266px;
	background-image: url(i/applebyte.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	z-index: 100;
	}
	
#hs	{
	position: absolute;
	top: 266px;
	left: 0;
	height: 10px;
	width: 100%; 
	background-image: url(i/headershadow.jpg);
	background-repeat: repeat-x;
	/*Hack for IE6 width*/
	_width: 108%;
	}
	
	
/*** Navigation ***/

#nav a:link, #nav a:visited {
	color: #6cbac4;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 22px;
	margin: 3px 0 3px 0;
	background-image: url(i/buttonup.jpg);
	}
	
#nav a:hover {
	color: #6cbac4;
	background-image: url(i/buttondown.jpg);
	}

#nav-r a:link, #nav-r a:visited {
	color: #6cbac4;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 22px;
	margin: 3px 0 3px 0;
	background-image: url(i/buttonup.jpg);
	}
	
#nav-r a:hover {
	color: #6cbac4;
	background-image: url(i/buttondown.jpg);
	}

.w3 {
	margin: -7px 0 0 20px;
	}

.css {
	margin: -10px 0 0 20px;
	}

.cr {
	color: #6cbac4;
	font-size: 9px;
	margin: 10px 0 5px 30px;
	}

/* Navigation Section Left */

#navtop {
	position: absolute;
	top: 276px;
	left: 0;
	width: 150px;
	height: 14px;
	margin: 0 0 0 5px;
	padding: 0;
	z-index: 30;
	}

#navcontainer {
	position: absolute;
	top: 285px;
	left: 0px;
	width: 150px;
	margin: 0 0 0 5px;
	Padding: 0;
	background-image: url(i/navfill.jpg);
	background-repeat: repeat-y;
	z-index: 10;
	}

#nav	{
	width: 120px;
	margin: 0 0 0 10px;
	z-index: 20;
	}

#blcap	{
	margin-bottom: -10px;
	}

#nav .ph {
	margin: 3px 0 10px 0;
	}
	
/* Navigation Section Right */

#navtop-r {
	position: absolute;
	top: 276px;
	right: 0;
	width: 150px;
	height: 14px;
	margin: 0;
	padding: 0;
	z-index: 30;
	}

#navcontainer-r {
	position: absolute;
	top: 285px;
	right: 0;
	width: 150px;
	margin: 0;
	Padding: 0;
	background-image: url(i/navfill.jpg);
	background-repeat: repeat-y;
	z-index: 10;
	}

#nav-r	{
	width: 120px;
	margin: 0 0 0 10px;
	z-index: 20;
	}
		
#brcap	{
	margin-bottom: -10px;
	}

#nav-r .ph {
	margin: 3px 0 5px 0;
	}
	
#nav-r .tf {
	margin: 3px 0 -4px 0;
	}
	
/*Vendor Seek Logo*/
#vendorseek	{
	text-align: center;
	}