/*  
Description: Satori Cross Border Program Stylesheet
Author: Donnie Valdez
Author URI: http://donaldcvaldez.com
*/

/*----- Reset Stuffs -----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
img {border:0;}

/*----- Typography Stuffs -----*/

body{font: 14px "Helvetica", Sans-Serif;color:#333;background: #FFF url('images/main_bg.gif') top left repeat-x;}
p{line-height:18px;}
h2, h3, h4, h5, h6 {font-style:normal;font-weight:normal;background:transparent;}
h1{font-style:normal;font-size: 18px;padding: 0 0 20px 0;color:#FFF;}
h2 {font-size: 18px;padding: 0 0 20px 0;font-weight:normal;}
h3, h4, h5, h6 {font-size: 16px;padding: 6px 0 6px 0;}
.right{float:right;}

/*----- Link Stuffs -----*/

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

/*----- List Stuffs -----*/

ul, ol {list-style:none;}
ul li {float:left;list-style:none;color:#FFF;}
ul li ul li{float:left;display:block;padding: 0 0 0 0;}
ul li a {color:#FFF;}
ul li img {}
ul li a:link,ul li a:visited {}
ul li a:hover,ul li a:active {}

/*----- Wrapper Stuffs -----*/

#container{width:915px;margin:auto;background:transparent;}
/* the workaround */ 
/* moz 1.4 requires something in the content field THANKS SUZY-UK! =] */ 
#container:after{content: "."; display: block; line-height: 1px; font-size: 1px; color:#FFF; clear: both;}

/*----- Header Stuffs -----*/

#header{width:915px;height:118px;}
#nav{height:34px;width:915px;background: #666 url('images/top_menu.gif') center no-repeat;}
#nav li {float: left;margin-left: 5px;margin-top:8px;list-style:none;font-size:16px;}
#nav li a {color: #FFF;padding: 0 15px 0 15px;display: block;text-decoration: none;text-align:center;border:0;}
#nav li a:hover {color: #CCC;}
#nav li.right {float:right;margin-right:20px;}

/*----- Featured Top Box Stuffs -----*/

#featurebox{height:304px;width:915px;}
#featurebox ul{top:277px;margin-left:50px;color:#FFF;font-size:13px;position:absolute;width:505px;}
#featurebox ul li{margin-bottom:5px;}

/*----- Page Content Stuffs -----*/

#content{float:left;width:573px;height:650px;background: #FFF url('images/content_bg.gif') top left repeat-x;padding:20px 20px 20px 20px;border-left:1px solid #CCC;border-bottom:3px solid #464646;}
#content p{margin-bottom:15px;}
#content a, a:active, a:visited{color:#111;text-decoration:underline;}
#content a:hover{color:#111;text-decoration:none;}
#sidebar{float:right;width:280px;height:650px;background: #FFF url('images/content_bg.gif') top left repeat-x;padding:20px 20px 20px 0;border-right:1px solid #CCC;border-bottom:3px solid #464646;}
#sidebar p{margin-bottom:15px;}
#sidebar a, a:active, a:visited{color:#111;text-decoration:underline;}
#sidebar a:hover{color:#111;text-decoration:none;}

/*----- Footer Stuffs -----*/

#footer{margin:auto;width:873px;height:180px;padding:20px 20px 20px 20px;background-color:#464646;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #FFF;}
#footercolumn{width:271px;height:180px;display:inline;color:#999;float:left;padding-right:20px;}
#footercolumn p{margin-bottom:10px;}
#footercolumn a, a:active, a:visited{color:#fff;text-decoration:underline;}
#footercolumn a:hover{color:#fff;text-decoration:none;}
#footercolumn img{border:1px solid #fff;}


#footermenu{margin:auto;width:873px;height:25px;padding:10px 20px 0 20px;background-color:#464646;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #FFF;}
#footermenu p {color:#999;display:inline;}
#footermenu a {color: #999;text-decoration: none;}
#footermenu a:hover {color: #FFF;}
#footermenu ul {display:inline;}
#footermenu li {list-style:none;font-size:14px;color:#999;}
#footermenu li a {color: #999;text-decoration: none;text-align:center;border:0;}
#footermenu li a:hover {color: #FFF;}
#footermenu li.right {float:right;}