/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #272727 url(../images/bg.png) repeat-x;
}
body, td {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 0 0 #000;
	color: #999999;
}

img { border: 0; }
p { margin: 0 0 15px 0; }
strong {color:#ccc;}
a {
	text-decoration: underline;
	color: #999999;
	outline:none;
}
a:hover {
	text-decoration: underline;
	color: #d9d9d9;
	outline:none;
}

h1, h2, h3, h4, h5, form { margin: 0; }

h2 {
	font-size:18px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height:24px;
	margin:0 0 5px 0;
	color:#d9d9d9;
	letter-spacing:1px;
}

h3 {
	font-size:15px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height:24px;
	margin:0 0 5px 0;
	color:#d9d9d9;
	letter-spacing:1px;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

ol {
	margin:0;
	padding:0;
}

.clear-both {
	clear:both;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}


/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

#site-container {
	width:960px;
	margin: 0 auto 0 auto;
	text-align: left;
	background:url(../images/bg-header.png) center top no-repeat;
}

#site-container-inner {
	padding:0 5px;
}

#header {
	width:950px;
	height:135px;
	margin-bottom:15px;
}

#logo {
	position:absolute;
	margin:75px 0 0 0;
	width:274px;
	height:45px;
	padding:0;
	font-size:18px;
	line-height:18px;
	overflow: hidden;
}

#logo a {
	color:#FFFFFF;
	font-size:25px;
	line-height:25px;
	display: block;
	width:274px;
	height:45px;
	text-decoration: none;
	cursor:pointer;
	background:url(../images/logo-joel-cudmore-photography.png) no-repeat;
	text-indent:-99999px;
	overflow:hidden;
}

#logo a:hover {
	text-decoration: none;
	cursor:pointer;
}


/* -- PRIMARY NAVIGATION -- */

#nav {
	position:absolute;
	margin: 84px 0 0 616px;
	height:31px;
	width:325px;
	padding:0;
	list-style: none;
}
#nav li {
	float: left;
	padding:0;
	margin:0 0 0 10px;
}
#nav li a {
	outline: none;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	font-size:16px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	height: 31px;
	line-height: 31px;
	overflow:hidden;
	text-indent:-99999px;
	background-image: url("../images/nav-sprite.png");
}

#b1-one {width: 75px; background-position: 0 0;}
#b1-one:hover {background-position: 0 -31px;}
.current #b1-one {background-position: 0 -62px;}

#b1-two {width: 131px; background-position: -75px 0;}
#b1-two:hover {background-position: -75px -31px;}
.current #b1-two {background-position: -75px -62px;}

#b1-three {width: 89px; background-position: -206px 0;}
#b1-three:hover {background-position: -206px -31px;}
.current #b1-three {background-position: -206px -62px;}

#b1-four {width: 66px; background-position: -295px 0;}
#b1-four:hover {background-position: -295px -31px;}
.current #b1-four {background-position: -295px -62px;}



#nav-icons {
	position:absolute;
	margin: 25px 0 0 787px;
	height:43px;
	width:155px;
	padding:0;
	list-style: none;
}
#nav-icons li {
	float: left;
	padding:0;
	margin:0 0 0 5px;
}
#nav-icons li a {
	outline: none;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	height: 43px;
	line-height: 43px;
	overflow:hidden;
	text-indent:-99999px;
	background-image: url("../images/nav-icons-sprite.png");
}

#b2-one {width: 51px; background-position: 0 0;}
#b2-one:hover {background-position: 0 -43px;}

#b2-two {width: 37px; background-position: -51px 0;}
#b2-two:hover {background-position: -51px -43px;}
.current #b2-two {background-position: -51px -43px;}

#b2-three {width: 47px; background-position: -88px 0;}
#b2-three:hover {background-position: -88px -43px;}
.current #b2-three {background-position: -88px -43px;}

/* Page styles */

#content-area {
	width:940px;
	color:#999999;
	font-size:13px;
	line-height:20px;
	margin-top:20px;
	background:#2e2e2e url(../images/bg-content-box.png) right top no-repeat;
}

#flash-content {
	width:940px;
}

#home-flash {
	height:520px;
}


.box-3col {
	width:460px;
	height:185px;
	float:left;
	background:#2e2e2e url(../images/bg-content-box.png) right top no-repeat;
}

.box-2col {
	width:300px;
	height:185px;
	float:left;
	background:#2e2e2e url(../images/bg-content-box.png) right top no-repeat;
}

.box-1col {
	width:140px;
	height:185px;
	float:left;
	background:#2e2e2e url(../images/bg-content-box.png) -75px top no-repeat;
}

.box-margin {
	margin-left:20px;
}

.box-inner {
	padding:15px 18px 18px 18px;
}

.box-inner-left {
	float:left;
	width:600px;
}

.box-inner-right {
	float:left;
	width:250px;
	margin-left:40px;
}

#b-request-quote-form {
	display:block;
	width:199px;
	height:35px;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/b-request-quote-form.png) no-repeat;
}

#b-request-quote-form:hover {
	background-position:0 -35px;
}

/* --------------------------------------------
|  FOOTER
--------------------------------------------- */

#footer {
	clear:both;
	width:940px;
	margin:15px 0 0 0;
}

#footer-inner {
	padding:25px 40px;
}


#footer-nav {
	padding:20px 0;
	float:right;
}

#footer-nav li {
	float:left;
	margin-left:14px;
}

#footer-nav a {
	letter-spacing:0;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

#footer-nav a:hover {
	color:#999;
}



#copyright {
	padding:20px 0;
	font-size:11px;
	color:#666666;
}