@charset "UTF-8";
@import url("gallery.css");

/* Site Design by Match Point Pictures. http://matchpointpictures.com. All Rights Reserved. ©2007 Match Point Pictures*/


body { color: #666666; margin: 0px; padding: 0px; background-color: #000000; background-image: url(../assets/background/background6.jpg); background-repeat: no-repeat; background-position: center top; }

#title { height: 50px; width: 309px; overflow: hidden; background: url(/assets/title/title_blue.png); margin-top: 10px; padding: 0px; margin-bottom: 0px; clear: both; }
#title:hover { background-position: 0px -50px; cursor: auto; }
#title:active { background-position: 0px -100px; cursor: default; }

#footer { background-image: url(../assets/footer.jpg); background-repeat: no-repeat; background-position: center top; height: 16px; width: 910px; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0px; padding-top: 4px; padding-right: 0px; padding-left: 0px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif, "Helvetica Neue"; font-size: 10px; text-align: left; text-indent: 10px; vertical-align: middle; clear: both; }
#footer a:link,
#footer a:visited { color: #666666; text-decoration: none; }
#footer a:hover { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }

#wrapper { text-align: left; width: 910px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; }

#index_image { height: 300px; width: 910px; background-color: #FFFFFF; background-image: url(../assets/homeimage/rotate.php); background-repeat: no-repeat; background-position: center center; padding-top: 15px; margin: 0px; padding-bottom: 0px; }
#index_image .matchpoint { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin-top: 120px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#nav { height: 25px; font-size: 11px; text-transform: lowercase; background-color: #000000; background-image: url(../assets/navbg.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-align: center; font-family: "Helvetica Neue", "Lucida Grande", Geneva, Arial, sans-serif; }


#nav ul { margin: 0px; padding: 0px; list-style-type: none; height: 25px; background-image: url(../assets/navbg_small.jpg); background-repeat: repeat-x; background-position: bottom; }
#nav li { float: left; margin: 0px; padding: 0px; height: 25px; width: 130px; }
#nav li a{ text-decoration: none; display: block; color: #ccc; background-image: url(../assets/navhover.png); background-repeat: no-repeat; background-position: center 0px; padding-top: 5px; padding-right: 17px; /*20px;*/ padding-bottom: 0px; padding-left: 17px; /*20px;*/ margin-top: 0px; height: 20px; text-align: center; }
#nav li a:hover{ color: #FFFFFF; background-position: center -77px; font-weight: bold; }
#nav li a#selected { text-shadow: none; color: #000000; background-position: center -51px; cursor: default; font-size: 12px; background-color: #FFFFFF; font-weight: normal; padding-top: 5px; }
#nav li a:active { text-shadow: none; color: #CCCCCC; background-position: center -26px; cursor: auto; background-color: #666666; text-shadow; font-weight: bold; padding-top: 6px; }


#indexnav { font-size: 11px; text-align: center; font-family: "Helvetica Neue", "Lucida Grande", Geneva, Arial, sans-serif; margin-right: auto; margin-left: auto; width: 900px; height: 40px; overflow: hidden; padding-bottom: 5px; margin-top: 0px; padding-top: 0px; }


#indexnav ul { list-style-type: none; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 50px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 14px; }
#indexnav li { float: left; font-size: 24px; color: #333333; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; text-transform: uppercase; margin: 0px; padding: 0px; height: 50px; }

#indexnav li a{ text-decoration: none; display: block; color: #666666; padding-top: 8px; padding-right: 30px; /*20px;*/ padding-bottom: 0px; padding-left: 30px; /*20px;*/ margin-top: 0px; text-align: center; height: 50px; border-right-width: 1px; border-left-width: 1px; border-right-style: dotted; border-left-style: dotted; border-right-color: #FFFFFF; border-left-color: #FFFFFF; }

#indexnav li a:hover{ color: #000066; background-position: center 7px; background-color: #FFFFFF; background-image: url(../assets/indexselect.jpg); background-repeat: no-repeat; border-right-width: 1px; border-left-width: 1px; border-right-style: dotted; border-left-style: dotted; border-right-color: #999999; border-left-color: #666666; }

	
#content { font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; background-color: #FFFFFF; clear: both; overflow: auto; visibility: visible; height: 100%; }

#page { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif, "Helvetica Neue"; font-size: 18px; text-transform: capitalize; padding-top: 5px; padding-left: 35px; padding-right: 45px; display: none; clear: both; }
#info { clear: both; width: 890px; margin-right: auto; margin-left: auto; }


#index_left { text-align: right; float: left; width: 110px; padding-right: 10px; line-height: 35px; font-size: 14px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #666666; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; }
#index_left a { text-decoration: none; color: #666666; }
#index_left a:hover { color: #0066FF; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #0099FF; }
#index_right { text-align: left; padding-right: 6px; }


#contact_left { text-align: right; float: left; width: 220px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 375px; }
#contact_right { text-align: left; padding-right: 6px; padding-left: 250px; padding-top: 8px; font-size: 12px; line-height: 16px; }
#contact_right .about { font-size: 15px; line-height: 20px; color: #333333; }
#contact_right .cosign { color: #333333; font-weight: bold; }
#contact_right .sin { color: #666666; font-size: 18px; font-family: "Helvetica Neue", "Lucida Grande", Geneva, Arial, sans-serif; }

#service_left { text-align: right; float: left; width: 220px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 410px; }
#service_right { text-align: left; padding-right: 6px; padding-left: 250px; padding-top: 8px; font-size: 12px; }
#service_right a:link,
#service_right a:visited { color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-decoration: none; }
#service_right a:hover { color: #333333; }
#service_right .tangent { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #000000; }
#service_right .cosign { color: #333333; font-weight: bold; }
#service_right .sin { color: #666666; font-size: 18px; font-family: "Helvetica Neue", "Lucida Grande", Geneva, Arial, sans-serif; }

.keyterm { font-size: 24px; color: #000000; line-height: 30px; letter-spacing: -1px; text-transform: lowercase; }
.keyterm:hover { color: #003399; cursor: default; }

#image_right #reflect { float: right; }

#graphic_left { text-align: right; float: left; width: 200px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 410px; }
#graphic_right { text-align: left; padding-right: 6px; padding-left: 225px; padding-top: 8px; font-size: 12px; line-height: 17px; }
#graphic_right a:link,
#graphic_right a:visited { color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-decoration: none; }
#graphic_right a:hover { color: #333333; }

#web_left { text-align: right; float: left; width: 220px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 600px; }
#web_right { text-align: left; padding-right: 6px; padding-left: 250px; padding-top: 8px; font-size: 12px; line-height: 17px; }
#web_right a:link,
#web_right a:visited { color: #333333; text-decoration: none; }
#web_right a:hover { color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }

#web_tables { }
#web_tables .webtitle { font-weight: bold; color: #333333; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; font-size: 12px; }
#web_tables .webtype { font-weight: normal; color: #666666; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif, "Helvetica Neue"; font-size: 10px; }
#web_tables .webdesc { font-weight: bold; color: #333333; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; font-size: 12px; }


#video_left { text-align: right; float: left; width: 220px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCCCCC; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 400px; }
#videop_left { text-align: right; float: left; width: 200px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCCCCC; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 625px; }
#video_right { text-align: left; padding-right: 6px; padding-left: 220px; padding-top: 8px; font-size: 12px; line-height: 17px; }
#video_right a:link,
#video_right a:visited { color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-decoration: none; }
#video_right a:hover { color: #333333; }

#film_specs { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
#film_specs th { text-align: left; font-size: 13px; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; text-indent: 20px; }
#film_specs td { border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; }
#film_specs tr { color: #666666; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; }
#film_specs tr:hover { color: #000066; }

.videotitle { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-size: 24px; color: #999999; text-transform: uppercase; padding-top: 10px; padding-bottom: 15px; letter-spacing: .1em; }
.flash640 { width: 640px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; margin: 0px; }

#squaresel { }
#squaresel a:link,
#squaresel a:visited { text-decoration: none; font-size: 14px; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; color: #666666; border: 0px none #FFFFFF; }
#squaresel a:hover { color: #333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; }

#photo_left { text-align: right; float: left; width: 220px; padding-right: 10px; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; color: #999999; padding-bottom: 30px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999; background-color: #FFFFFF; background-image: url(../assets/index_gradient_left.jpg); background-repeat: no-repeat; background-position: right top; height: 350px; }
#photo_right { text-align: left; padding-right: 6px; padding-left: 250px; padding-top: 8px; font-size: 12px; line-height: 16px; }
#photo_right a:link,
#photo_right a:visited { color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; text-decoration: none; }
#photo_right a:hover { color: #333333; }
#photo_right .tangent { font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#photo_right .cosign { color: #333333; font-weight: bold; }
#photo_right .sin { color: #666666; font-size: 18px; font-family: "Helvetica Neue", "Lucida Grande", Geneva, Arial, sans-serif; }

.image_left { float: left; padding-right: 10px; padding-bottom: 70px; padding-top: 5px; }