/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { margin:0; padding:0; border:0; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

img {border:0px;}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(bg.gif) top center repeat-x;
}

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

#wrapper { 
 margin: 0 auto;
 width: 942px;
}
#header {
 width: 940px;
 color: #333;
 padding: 10px 0px;
 border-top:11px solid #99cc33;
 height: 80px;
 margin: 0px 0px 0px 0px;
}

#navigation {
 width: 940px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

#content { 
 width: 940px; display:none;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
}
#footer { 
 width: 920px;
 color: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px;
 background:#99c1c9; text-align:center;
 font-size:10px; font-weight:bold;
}


#header h1 {padding:10px 0 0 0;}
#navigation .bigbox_top {height:6px; background:url(bigbox_top.gif) top center no-repeat; margin:0px;}
#navigation .bigbox_mid {height:348px; background:url(bigbox_bg.gif) top center repeat-y; margin:0px;}
#navigation .bigbox_bot {height:6px; background:url(bigbox_bot.gif) top center no-repeat; width:100%; margin:0px;}

#navigation .rightbutton {float:right; vertical-align:middle; margin:0px -20px 0 0;}
#navigation .leftbutton {float:left; vertical-align:middle; margin:0px 0 0 -20px;}

#navigation .portfolio {list-style:none; float:left; margin:0px 0 0 0; margin:0px 5px 0 5px; width:930px; text-align:center; position:relative; z-index:3; text-align:left;}
#navigation .portfolio li {width:930px; list-style:none; margin:0 0 0 1px;}
#navigation .slide_control {list-style:none; margin:-210px 0 0 0; float:left; width:100%; position:relative; z-index:5; height:0px;}
#navigation .slide_control span {cursor:pointer; cursor:hand;}


/* -- Bubble Shit -- */
ul#slide_nav {
background:	transparent url(news_bg.png) no-repeat scroll 0 50%;
float:right;
margin:10px 0 0 0;
position:relative; z-index:4;
}

ul#slide_nav li {
background-image: url(button.png);
display: block;
float: left;
height: 9px;
list-style: none;
padding: 2px;
margin: 0px 2px;
width: 10px;
}
ul#slide_nav li:hover {
}
ul#slide_nav li#button_selected {
background-image: url(button_selected.png);
}
ul#slide_nav li#button_selected:hover {
}

#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}


#slide_nav li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}

#slide_nav li, #pause_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}

/* --- */
.bubbleInfo { position:relative;}
.popup { display: none; position:absolute; z-index:50; width:226px; height:125px; background:url(bubble.png) no-repeat; 
	     border:0; #background:url(bubbleIE.png) no-repeat;
}
.slogan { font-size:22px; font-weight:normal; line-height:30px; color:#666; padding-bottom:5px; padding-left:10px;}
.slogan2 { font-size:14px; font-weight:normal; line-height:30px; color:#999; padding-bottom:5px; padding-left:10px;}

.popup span { padding:27px 27px 0; color:#666; font-size:11px; line-height:18px; display:block;}

.bubbleInfo .trigger { color:#669900; border-bottom:1px dotted #669900;}

/* -- Bubble Shit -- */

.triple {width:940px; height:186px; background:url(triple.png) top center no-repeat;}
.triple {width:940px; height:186px; background:url(triple.png) top center no-repeat;}
.triplet {width:295px; float:left; margin:15px 0 0 15px; font-size:11px;}
.triple p {width:270px;}
.postit {float:right; margin:-180px 10px 0 0;}

.twitter a:link {float:left; display:block; background:url(button.gif) top center no-repeat; width:116px; height:20px; text-decoration:none; color:#FFF; padding:1px 0 0 1px; margin:0 5px 0 0;}
.twitter a:visited {float:left; display:block; background:url(button.gif) top center no-repeat; width:116px; height:20px; text-decoration:none; color:#FFF; padding:1px 0 0 1px; margin:0 5px 0 0;}
.twitter a:hover {text-decoration:none; color:black;} 

.contact {float:right; margin:-50px 0 0 0; text-align:right; line-height:18px;}

h3 { color:#79a4ad; font-size:14px; text-transform:uppercase; line-height:34px; text-shadow:#fff 2px 2px 0px; margin:0 0 6px 0; }
h2 { color:#79a4ad; font-size:14px; font-weight:normal; line-height:34px; text-shadow:#fff 2px 2px 0px; }

p { font-size:12px; color:#999; }