/* CSS Document */

* { 
padding:0; 
margin:0; 
} 
body {
background: #000000 url(../-images/background.jpg) no-repeat;
background-position:top center;
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
}
img {
border: 0px;
}
h1 {
}
h2 {
}
p {
}
a{

}

#header {
width: 970px;
height: 114px;
margin: 20px auto 0px;
position: relative;
}
#page-container {
clear: both;
width: 970px;
margin: 20px auto 0px;
}
#footer {
clear: both;
color: #bae7fe;
width: 970px;
margin: 20px auto 0px;
text-align: center;
font-size: 10px;
letter-spacing: .02em;
}
#logo {
float: left;
}
#navigation {
float: right;
vertical-align:bottom; 
padding: 0px;
}
#navigation ul {
margin-top: 78px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navigation ul li {
float: left;
margin: 0px 10px 0px 9px;
}
#navigation ul li a {
vertical-align:bottom;
color: #bae7fe;
text-decoration: none;
font-weight: 700;
font-size: 15px;
letter-spacing: .015em;
}
#section-header {
padding: 10px;
margin: 0px 0px 10px 0px;
background: transparent url(../-images/left-column-background.png) repeat;
}
#section-header h1 {
font-size: 17px;
color: #34c8e3;
text-transform: uppercase;
}
#section {
float: left;
width: 100%;
padding: 10px;
margin: 0px 0px 10px 0px;
background: transparent url(../-images/left-column-background.png) repeat;
}
.highlight-box {
background: transparent url(../-images/highlight-box.png) no-repeat;
width: 950px;
height: 151px;
margin: 0px 0px 10px 0px;
}
.highlight-box-left-content {
float: left;
/*width: 50%;*/
padding: 10px;
}
.highlight-box-right-content {
float: right;
width: 50%;
color: #ffffff;
font-size: 19px;
font-weight: 300;
line-height: 21px;
letter-spacing: 0.025em;
padding: 10px;
}
.highlight-box-right-content h2 {
display: none;
}
#column-container {
float: left;
width:  936px;
padding: 10px;
background: transparent url(../-images/left-column-background.png) repeat;
}
#left-column {
float: left;
width: 268px;
padding: 10px;
text-align: center;
background: transparent url(../-images/left-column-background.png) repeat-y;
}
#right-column {
float: left;
width: 618px;
padding: 10px;
}
#right-column-section-header {
float: left;
width: 618px;
padding: 10px;
margin: 0px 0px 10px 0px;
background: transparent url(../-images/left-column-background.png) repeat;
}
#right-column-section-header h1 {
font-size: 17px;
color: #34c8e3;
text-transform: uppercase;
}
#right-column-section-content {
float: left;
width: 618px;
padding: 10px;
background: transparent url(../-images/left-column-background.png) repeat;
}
#right-column-section-content  p{
color: #ffffff;
font-size: 15px;
font-weight: 200;
line-height: 21px;
letter-spacing: 0.025em;
padding: 10px;
}
.photo-caption, photo-caption a, photo-caption a:visited, photo-caption a:link, photo-caption a:hover {
text-transform:uppercase;
color: #aacbe0;
width: auto;
height: 15px;
font-size: 11px;
text-align: right;
padding: 5px;
}
#social-links-container {
margin: 25px 0px 10px 0px;
}
#social-links-container img {
margin: 0px 0px 30px 0px;
}

#contact-column-container {
float: left;
width: 100%;
}

#contact-left-column {
float: left;
width: 60%;
}

#contact-right-column {
float: left;
width: 40%;
}

.form-field-container-left-column {
text-align: right;
width: 140px;
float: left;
vertical-align:middle;

}
.form-field-container-right-column {
float: left;
margin: 0px 0px 20px 5px;
width: 300px;
}


.submit-button {
background: transparent url(../-images/left-column-background.png) repeat-y;
border: 1px solid #07515e;
font-size: 21px;
color: #34c8e3;
text-transform: uppercase;
font-weight: 300;
width: 300px;
height:  54px;
padding: 5px;
text-align: center;
margin: 20px 0px 0px 0px;
cursor: pointer;
}

label {
padding: 5px;
}

input {
position: relative;
clear: both;
background: transparent url(../-images/left-column-background.png) repeat;
border: 1px dashed #05839a;
padding: 5px;
color: #34c8e3;
font-size: 15px;
width: 300px;
}

textarea {
position: relative;
clear: both;
background: transparent url(../-images/left-column-background.png) repeat;
border: 1px dashed #05839a;
padding: 5px;
color: #34c8e3;
font-size: 15px;
width: 300px;
}

.form-field-container {
position: relative;
clear: both;
margin: 0px 0px 20px 0px;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
font-weight: 300;
}

#skills-list, #skills-list ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#skills-list li  {
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 13px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}



#skills-list li ul li {
border-left: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}


#skills-list li h2{
margin: 0px 0px 0px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 15px;
color: #1f7888;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}

#skills-list li ul li:hover {
border: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 11px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}


#skills-list li ul li a, skills-list li ul li a:focus, skills-list li ul li a:hover, skills-list li ul li a:visited {
text-decoration: none;
color: #34c8e3;
}

#skills-list li ul li , skills-list li ul li :focus, skills-list li ul li :hover, skills-list li ul li :visited {
text-decoration: none;
color: #34c8e3;
}


#skills-list li.dormant {
color: #1f7888;
margin: 0px 0px 10px 5px;
border-left: 1px dashed  #0c4f74;
}
.tc {
color: #1b9fb7;
}
#skills-list li.dormant.tc {
color: #147a8d;
}
#work-list, #work-list ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#work-list li {
border-left: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 11px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}

#work-list li:hover {
border: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 11px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}


#work-list li a, work-list li a:focus, work-list li a:hover, work-list li a:visited {
text-decoration: none;
color: #34c8e3;
}

#work-list li.dormant {
color: #1f7888;
margin: 0px 0px 10px 5px;
border-left: 1px dashed  #0c4f74;
}
.tc {
color: #1b9fb7;
}
#work-list li.dormant.tc {
color: #147a8d;
}
#accolades-list, #accolades-list ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#accolades-list li.item {
border-left: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 11px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}

#accolades-list li.item:hover {
border: 1px dashed  #1075ac;
margin: 0px 0px 20px 5px;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
font-size: 11px;
background: transparent url(-images/left-column-background.png) repeat;
letter-spacing: 0.035em;
}


#accolades-list li.item a, accolades-list li.item a:focus, accolades-list li.item a:hover, accolades-list li.item a:visited {
text-decoration: none;
color: #34c8e3;
}

#accolades-list li.dormant {
color: #1f7888;
margin: 0px 0px 10px 5px;
border-left: 1px dashed  #0c4f74;
}
.tc {
color: #1b9fb7;
}
#accolades-list li.dormant.tc {
color: #147a8d;
}


#cache-renew {
display: none;
/*visibility: hidden;*/
}
#seo {
display: none;
/*visibility: hidden;*/
}




.clear {
clear:both;
}