@charset "UTF-8";
/* CSS Document - Paul Dabek
Primary colours: blue: 00d2f6, yellow: ffd68f, dark grey: 2c2c2c, light grey: 404040, black: 000000, hover: fdbc41; purple: 472f47
*/

body{
margin: 0px auto;
padding: 0;
text-align: center;
background: #2c2c2c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background: url('images/bg.jpg'); 
}

ul {list-style: none; list-style-position: outside; }

#wrapper{
width: 938px;
margin: 0px auto;
text-align: center;
}

a { color: #fff; text-decoration: underline }
a:hover { color: #ffd68f; text-decoration: underline }
a img { border: 0; }

p {color: #CCCCCC;}

h1 {
color:#00d2f6;
font-size: 1.8em;

}
h2 {
color:#00d2f6;
font-size: 1.0em;
}
h3 {
color:#999999;
font-size: 1.0em;
}

/*Image Replacement*/
.replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac *//* \*/overflow: hidden;/* */}
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/}
#mid1, #mid1 span{ height:52px; width:130px; background-image: url('images/midlink1.jpg');}
#mid2, #mid2 span{ height:52px; width:130px; background-image: url('images/midlink2.jpg');}
#mid3, #mid3 span{ height:52px; width:130px; background-image: url('images/midlink3.jpg');}

/*TopMenu*/
#menu {width: 386px; float: left; height: 40px; text-align: left; font-size: 0.8em; margin: 0;} 
#menu ul {margin:0; list-style:none; width: 386px; height: 40px;}
#menu a { display:inline; color:#fff; padding: 25px 16px 25px 16px; text-decoration:none; width: 100%; height: 100%;}
#menu a:hover {background-color: #472f47; color: #fff; margin: 0; border-bottom: 2px solid #00d2f6;}
#menu li { float:left; color: #fff; margin:0; padding:16px 0 0px 0px; height: 22px; }
#menu .lastlink {margin: 0; padding-right: 0;}

/*SubMenu*/
ul#sublinks {width: 490px; height: 52px; float: left; text-align: left; padding-left: 0; padding-top: 250px;}
ul#sublinks li {display: block; float: left; padding-right: 128px;}
ul#sublinks li a {display: block; outline:none; width:34px;}
ul#sublinks li a img {padding-right: 28px; padding-left: 0;}
ul#sublinks li.lastlink {margin: 0; padding-right: 0;}


/*Div Structure*/
#tweets_n_menu {width: 938px; height: 40px;}
#header{width: 938px; height: 428px; background: url('images/banner_temp2.jpg') no-repeat; clear: both; float: left;}
#insideheader {width: 500px; height: 300px; float: left; padding-left: 0; margin-left: 0; text-align: left;}
#content{width: 938px; text-align: center; margin: 20px 0 20px 0; float: left; clear: both;}

/*sublinks*/
#sublink1 {}
#sublink2 {}
#sublink3 {}

/*Footer*/
#footer {width:926px; height: 84px; background: url('images/footer.jpg') no-repeat; text-align: left; font-size: 0.8em; float: left; clear:both; padding: 0 6px 0 6px; margin-top: 20px;}
#footerL{width: 502px; float: left; height: 40px;}
/*Footer menu*/
#footerR {width: 424px; float: left; height: 37px; text-align: left; margin: 0; padding-top: 3px;} 
#footerR ul {margin:0; list-style:none; width: 386px; height: 40px;}
#footerR a { display:inline; color:#fff; text-decoration:none; width: 100%; height: 100%;}
#footerR a:hover { text-decoration: underline; color: #fff; margin: 0;}
#footerR li { float:left; color: #fff; margin:0; padding:8px 10px 0px 0px; height: 22px; }
#footerR .lastlink {margin: 0;}

/*3 columns*/
#colL{width: 312px; height: 150px; float: left;}
#colM{width: 312px; height: 150px; float: left;}
#colR{width: 312px; height: 150px; float: left;}
.icon{width: 97px; float: left;}
#i1{background: url('images/icon_paul.jpg') no-repeat; width: 87px; height: 71px;}
#i2{background: url('images/icon_wand.jpg') no-repeat; width: 87px; height: 71px;}
#i3{background: url('images/icon_trick.jpg') no-repeat; width: 87px; height: 71px;}
.text{width: 195px; float: right; padding-right: 10px;}

/*Misc classes*/
.readmore {float: left; padding-top: 100px; padding-left: 2px; font-size: 0.8em;}

/*Twitter Feed*/
#tweets{width: 502px; float: left; height: 40px; display: block; text-align: left;}
.twitterfeed {color: #CCCCCC; font-size: 1.0 em; margin: 0; padding: 14px 8px 0 10px; float: left;}