/* CSS Document */

/*Maroon #411228
yellow: #C5CA27
Turq: #176566
beige: #FFFFB1
green: #8CC63F
pink: #C4003E*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, home,
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; }

ul {list-style:none;}

.arial {font-family:Arial, Helvetica, sans-serif; font-variant:small-caps; font-size:21px;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; }

h4 {font-size:18px;}

h1.home {font-size:21px; color:#C4003E; }
h3.home {line-height:1.5em; font-size:18px; color:#411228;}
h2.work {font-size:19px; font-weight:bold; letter-spacing:.14em;}

p {font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0; line-height:1.4em;}

a.pink:link {text-decoration: none; color: #C4003E;}
a.pink:hover {text-decoration: none; border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E;}

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

a.buttons:link, a.buttons:visited, a.buttons:active {text-decoration:none; color: #411228;}

a.buttons:hover {text-decoration: none; border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E;}

.active {text-decoration: none; border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E;}


body {
    background-color: #fff;
	position:relative;
    font-family: "Courier New", Courier, monospace;
	font-weight:normal;
	color: #411228;
    background: url(../images/bodybkrgd.jpg) 0 0 repeat;}

#wrapper {width:1000px; height:780px; margin:20px auto 0 auto; position: relative;}
	
	
.background {z-index:0; height: 780px; overflow:hidden;}
	
.homebutton {position:absolute; top:48px; left:314px; font-size:25px; z-index:1; }

.aboutbutton {position:absolute; top:80px; left:445px; font-size:25px; z-index:2; }
	
.workbutton {position:absolute; top:40px; left:603px; font-size:25px; z-index:2; }
	
.workcat {width:130px; height:50px; font-size:13px; color:#C4003E; position:absolute; top:88px; left:575px; z-index:10; text-align:center; text-decoration:none; }
a.workcatb {text-decoration:none;}
a.workcatb:link, a.workcatb:visited, a.workcatb:active {text-decoration:none; color: #C4003E;}

a.workcatb:hover {text-decoration:none; color: #C4003E;}
.contactbutton {position:absolute; top:24px; left:790px; font-size:25px; z-index:5; }

.linksbutton {position:absolute; top:105px; left:745px; font-size:25px; z-index:2; }
	
.cydbutton {position:absolute; top:16px; left:765px; font-size:15px; z-index:2; text-align:center; line-height:1.6em;}
	
div.transbox { width:700px; height:500px; margin:0; background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  z-index:3; padding:10px; position:absolute; top:190px; left:20px;}
  
 div.transboxhome { width:700px; height:490px; margin:0; background-color:#ffffff;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  z-index:3; position:absolute; top:190px; left:20px;}
 
 .copybox {width:635px; height:360px;  z-index: 10; padding:60px 40px 40px 40px; position:absolute; top:190px; left:20px;}
  
 #footer {width:980px; height:25px; margin:0;
  background-color:#8CC63F;
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  z-index:3; padding:10px; position:absolute; bottom: 0px; left:0px;}
   
 .footer {width:980px; height:27px; margin:0; font-size: 13px; clear: both;	letter-spacing: .075em; margin-left: auto; margin-right:auto; z-index:4; position:absolute; bottom: 0px; left:0px;}
  
.footer ul {text-align: center; padding-top: 4px;}

.footer li {display: inline; list-style-type: none; padding-left: 10px;}

.footer a:link, .footer a:visited{text-decoration:none; color: #411228;}

.footer a:hover, .footer a:active {text-decoration: none; border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E; }

.copyright {font-size:11px; text-align:center; font-weight:bold; font-family:"Courier New", Courier, monospace; margin: 5px 0px;}
	
.postit {width:175px; height:160px; position:absolute; top: 250px; left: 790px; z-index:6; margin:0;}
	
.followme {position:absolute; top:207px; left:820px; font-size:20px; z-index:10; color:#C4003E; }
	
.facebookimg {width: 60px;height:60px;float: left;font-size:13px; }
.facebookcopy {width:110px; height:37px; text-align:center; font-size:18px; float: left; padding-top: 23px;}

.twitterimg {width: 60px; height:60px; float: right; font-size:13px; margin-top:10px; }

.twittercopy { width:110px; height:35px; text-align:center; font-size:18px; float: left; padding-top: 23px; margin-top:10px;}

.facebookcopy a:hover, .twittercopy a:hover { text-decoration: none; border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E; }
	
.maroon {color: #411228;}
.yellow {color: #C5CA27;}
.turq {color:#176566;}
.beige{color: #FFFFB1;}
.green{color: #8CC63F;}
.pink{color: #C4003E;}

.floatl {float: left;}
.floatr {float:right;}
.clear {clear:both;}
.letterspacing {letter-spacing:.15em;}

/*=================ABOUT PAGE============*/
.copyboxabout {width:655px; height:360px;  z-index: 10; padding:30px 30px 30px 30px; position:absolute; top:190px; left:20px;}
img.christi {margin: 0px 10px 20px 0px;}
img.deuce {margin:-10px 0px 3px 10px; }



/*=================WORK PAGES==============*/
.copyboxwork {width:655px; height:360px;  z-index: 10; padding:70px 20px 20px 40px; position:absolute; top:190px; left:20px;}
.polaroid {z-index:15;}
.webwork {font-size:80px; position:absolute; top:180px; left:117px; z-index:20; color:#FFFFFF; font-family:"Courier New", Courier, monospace;}
.printimg{margin-left:40px;}
.print {font-size:80px; position:absolute; top:180px; left:406px; z-index:20; color:#FFFFFF; font-family:"Courier New", Courier, monospace;}
a.printa {color:#FFFFFF;}  
a.webworka {color:#FFFFFF;}
printa a:hover, .webworka a:hover { text-decoration: none; border-bottom:1px solid #8CC63F; border-top:1px solid #8CC63F; color: #8CC63F; }

.copyboxpages {width:670px; height:360px;  z-index: 10; padding:20px 10px 20px 20px; position:absolute; top:190px; left:20px;}


/*============DROP DOWN NAV LIST============*/
ul.nav, ul.nav ul {
  	margin: 0;
  	padding: 0;
 	list-style-type: none;
	float: left;}

ul.nav li {
	float: left;}

ul.nav li ul {
	position: absolute;
	left: -999em;}

.nav li:hover ul {
	left: auto;}

ul.nav a {
	color: #411228;
  	text-decoration: none;}

ul.nav li li a {
		
	border-left: 0;
	border-right: 0;}

ul.nav li:last-child a {
	border-right: 0;
	border-bottom: 0;}

ul a:hover,
ul a:focus {
border-bottom:1px solid #C4003E; border-top:1px solid #C4003E; color: #C4003E;}

.dropdowns {
	font-size:18px;
	margin-left:10px; }

ul.border a:hover {
border-bottom:1px solid #C4003E; }

.marginright55px {margin-right:55px;}
.marginbottom20px {margin-bottom:20px;}
.margintop10px {margin-top:10px;}