/*
    CedSum.com style-sheet
    Created on : Jan 3, 2015, 8:58:39 PM
    Author     : Cedric Summerbell
*/

/* CSS Reset */
#element { margin:0; padding:0; font-size:100%; line-height:1; }
     
    
/* #element rules: */
#element { margin:5px 0 10px; font-size:13px; line-height:1.5; }

    
    
body {
    background-image: url("images/cedsum_background.jpg");
    font-family:"Helvetica Neue" ,Helvetica,Arial,sans-serif;
    font-size:14px;
    color: black;
    line-height:1.428571429;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light",
    "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",
    sans-serif;font-weight:normal;line-height:1.1;color:white}h1 small,
    h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,
    .h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
h1,.h1{font-size:28px;line-height:28px}
h2,.h2{font-size:24px;line-height:24px}
h3,.h3{font-size:20px;line-height:20px}
h4,.h4{font-size:18px;line-height:18px}
h5,.h5{font-size:16px;line-height:16px}
h6,.h6{font-size:14px;line-height:14px}

.test{
    text-align: center;
    font-size:100%;
    font-size:1.5vw;
    color:white;
    text-shadow: 2px 2px 5px black;
    min-width: 250px;
    width: 100%;
    height: 165px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 50px;
}


#margin{
    width:1042px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
    
}

#wrapper{
    background-color:black;
    border: 1px solid;
    border-color: black;
    border-radius: 10px;
    box-shadow: 2px 5px 20px black;
    width: 1022px;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    height: 100%;
    position: relative;
    
}

.header{
    background-color:black;
    max-width: 600px;
    width: 40%;
    padding-top: 5px;
    margin-top: 1px;
    margin-left: 5px;
    margin-right: auto;
    padding: 1px;
}

.searchBox{
    background-image: url("images/mrrotten.jpg");
    min-width: 406px;
    height: 206px;
    margin-left: 611px;
    margin-right: 6px;
    margin-top: 4px;
}

.content{
    width:1010px;
    border: 6px solid;
    border-color: black;
    border-radius: 10px;
    background-image: url("images/purple_brick.jpg");
    display: inline-block;    
    
}

.leftContent{
    color: white;
    font-size: 110%;
    float:left;
    text-shadow: 1px 2px 5px black;
    text-align: justify;
    width: 16%;
    margin-left: 7px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;

}   

.mainContent{
    color: white;
    font-size: 120%;
    text-align: justify;
    font-weight: 500;
    //text-shadow: 1px 1px 3px gray;
    float:right;
    background-color: black;
    background-size: 900px 200px;
    background-position: center;
    width: 70%;
    border: 7px solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
    min-height: 1300px;
    height: inherit;
    margin-top: -7px;
    //margin-left: 7px;
    margin-right: -7px;
    margin-bottom: -8px;
    padding-left: 40px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 50px;
    position: relative;
}

.mainContentImages{
    color: white;
    font-size: 120%;
    text-align: justify;
    font-weight: 500;
    line-height: 100px;
    //text-shadow: 1px 1px 3px gray;
    float:right;
    background-color: black;
    background-size: 900px 200px;
    background-position: center;
    width: 70%;
    border: 7px solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
    min-height: 584px;
    height: inherit;
    margin-top: -7px;
    //margin-left: 7px;
    margin-right: -7px;
    margin-bottom: -8px;
    padding-left: 40px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative;
}

.mainContentThreeD{
    color: white;
    font-size: 120%;
    text-align: center;
    font-weight: 500;
    line-height: 100px;
    //text-shadow: 1px 1px 3px gray;
    float:right;
    background-color: black;
    background-size: 900px 200px;
    background-position: center;
    width: 70%;
    border: 7px solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
    min-height: 584px;
    height: inherit;
    margin-top: -7px;
    //margin-left: 7px;
    margin-right: -7px;
    margin-bottom: -8px;
    padding-left: 40px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative;
}





#footer{
    background-color:black;
    color: gray;
    text-align: center;
    width: 100%;
    height: 20px;
    margin-bottom: -20px; 
    margin-left: -40px;
    margin-right: -40px;
    border: 2px solid;
    border-color:black;
    box-shadow: 5px 5px 10px black;
    padding: 20px;
   
}


/* 

    ******The following are the elements for the menu**********

*/
.menu {
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    width: 1024px;
    padding: 0;
    list-style: none;
}
.menu li {
    //display: inline;	
    float:left; //creates horizontal menu elements
    padding: 0;
    margin: 0px;
    height: 61px;
    list-style: none;
    background-repeat: no-repeat;
}
.menu li a, .menu li a:visited, .menu li:hover { 
	display: block; 
	text-decoration: none;
	text-indent: -9999px;
	height: 61px;
	background-repeat: no-repeat;
}
.Home {background-image: url(images/Home_button.jpg); background-size: 203px 61px; width: 203px;}
    .Home:hover {background-image: url(images/Home_button_hover.jpg); background-size: 203px 61px; width: 203px;}
.three {background-image: url(images/3D_button.jpg); width: 203px; background-size: 203px 61px; width: 203px;}
    .three:hover{background-image: url(images/3D_button_hover.jpg); background-size: 203px 61px; width: 203px;}
.two{background-image: url(images/2D_button.jpg); width: 203px; background-size: 203px 61px; width: 203px;}
    .two:hover {background-image: url(images/2D_button_hover.jpg); background-size: 203px 61px; width: 203px;}
.FX {background-image: url(images/FX_button.jpg); width: 203px; background-size: 203px 61px; width: 203px;}
    .FX:hover {background-image: url(images/FX_button_hover.jpg); background-size: 203px 61px; width: 203px;}
.About {background-image: url(images/About_button.jpg); width: 203px; background-size: 203px 61px; width: 203px;}
    .About:hover {background-image: url(images/About_button_hover.jpg); background-size: 203px 61px; width: 203px;}
//end of menu elements





.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */