/*
 * File: style.css
 * Description: Yummy Interactive Corporate Site
 * Guidelines: Order properties by display, position, box model (margin, border, padding, width, height), float, clear, z-index
 * 
 * TABLE OF CONTENTS
 * -------------------------
 * 1. Reset
 * 2. Layout
 * 3. Navigation Elements
 * 4. Typography
 * 5. Parnters Carousel
 *
 
/* 1. Reset____________________________________________________ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/league_gothic-webfont.eot');
	src: local('☺'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfont2aE1TJlL') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* 2. Layout____________________________________________________ */

#siteWrap{width:980px; margin:0px auto;}
#siteWrap2{width:980px; margin:0px auto;}

#logo{width:200px; float:left;}
.Banner{
	height:320px;
	width:982px;
	padding-top:13px;
	clear:both;
	
	}
	
.Banner img{
	border:1px solid #000;;
	}
	
.contentWrap{

	overflow:hidden;
	clear:both;
	margin-bottom:30px;
	
}	

.contentWrap2{
	background-attachment:fixed;
	overflow:hidden;
	clear:both;
	
}	

.contentWrap p{
margin-top:15px;	
	
	}
.leftCol{
	width:555px;
	float:left;	
	
	}
	
.leftCol2{

	float:left;
	width:340px;
	min-height:300px;
 	clear:both;
	overflow:hidden;
	margin-top:75px;

	}
	
.innerwrap{
	padding-left:40px;
	width:300px;
	}


.rightCol{
	width:410px;
	float:right;
	margin-left:5px;
	}
	
.rightCol2{
	width:600px;
	float:right;
	padding:0 0 40px 20px;
	vertical-align:top;
	margin-top:40px;
	border-left:1px dotted #ccc;

	}
.rightCol2 p{
margin-bottom:20px;	
	}	
#footer{
	clear:both;
	
	}
	
.meettop{
	background:url(images/meetTop.png) no-repeat;
	height:25px;
	margin-bottom:0px;
	margin-top:15px;
	width:480px;
	
	
	}	
.meetmid{
border:1px solid #e8f4ff;
background:#E8F4FF;	
padding:0 10px 0 10px;
width:458px;
margin-top:0px;
}

.meetmid p{
margin-top:0px;	
	
	}
.meetbottom{
	background:url(images/meetBottom.png) no-repeat;
	height:25px;
	margin-bottom:0px;
	width:480px;
	
	}	
	
#footer{
	background:#009DDC url(images/footer_bkg.png) repeat-x;
	position:relative;
	width:100%;
	bottom:0px;
	border-top:2px solid #888;
	overflow:hidden;
	height:350px;
	
	}
	
#innerfooter{
	width:980px;
	margin:5px auto 0 auto;
	padding-bottom:20%;
	}	
	
.copyright{
	float:right;
	font-size:10px;
	margin-top:10px;
	color:#CCC;
	width:375px;
	}
/* 3. Navigation Elements____________________________________________________ */	
	
ul.mainNav{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:14pt;
display:inline;
float:right;
margin-top:60px;
}
	
ul.mainNav li{
	display:inline;
	padding-right:20px;
	text-decoration:none;
	
	}
	
ul.mainNav li a{
	text-decoration:none;
	color:#666;
	}
	
ul.mainNav li a:hover{
	color:#090;
	}
	
	
ul.solutions{
font-family: Arial, Helvetica, sans-serif;
color:#666;
font-size:14pt;
display:inline;
margin-top:60px;
}

ul.solutions2{
font-family: Arial, Helvetica, sans-serif;
color:#666;
font-size:14pt;
display:inline;
margin-top:5px;
}
	
ul.solutions li, ul.solutions2 li{
	display:inline;
	padding-right:15px;
	text-decoration:none;
	}
	
ul.solutions li a, ul.solutions2 li a{
	text-decoration:none;
	color:#666;
	}
	
ul.solutions li a:hover, ul.solutions2 li a:hover{
	color:#090;
	}	
	
ul.projects{
color:#666;
font-size:18pt;
display:inline;
margin-top:60px;
}
	
ul.products li{
	float:left;
	padding-right:5px;
	padding-left:20px;
	margin-top:20px;
	text-decoration:none;
	width:300px;
	}
	
ul.products li a{
	text-decoration:none;
	color:#666;
	}
	
ul.products li a:hover{
	color:#090;
	}	
	
ul.footer{
color:#fff;
display:inline;
float:right;
margin-top:5px;
width:980px;
text-align:right;
}
	
ul.footer li{
	display:inline;
	padding-right:5px;
	text-decoration:none;
	}
	
ul.footer li:after {
	content: " | ";
	}

ul.footer li.last:after {
	content: " ";
	}

	
	
ul.footer li a{
	text-decoration:none;
	color:#fff;
	}
	
ul.footer li a:hover{
	color:#ccc;
	}
	
	
	
div.demo_btn
{
    display:block;
    height:100px;
    width:390px;
    text-indent:-9999px;
    display:block;
    background:url(images/demo.png) 0 -100px no-repeat;
    height:100px;
    width:390px;
    text-indent:-9999px;
 
    }

div.demo_btn a
{
    display:block;
    background:url(images/demo.png) 0 0 no-repeat;
    height:100%;
    width:100%;
    text-indent:-9999px;
    
    }

div.demo_btn a:hover
{
    background-position:0 -100px;
    
    }
	
	
	
.button {
    display:block;
    width:130px;
    height:40px;
    text-indent:-9999px;
}

.button a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(Cancel-css.png) no-repeat top left;
    outline:none;
}

.button a:hover {
    background-position:0 -40px;
}


	
	
/* 4. Typography____________________________________________________ */

a{ color:#555;}
a:hover{color:#090;}
body{
	font-family:Verdana, Geneva, sans-serif;
font-size:10pt;
line-height:15pt;
	
	}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	text-transform:uppercase;
	margin-top:24px;
	letter-spacing:-2px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:25px;
	}
	
.where{
	font-weight:bold;
	color:#000;
    margin:0 0 10px 40px;
	padding-top:10px;
	}
	
.latestNews{}

.socialBookmarks{
	margin-top:10px;
	}
	
/* 4. Partners Caorusel______________________________________________ */
.partners{
	width:400px;
	height:230px;
	border:1px solid #CACACA;
	margin-top:15px;
	background:#F2F2F2 url(images/partners_bkg.png) repeat-x;
	
	}
	
	.showcase{
	clear:both;
	width:980px;
	height:230px;
	border:1px solid #CACACA;
	margin-top:15px;
	background:#F2F2F2 url(images/partners_bkg.png) repeat-x;
	
	}
	
.latestNews{
	border:1px solid #CACACA;
	padding:10px;
	}

.latestNews li {
	padding:10px;
	}
.blue {
	background: #e8f4ff;
	
	
	}
	
.date{
	font-weight:bold;
	}
	
/* 4. Sliding Boxes______________________________________________ */	
	
.boxgrid{
	width: 300px;
	height: 200px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 200px;
	width: 100%;
	bottom:-200px;
	
 	}
 .captionfull .boxcaption {
 	top: 220;
 	left: 0;
 }
 
 .captionfull .boxcaption{
	color:#fff; 
	 }
 .caption .boxcaption {
 	top: 200;
 	left: 0;
 }
 
 
 
 h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
.boxcaption p{margin:10px;}
 a.slidebox{
	font-size:12px;color:#fff; padding:5px; margin:20px 0 0 0; background:#009DDC; text-decoration:none;
	 }
	 
	a.slidebox:hover{
		background-color:#FF0;
		color:#000;
		
		}
		
/* 5. Rotating Banner______________________________________________ */		
		
.partners{
	width:400px;
	height:230px;
	border:1px solid #CACACA;
	margin-top:15px;
	background:#F2F2F2 url(images/partners_bkg.png) repeat-x;
	
	}		
		
		
#jqb_object img{ 
	border: none;
}

#jqb_object { 
	position:relative;
	width:400px; height:230px; 
	overflow:hidden;
}


#jqb_object .jqb_bar{
	position:absolute;
	width:400px; height: 30px;
	left:0px;
	bottom:0px;
	background:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
    color: #ffffff;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
}

#jqb_object .jqb_slide{
	position:absolute;
	width:460px; height:250px; 
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
	text-align: left;
}

#jqb_object .jqb_info{
	position:absolute;
	padding: 2px 10px 2px 10px;
	float: left;
}

#jqb_object .jqb_btn{
	width: 15px; height: 14px;
	margin: 10px 5px 2px 2px;
	float: right;
}
#jqb_object .jqb_btn_next{
	background-image:url(images/btn_next.gif);
}
#jqb_object .jqb_btn_prev{
	background-image:url(images/btn_prev.gif);
}
#jqb_object .jqb_btn_pause{
	background-image:url(images/btn_stop.gif);
}
#jqb_object .jqb_btn_play{
	background-image:url(images/btn_play.gif);
}

pre { display:none }

/* 5. Modules______________________________________________ */		


h3,h2.sf_newsTitle a
{
   font-size:18px; 
   color:#000;
   line-height:21px;
   text-decoration:none;
   margin-bottom:0px;
   padding:0px;
  
    }
    
.sf_newsList li
{
    border-bottom:1px dotted #888;
    }
    
h2.sf_newsTitle a:hover, h3:hover
{
    margin-top:0px;
    padding:0px;
    color:#090;
    }
    
.sf_newsList .sf_newsDate 
{
    font-style:italic;
    font-size:10px;
    margin:5px;
    color:#666;
    
    }
    
    
h3 {
     color:#fff;
     
     }
     
 h3:hover
 {
     color:#fff;
     margin:10px;
     
     }
  
ul.bullet{
	list-style-type:disc;
	margin-left:20px;
} 	
ul.bullet li{
margin-bottom:5px;
}