@import url("general.css");
@import url("quickbox.css");

/********************************************************
*                       Global                          *
********************************************************/

body {
    background: #FFFFFF;
    color: #3F3F3F;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: auto;
    text-align: center;
}

a {
    color: #663399;
}

a:hover {
    color: #663399;
}

a img {
    border: none;
}

img.imageLink {
    opacity: 0.35;
    filter: alpha(opacity=35);
    zoom: 1;
}

img.imageLink:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.errorMsg {
    color: #CC0000;
    padding: 5px;
}

.sectionTitle {
    color: #CCCCCC;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px 10px;
}

.asterik {
    color: #663399;
}

#ContentWrapper {
    height: 100%;
    margin: 0 auto;
}

#HeaderWrapper {
    width: 100%;
}

#Header {
    font-size: 11px;
    width: 1000px;
    height: 105px;
    margin: 0 auto;
}

#Logo {
    background: transparent url("images/symztecStudiosLogo.png") no-repeat 50% 50%;
    width: 692px;
    height: 165px;
    margin: 150px auto auto auto;
}

#LaunchNotifyForm {
    margin: 0 auto;
    width: 550px;
}

#LaunchNotifyForm .LaunchNotifyFormMsg {
    color: #663399;
    font-size: 22px;
    margin: 20px 0 3px 0;
    text-align: left;
}

#LaunchNotifyForm input {
    background: #CCCCCC;
    color: #663399;
    font-size: 20px;
    width: 200px;
    height: 20px;
    padding: 3px 5px;
    border: 2px groove #3F3F3F;
}

#LaunchNotifyForm .submitBtn {
    background: #663399;
    color: #CCCCCC;
    font-size: 16px;
    width: 80px;
    height: 30px;
}

/********************************************************
*                       Navigation                      *
********************************************************/

#Menu {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#Menu li {
    padding: 0 10px;
    list-style-type: none;
    float: left;
}

#Menu li a {
    color: #89b656;
    text-decoration: none;
}

#Menu li a:hover {
    color: #ffffff;
    text-decoration: none;
}

/********************************************************
*                       Content                         *
********************************************************/

#Content {
    padding: 45px 0 41px 0;
}


/********************************************************
*                       Work                            *
********************************************************/

#WorkCategories {
    margin: 20px 10px;
}

#WorkCategories a {
    color: #84C1FF;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
    border-left: 1px solid #790126;
    letter-spacing: 1px;
}

#WorkCategories a.firstCategory {
    border-left: none;
}

#WorkCategories a:hover {
    color: #790126;
    text-decoration: none;
}

#PortfolioWrapper {
    width: 905px;
    overflow: hidden;
}

#Portfolio {
    width: 930px;
    border: 1px solid #cc0000;
}

#Portfolio .myWork {
    width: 168px;
    height: 300px;
    margin: 3px;
    padding: 4px;
    border: 1px solid #D1D1D1;
    float: left;
    cursor: pointer;
}

#Portfolio .myWorkLink {
    opacity: 0.35;
    filter: alpha(opacity=35);
    zoom: 1;
}

#Portfolio .myWorkLinkSelected {
    opacity: 1;
    filter: alpha(opacity=100);
}


#Portfolio .workImage {
    width: 165px;
    height: 215px;
    border: 1px solid green;
}

#Portfolio .workTitle {
    margin-top: 5px;
    border: 1px solid blue;
}

#Portfolio .workDetails {
    padding: 0;
    border: 1px solid orange;
}

/********************************************************
*                       Footer                          *
********************************************************/

#Footer	{
    width: 100%;
    height: 150px;
    margin: 20px auto;
    padding-bottom: 30px;
    text-align: center;
    text-decoration: none;
}

#Footer .copy {
    color: #CCCCCC;
    font-size: 12px;
    margin-bottom: 10px;
}