@charset "utf-8";
/* CSS Document */
/* Eric Meyer 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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style-image: none;
list-style-position: inside;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body {
background: #FFF;
}
* { outline: none;
text-decoration: none;
}
img {
border: none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
/* Start of Home/Index Page */
div {
border: none;
}
.clear {
clear: both;
}
em {font-weight: bold; color: #fff; }
h3 {
color: #C4C4AC;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px !important;
line-height: 1.2em;
padding-left: 1px;
padding-top: 2px;
white-space:normal;
margin-left: 7px;
margin-top: 7px;
opacity: 0.5;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
}
h4 {
color: #d2d2c4;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px !important;
line-height: 1.2em;
padding-left: 1px;
padding-top: 2px;
white-space:normal;
margin-left: 7px;
margin-top: 7px;
opacity: 0.5;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
}
.index_copyright_ApacheLicense {
Copyright 2011 Web Media Design
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
}
body {
background: url(images/693X693.jpg) repeat fixed center top;
width: 1499px;
text-decoration: none !important;
}
#wrapper {
position: absolute;
width: 1000px;
height: 870px;
background-color: #050505;
margin: 0 auto -35px;
margin-top: 75px;
margin-left: 110px;
margin-bottom: 20px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 60px;
-moz-box-shadow: 0px 0px 7px 7px #333032;
-webkit-box-shadow: 0px 0px 7px 7px #333032;
box-shadow: 0px 0px 4px 4px #333032;
}
#header {
position: relative;
width: 1000px;
height: 130px;
margin: 0 auto;
margin-top: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
background-color: #050505;
}
#logo {
width: 160px;
height: 153px;
position: relative;
margin: 0 auto;
margin-left: 12px;
margin-top: -70px;
background: url(images/logo160_153a.png) no-repeat;
float: left;
clear: right;
}
#title_logo {
width: 389px;
height: 31px;
position: absolute;
margin: 0 auto;
margin-left: 555px;
margin-top: -9px;
background: url(images/title381_31a.png) no-repeat;
float: right;
clear: left;
opacity: .6;
}
#nav {
width: 50%;
float: right;
margin-top: -160px;
margin-right: -50px;
border: none;
}
#nav ul, #nav li {
margin: 0px;
padding: 0px;
padding-top: 0px;
list-style-type: none;
}
#nav li {
width: 20%;
float: left;
}
#nav a {
display:block;
padding: 2px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 19px !important;
font-weight: bold;
text-decoration: none;
color: #C4C4AC;
text-shadow: 3px 3px 3px 3px #353C5A;
opacity: .6;
}
#nav a:hover {
background-color: #ced8cf;
color: #353C5A;
border-style: outset;
border-color: #FFF;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 3px 3px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#breadcrumb {
height:41px;
background:#981b13;
}
#myCanvas {
width: 1000px;
height: 150px;
margin: 0 auto;
background-color: #C4C4AC;
}
#excanvas {
width: 1000px;
height: 150px;
margin: 0 auto;
margin-left: 0px;
background-color: #C4C4AC;
}
#content {
width: 100%;
margin: auto 0;
background-color: #050505;
}
#mainleft {
width: 490px;
height:420px;
float: left;
clear: right;
}
#mainright {
width:510px;
height: 420px;
float: left;
clear: right;
}
#quote1 {
position: relative;
width: 600px;
height: 30px;
float: left;
clear: right;
margin: 0 auto;
margin-left: -2px;
margin-top: 40px;
color: #ced8cf;
opacity: .5;
padding-bottom: 3px;
padding-top:6px;
text-align: left;
text-align: justify;
text-decoration: none;
}
#quote2 {
width: 370px;
height: 96px;
background-color: #262626;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 3px 3px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
clear: right;
float: left;
margin-left: 50px;
margin-top: 48px;
padding-bottom: 24px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
position: relative;
text-align: justified;
}
#quote3 {
position: relative;
width: 370px;
height: 151px;
background-color: #262626;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 4px 4px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
clear: right;
float: left;
margin-left: 50px;
margin-top: 65px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
text-align: justified;
}
#skills {
position: relative;
width: 400px;
height: 300px;
background:url(images/skills400X300g.png) no-repeat;
-moz-box-shadow: 0px 0px 7px 7px #323335;
-webkit-box-shadow: 0px 0px 3px 3px #323335;
box-shadow: 0px 0px 4px 4px #323335;
float: right;
clear: left;
margin-right: 55px;
margin-top: 61px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
}
#home_stripes {
position: absolute;
width: 1000px;
height: 60px;
margin: 0 auto;
margin-top: 469px;
background:url(images/stripes1000X60.png) repeat-x bottom center;
-moz-box-shadow: 0px 0px 10px 2px #000000;
-webkit-box-shadow: 0px 0px 5px 2px #000000;
box-shadow: 0px 0px 5px 0px #000000;
}
#footer{
position: absolute;
width: 989px;
margin-left: 113px;
background-color: #050505;
margin-top: 913px;
border-right: 6px solid #9999BF;
border-left: 6px solid #9999BF;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;
border-radius: 0 0 20px 20px solid #ced8cf;
box-shadow: 0 0 4px #9999BF;
}
#footer p {
position: absolute;
color: #C4C4AC;
text-decoration: none;
margin-left: 390px;
margin-top: 21px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px !important;
opacity: .4;
}
/* End of Home/Index Page */
/* Start of Portfolio Page */
#portfolio_wrapper {
position: absolute;
background-color: #050505;
width: 1000px;
height: 1125px;
margin: 0 auto -35px;
margin-top: 70px;
margin-left: 110px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 60px;
-moz-box-shadow: 0px 0px 7px 7px #323335;
-webkit-box-shadow: 0px 0px 7px 7px #323335;
box-shadow: 0px 0px 4px 4px #323335;
}
#nav_portfolio {
width: 50%;
float: right;
margin-top: -160px;
margin-right: -50px;
border: none;
}
#nav_portfolio ul, #nav_portfolio li {
margin: 0px;
padding: 0px;
padding-top: 0px;
list-style-type: none;
}
#nav_portfolio li {
width: 20%;
float: left;
}
#nav_portfolio a {
display:block;
padding: 2px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
text-decoration: none;
color: #C4C4AC;
text-shadow: 3px 3px 3px 3px #353C5A;
opacity: .4;
}
#nav_portfolio a:hover {
background-color: #ced8cf;
color: #353C5A;
border-style: outset;
border-color: #FFF;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 3px 3px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
}
.chicago {
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
color: #ffffff;
/*span class for custom text color for the chicago text on the portfolio page*/
}
.mauilaui {
font-weight: bold;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
color: #ffffff;
/*span class for custom text color in maui laui text on portfolio page*/
}
.chezloupe {
font-weight:bold;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
color: #ffffff;
/*span class for custom text color in maui laui text on portfolio page*/
}
#portfolio_header {
position: relative;
width: 1000px;
height: 130px;
margin: 0 auto;
margin-top: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 60px;
}
#portfolio_content {
position: relative;
width: 1000px;
height: 850px;
margin: 0 auto;
margin-top: 50px;
background-color: #050505;
text-align: center;
}
.thumbs img { /*--individual thumbs--*/
width: 150px;
height: 100px;
margin-top: 50px;
clear: right;
float: left;
margin-left: 70px;
margin-right: 120px;
text-decoration: none;
border-top: 2px solid #323335;
border-bottom: 2px solid #323335;
border-right: 2px solid #323335;
border-left: 2px solid #323335;
-moz-box-shadow: 0px 0px 2px 2px #323335;
-webkit-box-shadow: 0px 0px 2px 2px #323335;
box-shadow: 0px 0px 2px 2px #323335;
-moz-border-radius: 30px;
-webkit-border-radius:30px;
border-radius: 10px;
}
#portfolio_bigpic {
width: 400px;
height: 280px;
margin-left: 285px;
text-decoration: none;
border-top: 4px solid #323335;
border-bottom: 4px solid #323335;
border-right: 4px solid #323335;
border-left: 4px solid #323335;
-moz-border-radius: 40px;
-webkit-border-radius:40px;
-moz-border-radius: 40px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 2px 2px #323335;
-webkit-box-shadow: 0px 0px 2px 2px #323335;
box-shadow: 0px 0px 2px 2px #323335;
}
#portfolio_largeImg {
width: 400px;
height: 280px;
-moz-border-radius: 100px;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
border-radius: 30px;
}
#portfolio_smallpic {
width: 900px;
height: 400px;
float: left;
clear: right;
margin-left: 92px;
padding-left: -2px;
text-decoration: none;
}
td.text1{
width: 140px;
height: 527px;
float: left;
clear: right;
margin-top: -32.2em;
margin-right:-114px;
margin-left: 28.1em;
margin-bottom: -1.8em;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
line-height:13px;
color: #C4C4AC;
padding-top: 2px;
padding-left: 1.1em;
opacity: .8;
}
#portfolio_stripes {
width: 1000px;
height: 60px;
margin-top: -285px;
background:url(images/stripes1000X60.png) repeat-x bottom center;
}
#portfolio_footer {
position: absolute;
width: 986px;
height: 37px;
margin-left: 119px;
background-color: #050505;
margin-top: 1154px;
-moz-border-radius: 0px 0px 130px 130px;
-webkit-border-radius: 0px 0px 130px 130px;
border-radius: 0px 0px 130px 130px;
box-shadow: 0 0 0px 0px #9999BF;
}
#portfolio_footer p {
position: absolute;
font-size: 10px;
color: #ced8cf;
text-decoration: none;
margin-left: 390px;
margin-top: 30px;
font-family:Arial, Helvetica, sans-serif;
opacity: .4;
}
/* End of Portfolio Page */
/* Start of Contact Page */
#contact_wrapper {
position: absolute;
width: 1000px;
height: 1070px;
margin: 0 auto -60px;
margin-top: 75px;
margin-left: 110px;
background-color: #050505;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 60px;
-moz-box-shadow: 0px 0px 7px 7px #333032;
-webkit-box-shadow: 0px 0px 7px 7px #333032;
box-shadow: 0px 0px 4px 4px #333032;
}
contact_content {
position: relative;
width: 1000px;
height: 975px;
margin: 0 auto;
background-color: #050505;
text-align: center;
}
.contact_col1 {
min-height: 150px;
width: 500px;
margin-left: 470px;
position: relative;
margin-top: 30px;
}
#nav_contact {
width: 50%;
float: right;
margin-top: -160px;
margin-right: -50px;
border: none;
}
#nav_contact ul, #nav li {
margin: 0px;
padding: 0px;
padding-top: 0px;
list-style-type: none;
}
#nav_contact li {
width: 20%;
float: left;
}
#nav_contact a {
display:block;
padding: 2px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 19px !important;
font-weight: bold;
text-decoration: none;
color: #C4C4AC;
text-shadow: 3px 3px 3px 3px #353C5A;
opacity: .4;
}
#nav_contact a:hover {
background-color: #ced8cf;
color: #353C5A;
border-style: outset;
border-color: #FFF;
box-shadow: 0 0 3px 3px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
}
#title {
color: #C4C4AC;
font-family:Arial, Helvetica, sans-serif;
font-size: 22px !important;;
line-height: 1.2em;
margin-bottom: 100px;
margin-left: 55px;
margin-top: 30px;
opacity: 0.3;
width: 800px;
text-align: left;
text-shadow: 3px 3px 3px 3px #353C5A;
}
#address {
width: 220px;
height: 115px;
background-color: #262626;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 3px 3px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
margin-left: 107px;
margin-top: -65px;
padding-bottom: 2px;
padding-left: 20px;
padding-top: 1px;
text-align: left;
line-height: 1em;
opacity: 0.7;
}
#note {
background-color: #262626;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 4px 4px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
margin-left: 449px;
margin-top: -115px;
padding-bottom: 0px;
padding-left: 20px;
padding-top: 1px;
width: 395px;
line-height: 1.2em;
text-align: left;
opacity: 0.7;
}
.info {
position: absolute;
top: 200px;
left: 500px;
}
label {
font-size: 16px;
padding-bottom: 0;
padding-left: 7px;
padding-right: 3px;
padding-top: 0;
color:#C4C4AC;
opacity: .5;
font-family:Arial, Helvetica, sans-serif;
}
#form {
position: absolute;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
float: right;
clear: left;
margin-left: 400px;
margin-bottom: 80px;
color:#bfafac;
opacity: .7;
}
.comments {
position: absolute;
margin-bottom: 280px;
margin-left: 460px;
width: 600px;
color:#C4C4AC;
}
.contact_col1, .contact_col2, .comments, .info {
color: #66620A;
}
.comments, .info {
line-height: 1em;
color:#bfafac;
}
caption, th, td {
font-weight: normal;
text-align: left;
line-height: 2em;
}
input, textarea {
height: 30px;
border: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000;
opacity: .7;
background-color: #C4C4AC;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
}
.submit {
width: 100px;
height: 55px;
background-color: #262626;
cursor: pointer;
font-size: 24px;
margin-top: 160px;
margin-left: 682px;
color:#C4C4AC;
opacity: .5;
position: absolute;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0 0 4px 4px #323335;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
}
textarea {
height: auto;
line-height: 1em;
}
#contact_stripes {
position: absolute;
float: left;
clear: right;
width: 1000px;
height: 60px;
margin: 0 auto;
margin-top: 1036px;
margin-left: 110px;
background:url(images/stripes1000X60.png) repeat-x bottom center;
-moz-box-shadow: 0px 0px 5px 0px #262626;
-webkit-box-shadow: 5px 0px 5px 0px #262626;
box-shadow: 5px 0px 5px 0px #262626;
opacity: .6;
}
#contact_footer {
width: 1000px;
height: 60px;
margin-right: 400px;
margin-bottom: 50px;
}
#contact_footer p {
color: #C4C4AC;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 540px;
margin-top: 1135px;
opacity: 0.5;
position: absolute;
float: right;
clear: left;
text-align: center;
opacity: .4;
}
</style>
/* End Contact Page **/