/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body ul.logotype {padding:0;margin:0;width:880px;}
body ul.logotype li {margin:0;padding:0;list-style:none;}
body ul.logotype li.right {float:right;margin:0 0 3px 0;}
body ul.logotype li.right a {margin:0;padding:0;}
body ul.logotype li.left {float:left;color:#fff;margin:40px 0 0 0;padding:0;position:relative;top:-3px;}
body ul.logotype li.left p {margin:2px 0 0 0;padding:0;color:#bfbfbf;}
.container .contentWrapper {background:#010a27 url(../images/bgStart.jpg);float:left;width:879px;}
.container .arrow {position:relative;top:1px;left:3px;}


/**************************************/
/*              HEADER                */
/**************************************/
.container .header {height:22px;width:880px;background:#000 url(../images/header.png) no-repeat;border-bottom:2px solid #000;clear:both;}
.container .footer {height:6px;width:880px;background:#000 url(../images/footer.png) no-repeat;border-top:2px solid #000;clear:both;}
.container #logotype {position:absolute;top:5px;left:50%;margin:0 0 0 238px;}
.languageOption {position:relative;right:-17px;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
.container .topnav {list-style:none;margin:0;padding:0;line-height:22px;width:880px;}
.container .topnav li {margin:0;padding:0;display:inline;}
.container .topnav .left {float:left;margin:0 0 0 19px;}
.container .topnav .right {float:right;font-size:.8em;margin:0 4px 0 0;}
.container .topnav a:link, .container .topnav a:visited, .container .topnav a:active, .container .topnav a:hover {color:#fff;margin:0 0 0 0;}
.container .topnav a.current {padding:0 5px 0 10px;margin:0 17px 0 0;background:url(../images/arrow2.gif) 0px 2px no-repeat;height:21px;margin-left:-10px;}

/**************************************/
/*               FLASH                */
/**************************************/
#player{float:right;margin:-24px 50px 0 0;}
#videosnippets{margin:10px 0 0 80px;}
#gallery{height:494px;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#index .container .contentWrapper .content {margin:26px;}
#index .container .desc p {width:450px;}

.container .boxes {margin:0;padding:0;list-style:none;float:left;}
.container .boxes li {width:270px;height:169px;float:left;background:url(../images/box.png) no-repeat;margin:0 8px 0 0;padding:0;cursor:pointer;}
.container .boxes li.last {margin:0;}
.container .boxes li img.photo {margin:7px 0 0 7px;}
.container .boxes li p {margin:3px 0 0 7px;width:133px;height:44px;color:#4f6a9d;float:left;display:inline;font-size:1.2em;position:relative;bottom:-3px;line-height:17px;}
.container .boxes li a.boxButton {background:url(../images/boxButton.png) no-repeat;width:100px;height:46px;display:block;float:right;margin:3px -1px 0 0;}
.container .smallBoxes {margin:9px 0 0 0;padding:0 0 40px 0;list-style:none;float:left;color:#4f6a9d;}
.container .smallBoxes li {width:269px;height:89px;float:left;background:url(../images/smallBox.png) no-repeat;margin:0 10px 0 0;padding:0;cursor:pointer;}
.container .smallBoxes li.last {margin:0;}
.container .smallBoxes h2 {margin-bottom:1px;margin-top:22px;}
.container .smallBoxes h2, .container .smallBoxes p {margin-left:14px;}
.container .boxes a:link,.container .boxes a:visited,.container .boxes a:hover,.container .boxes a:active, .container .smallBoxes a:link,.container .smallBoxes a:visited,.container .smallBoxes a:active,.container .smallBoxes a:hover {color:#4f6a9d;}

#sub .container .cols {float:left;width:880px;background:#fff url(../images/colsBg.png) repeat-y;}
#sub .container .cols .left {width:134px;background:#4f6a9d;border-left:1px solid #323f56;float:left;margin:0;padding:0;}
#sub .container .cols .left .menu a {float:left;height:21px;line-height:21px;width:122px;background:#4f6a9d;border-bottom:1px solid #fff;display:inline;padding:0 0 0 12px;margin:0;font-size:.9em;}
#sub .container .cols .left .menu a:link,#sub .container .cols .left .menu a:active,#sub .container .cols .left .menu a:hover,#sub .container .cols .left .menu a:visited {color:#fff;}
#sub .container .cols .left .menu a:hover,#sub .container .cols .left .menu a.current {background:#7caad9;}
#sub .container .cols .left .menu a.last {border:none;}
#sub .container .cols .left .puffWrapper {background:url(../images/leftBg.png) repeat-x;clear:both;float:left;width:134px;}
#sub .container .cols .left .puffWrapper.alt {background:url(../images/leftBg2.png) repeat-x;}
#sub .container .cols .left .puffWrapper .puff {background:url(../images/leftPuffBg.png) no-repeat;width:130px;height:166px;margin:4px 0 0 2px;float:left;clear:both;padding:0 0 100px 0;}
#sub .container .cols .left .puffWrapper.alt .puff {padding-bottom:0;background:url(../images/leftPuffBg2.png) no-repeat;}
#sub .container .cols .left .puffWrapper .puff img {margin:3px 0 2px 2px;float:left;}
#sub .container .cols .left .puffWrapper .puff p {float:left;width:123px;height:32px;background:#fff;clear:both;margin:0 0 0 2px;padding:0;display:inline;color:#4f6a9d;line-height:12px;position:relative;bottom:-4px;}
#sub .container .cols .left .puffWrapper .puff a.button {background:url(../images/puffButton.png) no-repeat;width:123px;height:28px;display:inline;float:left;padding:0;margin:2px 0 0 2px;border:0;}
#sub .container .cols .centerWrapper {width:442px;background:#fff;float:left;margin:0;padding:0;}
#sub .container .cols .centerWrapper.alt {width:703px;}
#sub .container .cols .centerWrapper.alt #shop {margin-left:-20px;}
#sub .container .cols .center {margin:36px 30px 30px 41px;text-align:left;color:#8c8c8c;}
#sub .container .cols .center a:link,#sub .container .cols .center a:active,#sub .container .cols .center a:hover,#sub .container .cols .center a:visited {color:#8c8c8c;padding-right:16px;background:url(../images/arrow3.png) center right no-repeat;padding-top:2px;}
#sub .container .cols .center a:hover {color:#4f6a9d;}
#sub .container .cols .center h3 {padding:0;}
#sub .container .cols .right {width:302px;background:#fff;float:right;margin:0;padding:0;}
#sub .container .cols .right.blog {background:#ebebeb;color:#8c8c8c;}
#sub .container .cols .right .content {margin:20px;}
#sub .container .cols .right .content ul {margin:0;padding:0;}
#sub .container .cols .right .content li {list-style:none;margin:0;padding:0 0 0 0px;}
#sub .container form {font-size:12px;}
#sub .container #newsletter p {margin-bottom:10px;}
#sub .container #newsletter label {width:220px;display:block;}
#sub .container #newsletter .checkbox {float:left;}
#sub .container form .text {width:200px;display:block;padding:3px;}
#sub .container #newsletter .zip {width:45px;margin-right:3px;float:left;}
#sub .container #newsletter .city {width:145px;margin-right:3px;}


/**************************************/
/*               BLOGG                */
/**************************************/
.container .entry .info {font-size:.9em;}
.container .blog .photo {float:left;margin-top:19px;}
.container .blogMenu {float:right;position:relative;right:-14px;}
.container .blogInfo {float:left;clear:both;width:116px;width:262px;margin-top:2px;}


/**************************************/
/*               FOOTER               */
/**************************************/
body .footer ul {list-style:none;margin:12px 0 0 0;padding:0;width:880px;}
.footer ul li {float:left;margin:0;padding:0;width:280px;}
.footer ul li p {width:136px;float:left;margin:11px 0 0 38px;display:inline;}
.footer ul li a:link,.footer ul li a:visited,.footer ul li a:active,.footer ul li a:hover {color:#fff;}
.footer ul li img {float:right;}