/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, 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,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;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* general styles */
.bold {font-weight:bold;}
.italic {font-style:italic;}
body {font-family:Helvetica, Arial, sans-serif;font-size:14px;}
a {text-decoration:none;color:#1eabe2;}
a:hover {text-decoration:underline;}
p {margin-bottom:15px; color:#333;}
.hidden {display:none;}
a.button {
background:#F26522 none repeat scroll 0 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F26522),color-stop(1, #6d2e11));
color:#FFFFFF;
padding:2px 10px 2px 10px;
-moz-border-radius:10px;
-moz-box-shadow:2px 2px 10px #555;
-webkit-border-radius:10px;
-webkit-box-shadow:2px 2px 10px #555;
position:relative;
top:3px;
}
a.button:hover {
background:#555555 none repeat scroll 0 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6d2e11),color-stop(1, #F26522));
text-decoration:none;}
/* layout */
#container {text-align:center;}
#content {margin:50px auto; width:850px;}
.subContent {
text-align:left;
width:410px;
margin:30px auto;
}
/* top */
.pageTitle {float:left;}
.pageTitle h1 {width:400px;height:50px;text-indent:-9999px;background:url(images/codyscottlogo.gif) no-repeat scroll 7px -10px;}
.nav {float:right;margin-right:-2px;}
.navItem {float:left;width:96px;margin-left:16px;height:50px;text-align:center;background:#555;position:relative;}
.navCopy {width:80px;margin:20px auto;position:relative;z-index:9;}
.navCopy a {color:#fff;}
.navCopy a:hover {text-decoration:none;}
.navBack {
height:60px;
width:96px;
position:absolute;
z-index:-1;
}
.first {
background:#1eabe2 none repeat scroll 0 0;
margin-left:16px;
-moz-box-shadow:2px 2px 18px #555; 
-webkit-box-shadow:2px 2px 18px #555;
}
.second {
background:#cc4599 none repeat scroll 0 0;
margin-left:128px;
}
.third {
background:#7ac142 none repeat scroll 0 0;
margin-left:240px;
}
.fourth {
background:#f26522 none repeat scroll 0 0;
margin-left:352px;
}
.selected {z-index:1;top:40px;margin-top:0px !important}
/* main */
.main {clear:both;width:850px;height:670px;border:.1em solid #ccc;background:#fff;z-index:6;position:relative;-moz-box-shadow:6px 6px 18px #999;-webkit-box-shadow:6px 6px 18px #999;}
.frntpg, .portfolio, .contact, .about {position:absolute;width:840px;margin-left:5px;height:630px;margin-top:5px;background:#fff;}
.frntpg {z-index:5;}
.header-leftbg {
-moz-box-shadow:0px -10px 18px #555555;
background:#555 none repeat scroll 0 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #000000));
height:100px;
margin-left:180px;
margin-top:565px;
opacity:0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
position:absolute;
width:300px;
-moz-border-radius-topleft:80px;
-moz-border-radius-topright:80px;
-webkit-border-top-right-radius:80px;
-webkit-border-top-left-radius:80px;
}
.header-left {
color:#FFFFFF;
font-size:68px;
font-weight:lighter;
letter-spacing:-3px;
margin-left:190px;
margin-top:565px;
padding:10px 20px 0;
position:absolute;
text-shadow:4px 4px 54px #FFFFFF;
text-transform:lowercase;
z-index:999;
}
.header-rightbg {
-moz-box-shadow:-5px -10px 18px #555555;
-webkit-box-shadow:-5px -10px 18px #555555;
background:#1EABE2 none repeat scroll 0 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1EABE2),color-stop(1, #114153));
height:160px;
margin-left:465px;
margin-top:505px;
opacity:0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
position:absolute;
width:380px;
-moz-border-radius-topleft:80px;
-webkit-border-top-left-radius:80px;
}
.header-right {
color:#FFFFFF;
font-size:68px;
letter-spacing:-3px;
margin-left:420px;
margin-top:505px;
padding:10px;
position:absolute;
text-shadow:2px 2px 44px #FFFFFF;
text-transform:lowercase;
width:320px;
}
.header-right p {
color:#FFFFFF;
font-size:14px;
letter-spacing:normal;
margin-left:70px;
margin-top:5px;
position:absolute;
text-align:left;
text-transform:none;
width:330px;
}

/* portfolio */
.thumbHolder {
float:left;
width:160px;
background:#fff;
padding-top:130px;
height:71%;
padding-left:5px;
overflow:hidden;
}
.thumbWrapper {
float:left;
height:70px;
margin-bottom:10px;
margin-right:8px;
opacity:0.4;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
overflow:hidden;
position:relative;
width:71px;
}
.thumbInner1, .thumbInner2, .thumbInner3, .thumbInner4 {position:relative;}
.thumbWrapper:hover {
cursor:pointer;
}
.current {
opacity:1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; 
}
.portNav {
height:119px;
position:absolute;
text-align:left;
width:156px;
z-index:3;
background:#fff;
}
.portNav a {
color:#555;
}
.portNav a:hover {
text-decoration:none;
}
.portNav .linkItem {
padding:5px 5px 5px 10px;
width:150px;
}
.portNav .selected {background:#CC4599 none repeat scroll 0 0;}
.portNav .hover {
background:#DDDDDD none repeat scroll 0 0;
}
.portNav .selected a {
color:#fff;
font-weight:bold;
}
.thumbWrapper img {
width:148px;
border:1px solid #fff;
}
.photoHolder {width:673px;height:441px;float:right;}
img.portphoto {border:1px solid #999;display:none; }
.galleryHolder {position:absolute;width:840px;height:630px;background:#fff;}
#gallery1, #gallery2, #gallery3, #gallery4 {display:none;}

/* contact */
.label {
margin-top:20px;
font-weight:bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ .label {margin-top: 10px;} } /* total hack, target safari and chrome */
input {
border:.1em solid #999;
font-size:14px;
color:#555;
width:390px;
padding:5px;
background:#ddd;
}
input:focus {
border: .1em solid #444;
background:#fff;
}
input.button {
width:100px;
background:#F26522;
color:#fff;
}
input.button:hover {
background:#555;
color:#ddd;
}
textarea {
width:390px;
border:.1em solid #999;
padding:5px;
color:#555;
height:80px;
margin-bottom:20px;
background:#ddd;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
}
textarea:focus {
border: .1em solid #444;
background:#fff;
}

/* admin */
.admin {
margin:30px auto;
text-align:left;
width:620px;
}
.admin h2 {
background:#555555 none repeat scroll 0 0;
color:#FFFFFF;
font-size:24px;
font-weight:lighter;
margin-bottom:10px;
margin-top:20px;
padding:10px;
}
.admin img {
float:left;
width:620px;
}
.editArea {
border-bottom:0.1em solid #999999;
margin-bottom:30px;
padding-bottom:10px;
}
.subHead {
clear:both;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
}
.photoCont  {
border-bottom:0.1em solid #DDDDDD;
clear:both;
margin-bottom:20px;
overflow:hidden;
}
.photoCont img {
float:left;
padding-right:20px;
width:150px;
}
.admin textarea {
height:200px;
width:608px;
}
a.delete {color:red; font-weight:bold;} 
a.delete:hover {text-decoration:none;cursor:pointer;cursor:hand;}
p.updated {padding:10px;margin-bottom:20px;background:#555;color:#fff;}.addPhoto {margin-bottom:20px;}