is@charset "UTF-8";

* {
	margin : 0%;
	padding : 0%;
}

body {
	background-color : rgb(0,0,0);
        width : 90%;
	margin : 2% 5% 0% 5%;
	color : rgb(192,192,192);
	font-family : Century Gothic;
	font-size : 18px;
}

#page_header {
        width : 90%;
        margin-left : 5%;
        display : inline-block;
}

#page_footer {
    border : none;
    height : 3%;
    width : 90%;
}

#page_footer a {
    height : 100%;
    width : 3%;
    margin : auto;
}

#name img {
        display : inline-block;
	float : left;
	width : 100%;
        border : none;
}

#contact img {
        display : inline-block;
        width : 30%;
	float : right;
        border : none;
}

#news img {
        display : block;
        width : 20%;
        border : none;
        margin : auto;
}


#page_menu {
        margin-top : 5%;
        margin-bottom : 5%;
        margin-left : 0%;
        width : 96%;
        float : left;
        display : block;
        border : none;
}

#page_bodybox {
	width : 100%;
	height : 70%;
	background-color : rgb(0,0,0);
}

#page_bodybox a img:hover {
    background-color : #000000;
}

#page_bodybox a:hover,a center:hover {
    background-color : #800000;
}

#page_bodybox_home {
	width : 100%;
	height : 70%;
	background-color : rgb(0,0,0);
}

.recent-works {
    padding-left : 20%;
    width : 100%;
    height : 100%;
}

.recent-works h4 {
    width : 100%;
    margin-bottom : 3%;
}

.recent-works h3 {
    width : 70%;
    margin-bottom : 3%;
}

#page_content {
    margin-left : 5%;
}

#page_content px {
        margin : 1%;
        text-align : left;
}

#page_content a {
        color : rgb(192, 192, 192);
}

#page_content h3 {
    font-size:1.5em;
    text-align : center;
    color : #800000;
}

#page_content a img {
       margin : 1%;
       border : none;
}

.eventSummary {
    border : solid;
    max-height : 1%;
    display : inline-block;
}

.eventDetails {
    margin : auto;
    max-width : 100%;
    display : inline-block;
    border : solid;
    vertical-align : top;
    float : right;
    visibility : hidden;
}

.eventSummary:hover > *.eventDetails {
       visibility : visible;
       max-height : 20%;
}

#leftcol {
        border : none;
        margin-left : 10%;
	width : 35%;
	height : 40%;
	vertical-align : middle;
	float : left;
	font-weight : normal;
}

#leftcol a img {
	max-width : 100%;
	max-height : 200%;
	border : none;
	float : center;
        overflow : hide;
}

#maincol {
        border : none;
        margin-top: 4%;
	margin-left : 3%;
	margin-right : 3%;
	width : 40%;
	height : 40%;
	float: left;
	overflow : hidden;
	text-align : left;
}

#maincol h2, #maincol h3 {
	font-size : 18px;
	margin-bottom : 15px;
}

#maincol p {
	font-size : 12px;
	padding-top : 0px;
	padding-bottom : 19px;
}

#maincol h6 {
	font-size : 20px;
	font-family : ALS Script;
}

#maincol ul {
	padding-top : 2px;
	padding-bottom : 10px;
	display : block;
}

#maincol li {
	padding-left : 8px;
	padding-bottom : 6px;
	background : url('images/bullet_arrow.gif') no-repeat 0px 2px;
	font-weight : normal;
	display : block;
}

#maincol_nav {
	margin-top : 8px;
	text-align : center;
}

#maincol_nav img {
	border-style : none;
}

#maincol_nav b {
	text-decoration : none;
	font-weight : normal;
	font-size : 18px;
	color : rgb(192,192,192);
}

#maincol_nav a {
	text-decoration : none;
	font-weight : normal;
	font-size : 12px;
	color : rgb(192,192,192);
}

#maincol_nav a:hover {
	color : rgb(192,192,192);
}

#rightcol {
        border : none;
        margin-right : 0%;
	max-height : 30%;
	max-width : 10%;
        display : inline-block;
}

#rightcol a img {
        margin-left : 0%;
        margin-right : 0%;
        margin-top : 7%;
        margin-bottom : 7%;
	border : none;
	max-height : 200%;
	max-width : 100%;
	display : inline-block;
}

#rightcol a img:hover {
        border : solid;
        border-color : #800000;
	max-height : 110px;
	max-width : 110px;
}

span {
    visibility : hidden;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 padding-bottom: 1px;
 font: normal 20px/normal Century Gothic;
}

ul.dropdown li {
 padding: 4px 10px;
 color: #bfbfbf;
}

ul.dropdown li.divider {
 border-top: none;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 color: #bfbfbf;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #bfbfbf; text-decoration: none; }
ul.dropdown a:hover		{ color:#ffffff; background-color: #800000; text-decoration: underline; }
ul.dropdown a:active	{ color: #ffffff; background-color: #ffffff;}


ul.dropdown ul {
	 width: 150px;
	 border: none;
	 background-color: #000000;
	 font-weight: normal;
	 font-size: 20px;
}


ul.dropdown *.dir {
 background-position: 95% 50%;
 background-repeat: no-repeat;
}


ul.dropdown-horizontal{
 width: 100%;
}

ul.dropdown-horizontal ul *.dir {
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 4px 10px;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding:4px 0;
}

ul.dropdown li {
 padding: 0;
 border: none;
}

ul.dropdown li a,
ul.dropdown *.dir {
 border: none;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir {
 border: none;
}


ul.dropdown li:hover > *.dir {
	 position: relative;
	 z-index: 600;
	 margin: -1px 0;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
	 background-color: #000000;
	 color: #ffffff;
}

	ul.dropdown-horizontal li:hover > *.dir {
	 float: left;
	}

ul.dropdown ul li:hover > *.dir {
	 position: static;
	 z-index: 0;
	 float: none;
	 margin: 0;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 border: none;
}
