/* --------------------------------------------------------------------------

LAST UPDATED:	20.6.10
AUTHOR:			Aaron Pitts

CONTENTS:
				1. Border Radius
				2. Gradients
				3. Text Shadow
				4. Box Shadow
					
-------------------------------------------------------------------------- */

/* 1. BORDER RADIUS
-------------------------------------------------------------------------- */

div#header { 
	-webkit-border-top-left-radius: 0px; 
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 0px; 
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	border-bottom-right-radius: 3px; 
	border-bottom-left-radius: 3px; 
}

div.main-box,
ul#nav-menu a,
div.navigation,
div#cta-button a { 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

div#footer,
div#copyright-bar { 
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	border-bottom-right-radius: 0px; 
	border-bottom-left-radius: 0px;
}

div#intro-img img, 
p img { 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
}

/* 2. GRADIENTS
-------------------------------------------------------------------------- */

div.main-box { 
	background-color: rgba(255, 255, 255, 0.85); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0FFFFFF,endColorstr=#E0FFFFFF); /* For IE */ 
}

div#footer { 
	background-color: rgba(0, 0, 0, 0.85);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E0000000,endColorstr=#E0000000); /* For IE */  
}

/* 3. TEXT SHADOW
-------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
	text-shadow: 0px 1px 0px #FFF;
}

div.navigation { 
	text-shadow: 0px 1px 0px #ededed;
}

div#footer h3,
ul#nav-menu a,
div#cta-button a { 
	text-shadow: 0px 1px 0px #000;
}

/* 4. BOX SHADOW
-------------------------------------------------------------------------- */

div#intro-img img, 
p img { 
	-webkit-box-shadow: 0px 0px 2px  #000000; 
	-moz-box-shadow: 0px 0px 2px #000000; 
	box-shadow: 0px 0px 2px #000000;
}

div.navigation,
div#cta-button a { 
	-webkit-box-shadow: 0px 0px 1px  #000000; 
	-moz-box-shadow: 0px 0px 1px #000000; 
	box-shadow: 0px 0px 1px #000000;
}