/*
 *  Bindle Binaries Website
 *  Copyright (C) 2011 Bindle Binaries <syzdek@bindlebinaries.com>.
 *
 *  @BINDLE_BINARIES_BSD_LICENSE_START@
 *
 *  Redistribution and use in source and binary forms, with or without
 *  modification, are permitted provided that the following conditions are
 *  met:
 *
 *     * Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above copyright
 *       notice, this list of conditions and the following disclaimer in the
 *       documentation and/or other materials provided with the distribution.
 *     * Neither the name of Bindle Binaries nor the
 *       names of its contributors may be used to endorse or promote products
 *       derived from this software without specific prior written permission.
 *
 *  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
 *  IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 *  THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 *  PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL BINDLE BINARIES BE LIABLE FOR
 *  ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 *  DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 *  SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 *  CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
 *  LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
 *  OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
 *  SUCH DAMAGE.
 *
 *  @BINDLE_BINARIES_BSD_LICENSE_END@
 */
/**
 *  @file css/style.css creates look and feel of website
 */
/*
 *  Bindle Binaries CSS Ordering
 *     CSS Positioning: X, Y
 *     CSS Size:        Width, Height
 *     CSS Box:         Margin, Border, Padding
 *     CSS Background
 *     CSS Text
 *     CSS Font
 */

body
{
	margin:      0 0 0 0;
	padding:     0 0 0 0;
	background:  #FFFFFF url('../images/bg.png') 0px 20px repeat-x;
	color:       #666666;
	text-align:  center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:   11px;
}

a:link    { color: #5b8fbe; text-decoration: none; }
a:visited { color: #5b8fbe; text-decoration: none; }
a:active  { color: #5b8fbe; text-decoration: none; }
a:hover   { color: #5b8fbe; text-decoration: underline; }

#page
{
	width:	   1005px;
	margin:     0 auto 0 auto;
	padding:    0 0 0 0;
	background: transparent url('../images/page_bg.png') bottom center repeat-y;
	text-align: left;
}

#headermenu
{
	width:       985px;
	height:      20px;
	margin:      0 auto 0 auto;
	padding:     0 0 0 0;
	background:  transparent;
	color:       transparent;
	line-height: 20px;
	font-size:   10px;
}

#headermenu ul
{
	float:       right;
	margin:      0 0 0 0;
}

#headermenu ul li { display: inline; }

#headermenu ul li a
{
	padding:     0 0 0 5px;
}

#header
{
	width:      985px;
	height:     190px;
	margin:     0 auto 0 auto;
	background: transparent url('../images/banner_mountains.jpg') no-repeat -300px 0px;
	color:      transparent;
	font-size:  0px
}

#header h1
{
	float:      left;
	width:      125px;
	height:     60px;
	margin:     0 0 0 0;
	padding:    20px 0 0 10px;
	background: transparent url('../images/logo.png') no-repeat 10px 10px;
	color:      transparent;
}

#header h2
{
	float:   right;
	margin:  165px 10px 0 10px;
	padding: 0px 0px 0 10px;
	color:     #99aacc;
	font-size: 14px;
}

#menu
{
	clear:	both;
	width:	985px;
	margin:  0px auto 0 auto;
	border:  0;
	padding: 0 0 0 0;
}

#menu ul
{
	float:         left;
	width:         985px;
	margin:        0 0 0 0;
	border-bottom: 1px solid #000000;
	padding:       0 0 0 0;
	background:    #09173a url('../images/menu_bg.png') repeat;
	color:         White;
	font-size:     12px;
	font-weight:   bold;
}

#menu ul li { display: inline; }

#menu ul li a
{
	float:            left;
	border-right:     1px solid #000000;
	padding:          5px 10px 7px 10px;
	background-color: transparent;
	color:            #6c98bc;
	text-decoration:  none;
}

#menu ul li a:hover
{
	background: #2b2f77 url('../images/menu_bg.png') repeat;
	color:      #8487b7;
}

#wrapper
{
	width:      985px;
	min-height: 300px;
	margin:     20px auto 0 auto;
	padding:    20px 0 0 0;
	background: transparent url('../images/wrapper_bg.png') repeat-y;
}

#wrapper h3
{
	margin:      10px 0 0 0;
	color:       #5b8fbe;
}

#wrapper pre
{
	margin:   0 0 0 0;
	padding:  0 5px 0 5px;
	background: #cccccc;
	color:      #000000;
}

#left
{
	float:   left;
	width:   140px;
	margin:  0 15px 0 15px;
	border:  0;
	padding: 0 0 20px 0;
}

#right
{
	float:   right;
	width:   140px;
	margin:  0 15px 0 15px;
	border:  0;
	padding: 0 0 20px 0;

}

#content
{
	width:   615px;
	margin:  0 185px 0 185px;
	border:  0;
	padding: 0 0 20px 0;
}

.submenu
{
	margin:        0 0 20px 0;
	border-bottom: 1px solid #D1D9C4;
	padding:       0 0 0 0;
}

.submenu li
{
	margin:      0 0 0 0;
	border-top:  1px solid #D1D9C4;
	line-height: 20px;
	font-size:   10px;
	list-style:  none;
}

.submenu li a { color: #26526F; text-decoration: none; }

.productrow
{
	height:           130px;
	margin:           10px 0 10px 0;
	border:           0px;
	color:            #6c98bc;
	text-decoration:  none;
}

.productitem
{
	float:         left;
	max-width:     100px;
	margin:        0 0 0 20px;
	border:        0px;
	font-size:     12px;
	text-align:    center;
}

.producticon
{
	float:         left;
	max-width:     100px;
	max-height:    100px;
	margin:        0 10px 5px 0;
	border:        0px;
}

.thumbnail1
{
	float:         left;
	max-width:     100px;
	max-height:    100px;
	margin:        0 10px 5px 0;
	border:        0px;
}

.thumbnail2
{
	float:         right;
	max-width:     100px;
	max-height:    100px;
	margin:        0 0 5px 10px;
	border:        0px;
}

.nostyle li
{
	list-style:  none;
}

#footer
{
	width:            985px;
	margin:           0px auto 0px auto;
	border:           0;
	padding:          5px 0 5px 0;
	background:       #236995;
}

#footer p
{
	margin:      5px 0 5px 0;
	padding:     0 0 0 0;
	color:       white;
	text-align:  center;
	line-height: 10px;
	font-size:   10px;
}

#footer a:link    { color: white; text-decoration: none; }
#footer a:visited { color: white; text-decoration: none; }
#footer a:active  { color: white; text-decoration: none; }
#footer a:hover   { color: white; text-decoration: underline; }

/* end of CSS */