/*
Theme Name: Millon Lacrosse
Theme URI: http://millonlacrosse.com
Description: Theme for lacrosse camp
Version: 1.0
Author: Walk Design
Author URI: http://walkdesign.com
Tags: lacrosse
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* BASE TYPOGRAPHY */

strong {
	font-weight: bold;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
}
#main p {
	margin: .5em 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
h1 {
}
#main h2 {
	margin: .5em 0;
	font-size: 1.4em;
}
#main h3 {
	margin: .5em 0;
	color: #38352a;
	text-transform: uppercase;
	font-size: 1.8em;
}
#main h4 {
	margin: .5em 0;
	font-size: 1.8em;
}


/* CLASSES */

.block {
	width: 100%;
	clear: both;
	overflow: hidden;
	float: none;
	position: relative;
}
.module {
	width: auto;
	position: relative;
}

/* Base Layout + Backgrounds */
html {
	width: 100%;
}
body {
	text-align: center;
	background: #1e1c17 url(images/layout/body_bg.jpg) center top no-repeat;
}

#container {
	margin: 0 auto 60px auto;
	text-align: left;
	width: 1070px;
	padding: 0 0 72px 0;
	position: relative;
	background: url(images/layout/container_bg.png) left bottom no-repeat 
}
    #header {
    	position: relative;
    	height: 190px;
    	overflow: visible;
    	background: url(images/layout/header_bg.png) no-repeat center bottom;
    	width: 990px;
    	padding: 0 40px;
    }
        #header .logo {
        	position: absolute;
        	left: 40px;
        	top: 30px;
        }
            #header .logo a {
            	text-indent: -9999px;
            	display: block;
            	width: 366px;
            	height: 103px;
            	background: url(images/millon-lacrosse-camp-logo.png) no-repeat;
            }
        #tagline {
        	height: 15px;
        	width: 490px;
        	text-indent: -9999px;
        	overflow: hidden;
        	position: absolute;
        	right: 45px;
        	top: 80px;
            background: url(images/layout/site_sprites.png) 0 0 no-repeat;
        }
        #primary_nav {
        	position: absolute;
        	width: 967px;
        	bottom: 0px;
        	left: 40px;
        	padding-left: 23px;
        	height: 40px;
            background: url(images/layout/site_sprites.png) left bottom no-repeat;
        }
            #primary_nav li {
            	margin-right: 20px;
            	float: left;
            	position: relative;
            	height: 100%;
            }
            	#primary_nav li a {
            		color: #fff;
            		text-transform: uppercase;
            		text-decoration: none;
            		font-size: 13px;
            		font-weight: bold;
            		display: block;
            		line-height: 40px;
            	}
            	#primary_nav li a:hover{
            		color: #cbc9a6;
            	}             
                #primary_nav li#register_button {
                	position: absolute;
                	right: 0px;
                	margin: 7px 8px;
                	float: none;
                }
                #primary_nav li .go_register {
            		background: url(images/layout/site_sprites.png) -362px -200px no-repeat;
            		text-indent: -9999px;
                	width: 145px;
                	height: 27px;
                }
                #primary_nav li .dropdown {
                	position: absolute;
                	font-size: 10px;
                	top: 100%;
            		z-index: 1000;
            		background-color: rgb(15,15,15);
            		background-color: rgba(15,15,15, .97);
            		display: none;
            		border-right: 1px solid #222;
            		border-bottom: 1px solid #222;
            		border-left: 1px solid #222;
                }
                	#primary_nav li .dropdown li {
                		position: relative;
                		margin: 0;
                		float: none;
                	}
	                #primary_nav li .dropdown a {
	                	font-weight: bold;
	                	font-size: 1.15em;
	                	display: block;
	                	text-align: left;
	                	text-transform: uppercase;
	                	width: 152px;
	                	text-indent: 8px;
            			line-height: 35px;
	                }
	                #primary_nav li .dropdown a:hover {
	                	color: #fff;
	                	background-color: rgb(85,85,15);
	                	background-color: rgba(185,185,73,);
	                }
                #primary_nav li:hover .dropdown {
                	display: block;
                }
					#primary_nav li p {
            		color: #fff;
            		text-transform: uppercase;
            		text-decoration: none;
            		font-size: 13px;
            		font-weight: bold;
            		display: block;
            		line-height: 40px;
            	}
        #util_nav {
        	position: absolute;
        	right: 40px;
        	top: 5px;
            background: url(images/layout/site_sprites.png) 0 -18px no-repeat;
            width: 315px;
            height: 30px;
            padding-left: 155px;
        }
            #util_nav li {
            	float: left;
            	margin-right: 3px;
            }
            	#util_nav li a {
            		text-indent: -9999px;
            		display: block;
            		width: 32px;
            		height: 30px;
            	}
            	#util_nav li a.selected {
            		cursor: default;
            	}
                #util_nav li .go_fbconnect {
                	width: 145px;
            		color: #fff;
					font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					line-height:30px;
					text-decoration: none;
					text-indent: 0px;
					text-align: center;
					padding-left: 22px;
            		display: block;
                }
    #main {
    	width: 990px;
    	padding: 0 40px;
    	overflow: hidden;
    	background: url(images/layout/main_bg.png);
    }
    	#main #content {
    		background: url(images/layout/content_bg.gif);
    		overflow: hidden;
    		min-height: 685px;
    	}
    
    #banner{
		clear:both;
		display:block;
		height:222px;
		overflow:hidden;
		position:relative;
		width:990px;
	}
	
        #banner .section_title {
        	text-indent: -9999px;
        }
        
    #footer {
    	width: 100%;
    	background: #b7ae89 url(images/footer_bg.jpg) repeat-x;
    	padding: 10px 0 40px 0;
    }
	    #footer .wrapper {
	    	width: 990px;
	    	text-align: left;
	    	margin: 0 auto;
	    	position: relative;
	    	padding: 60px 0 45px 0;
	    	overflow: hidden;
	    }
	        #footer .logo {
	        	position: absolute;
	        	left: 0px;
	        	top: 5px;
	        	width: 153px;
	        	height: 41px;
	        	display: block;
	        	text-indent: -9999px;
	        	background: url(images/layout/site_sprites.png) -363px -82px no-repeat;
	        }
	        #footer .walk {
	        	position: absolute;
	        	right: 0px;
	        	top: 16px;
	        	text-decoration: none;
	        	color: #222;
	        	padding: 13px 100px 0 0;
	        	font-size: 1.1em;
	        	display: block;
	        	height: 17px;
	        	text-indent: -177px;
	        	background: url(images/layout/site_sprites.png) -363px -49px no-repeat;
	        	-moz-opacity:0.9;
	        	-khtml-opacity: 0.9;
	        	opacity: 0.9;
	        }
		        #footer .walk:hover {
		        	-moz-opacity: 1;
		        	-khtml-opacity: 1;
		        	opacity: 1;
		        }
	            #footer .walk strong {}
	            #footer .walk .walk_logo {
	            	position: relative;
	            	top: 10px;
	            	margin-left: 10px;
	            	display: none;
	            }
	        #footer .cols {
	        	display: block;
	        	font-size: 1.4em;
	        	line-height: 1.8em;
	        }
	            #footer .cols li {
	            	display: block;
	            	float: left;
	            	margin-right: 45px;
	            }
	                #footer .cols li .col {}
	                    #footer .cols li .col li {
	            			float: none;
	            		}
	                        #footer .cols li .col li a {
	                        	color: #333;
	                        	text-decoration: none;
	                        }
		                        #footer .cols li .col li a:hover {
		                        	color: #111;
		                        }
	                #footer .cols li h3 {
	                	color: #333;
	                	font-weight: bold;
	                }
	        #testimonials {
	        	width: 325px;
	        	height: 133px;
	        	padding: 45px 18px 0 18px;
	        	float: right;
	        	background: url(images/layout/site_sprites.png) 0 -49px no-repeat;
	        }
	            #testimonials h3 {
	            	text-indent: -9999px;
	            	position: absolute;
	            }
	            #testimonials p {
	            	color: #fff;
	            	font-style: italic;
	            	font-size: 1.15em;
	            	line-height: 1.5em;
	            	margin-bottom: .5em;
	            }
	                #testimonials p strong {
	                	font-style: normal;
	                }
	                #testimonials p a {
	                	font-style: normal;
	                	color: #fcd21c;
	                }
#force {
margin: 0 auto;
width: 990px;
}