/*
Theme Name: Octavio Solis
Description: This theme was coded for Octavio Solis by Anna Singer.
Author: Anna Singer
Author URI: http://www.annasinger.info/

*/

/*****CSS RESET*******/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;}

/****BODY STYLES********/
html { overflow-y: scroll; }
body { background: #33856e; color: #470d0c; font: normal 14px Tahoma, Geneva, sans-serif; margin: 0 auto;}
p {margin: 0 0 20px;}
h1 {margin: 0 0 5px 0;font-size: 20px;}
h2 {margin: 0 0 5px 0;font-size: 18px;}
h3 {margin: 0 0 5px 0;font-size: 16px;}
h4 {margin: 0 0 5px 0;font-size: 14px;}
.clear {position: relative; clear: both; width:100%;}
#contentWrap ul {margin: 0 0 20px 30px;}
#contentWrap ul li {margin: 0 0 5px 0;}
a { text-decoration: none;color: #1f6753;}
a:hover {text-decoration:underline;}

/****HEADER STYLES*******/
#headerCon {width: 100%;height: 155px;background: url(images/header-repeat.jpg) repeat-x;}
#header {height: 155px;width: 1100px;margin: 0 auto;background: url(images/header-back.jpg) no-repeat;}
#logo {display: block;width: 100%;height: 155px;text-align: left;text-indent: -99999px;font-size: 0;line-height: 0;}

/*****NAV STYLES*******/
#navCon {position: relative; width:100%; height:45px; background: url(images/nav-repeat.jpg) repeat-x;}
.menu {width: 1100px;height: 34px;margin: 0 auto;background: url(images/nav-back.jpg) no-repeat;text-align: center;padding: 11px 0 0 0;}
.menu ul {list-style: none;}
.menu ul li {position: relative;display: inline;list-style: none;}
.menu ul li a {color: #E3DDC7;font-weight: normal;font-size: 16px;padding: 0 24px 0;}
.menu ul li a:hover { }

/*****FOOTER STYLES*******/
#footerCon {width: 100%;position: relative;height: 52px;}
#footer {width: 1100px;margin: 0 auto;background: url(images/footer-back.jpg) no-repeat;height: 52px;padding: 0 0 30px 0;}
#copy {color: #451C1A;position: relative;text-align: center;padding: 12px;font-size: 11px;}
#copy a {color: #451C1A;}
#copy a:hover {text-decoration: underline;}

/*****CONTENT STYLES*******/
.home #pageCon {width:1100px; height: 656px; background: url(images/home-back.jpg) no-repeat; position: relative; margin: 0 auto; }
#pageCon {width: 1100px;background: url(images/page-back.jpg) repeat-y;position: relative;margin: 0 auto;}
#pageWrap {position: relative; width: 100%; background: url(images/page-repeat.jpg) repeat;} 
.home #contentWrap {position: relative;float: left;width: 550px;margin: 152px 0 0 111px;line-height: 1.4em;font-weight: normal;font-size: 16px;height: 260px;padding: 0 0 20px 0;}
#contentWrap {position: relative;float: left;width: 887px;margin: 52px 0 0 111px;line-height: 1.4em;font-weight: normal;font-size: 16px;padding: 0 0 60px 0;}
#homeInfo {position: relative;float: left;clear: both;margin: 0 0 0 498px;color: white;line-height: 1.4em;width: 592px;}
#playInfoTop {font-size: 15px;font-weight: bold;margin: 0 0 9px 105px;position: relative;float: left;width: 225px;}
#playInfoBottom {font-size: 14px; position: relative;float: left;clear: both;width: 100%;}
#pageTop {width: 100%;height: 28px;background: url(images/page-header.jpg);}
#pageBottom {width: 100%;height: 28px;background: url(images/page-footer.jpg);}

/*Images*/
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }