:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img {border:none}
address {font-style:normal}


#contenttop,
#content,
#contentbottom,
#banner,
.footer-box-left,
.footer-box-middle,
.footer-box-right,
img{behavior: url(iepngfix.htc)}


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:url(../images/bg.gif) top left repeat-x;
	background-color:#d2d2d2;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color:black;
	}
	
#container {
	width:824px;
	margin:0 auto;
	}
		
#header {
	position:relative;
	height:110px;
	padding:0;
	text-align:left;
	}

#banner{
	height:298px;
	background: url(../images/bannerbg.png) top center no-repeat;
	text-align:center;
	}
	#banner img{margin:50px 0 0 0;}
	
#contenttop{
	height:20px;
	background:url(../images/contenttop.png) top left no-repeat;
	}
#contentbottom{
	height:20px;
	background:url(../images/contentbottom.png) top left no-repeat;
	}
#content{
	background:url(../images/contentbg.png) top left repeat-y;
	margin:0;
	padding:0;}
	
#main-content {
	float:left;
	width:470px;
	padding:70px 10px 0 40px;
	}
	#home #main-content{padding-top:0px}
	
#sidebar-right {
	float:left;
	width:230px;
	margin:0;
	padding:80px 25px 0px 25px;
	background:url(../images/rightbg.png) 0 100px no-repeat; behavior:url(iepngfix.htc);
	}
	#home #sidebar-right{padding-top:0px}
		
		
#footer {
    border-top: #CCC solid 1px;
    background:url(../images/footer-bg2.png) repeat-x;
	height:80px;
	text-align:left;
	}

#home #footer {
	border: none;
	font-size: 11px;
	height:235px;
	color:#000;
	text-align:left;
	}

#copyright {
	width: 824px;
	margin: 20px auto;
	padding: 0 10px;
	font-size: 11px; 
	text-align:center;
	color: #626873;
}

	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/



#spritemenu{
width: 453px;
height: 50px;
background: url(../images/menu.gif) 0 -50px no-repeat;
margin:40px 10px 0 0;
padding:0;
position:relative;
float:right;
}

#spritemenu li{
margin:0; padding:0;
list-style:none;
position:absolute;
top:0px;}

#spritemenu li, #spritemenu a{
display: block;
height: 50px;
text-indent: -9999px;
}

#about{left: 0px; width:114px;}
#news{left: 112px; width:77px}
#team{left: 187px; width:63px}
#portfolio{left: 250px; width:86px}
#contact{left: 336px; width:115px}

#about a:hover, #about a.selected{background: url(../images/menu.gif) 0px 0px no-repeat;}
#news a:hover, #news a.selected{background: url(../images/menu.gif) -112px 0px no-repeat;}
#team a:hover, #team a.selected{background: url(../images/menu.gif) -187px 0px no-repeat;}
#portfolio a:hover, #portfolio a.selected{background: url(../images/menu.gif) -250px 0px no-repeat;}
#contact a:hover, #contact a.selected{background: url(../images/menu.gif) -336px 0px no-repeat;}


	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/


.ul-left {
	font-size: 12px;
	margin-left:10px;
	margin-bottom:76px;
	}


.ul-left li{
	background:url(../images/check.gif) 0% 50% no-repeat;
	padding-left:30px;
	margin-bottom:10px;
	}

.ul-link {
	font-size: 12px;
	margin-left:10px;
	margin-bottom:76px;
	}


.ul-link li{
	background:url(../images/link_icon.jpg) 0% 0 no-repeat;;
	padding-left:30px;
	margin-bottom:10px;
	font-size:14px;
	}

.ul-link p{
	margin-top:10px;
	font-size:12px}
	
.ul-why {
	margin-left:10px;
	margin-bottom:76px;
	}
	
.ul-why li{
	background:url(../images/whybullet.gif) 0% 0 no-repeat;;
	margin-bottom:10px;
	height:30px;
	padding:15px 0 0 35px;
	}


	


/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {
  	outline: none;
	color: #666666
	}

a.external, a:visited.external { 
	background: url(../images/external.gif) 100% 40% no-repeat;
	padding-right: 15px;
} 
	

h2{
	font-size:12px; 
	}
	
.withicon{margin-left:40px; }
.withline{border-bottom:1px solid #888}

h1,h2,h3,h4,h5,h6 {margin-bottom:10px;}
	
h1 {margin-bottom:15px;}

.page-title {
	color: #339900;
	font: 28px normal Helvetica, Arial, Verdana, san-serif;
	margin-top: 0px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 5px;
	text-shadow: 1px 1px 6px #BBB;
}

.page-subtitle {
	color: #003F8E;
	font: 18px normal Helvetica, Arial, Verdana, san-serif;
	margin-top: 20px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 10px;
	text-shadow: 1px 1px 6px #BBB;
	background:url(../images/page-title-bg.png) bottom no-repeat;
}


p {
	color: #333333;
	margin-bottom:10px;
	line-height:1.8;
	font-family:Helvetica, arial;
	}

#sidebar-right p{
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#626262
}
#main-content li{
	list-style:none;
	margin:5px 0;
	width:300px;
	background:url(../images/libg.png) top left no-repeat;behavior: url(iepngfix.htc); 
	font-family:Helvetica,Arial;}
	
#sidebar-right li{
	list-style:none;
	margin:5px 0;
	font-weight:bold;
	width:100px;
	padding:0 0 0 20px;
	background:url(../images/libg.png) top left no-repeat;behavior: url(iepngfix.htc); 
	font-family:Helvetica,Arial;}
	
ol {
	list-style: decimal;
	margin: 10px 30px;
}

ol li {
	margin: 10px;
	line-height: 1.6em;
}

#home h2,
#home p,
#home li {
	color: #FFF;
	}

img {border:none;}

.icon{
	float:left;
	margin-right:15px;
	margin-top:20px;
	}
	
.date {
	float:left;
	height:49px;
	width:44px;
	margin-top:4px;
	margin-right:8px;
	padding-top:1px;
	background:url(../images/datebg.png) no-repeat;	behavior: url(iepngfix.htc); 
	}
.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;	
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}
.date span.day {
	font-size:18px;
	display:block;
	margin-top:0px!important;
	margin-top:-3px;
	
	}
.date span.month {
	font-size:9px;
	height:12px;
	display:block;
	margin-top:0px!important;
	margin-top:-3px;color:#FFFFFF;
	}
	
.team-member {
	clear: both;
	margin-top: 30px;
}

	.team-member img {
		padding:0;
		margin:5px 10px 0 0;
		float: left;
		width: 50px;
	}
	
	.team-member h3 {
		font: 16px bold Helvetica, Arial, Verdana, san-serif;
		color: #3399CC;
		font-weight:bold;
		width: 480px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		background:url(../images/page-title-bg.png) bottom no-repeat;
	}
	



/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////////*/

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {margin-bottom:0;}

#footer h2{
margin:10px 30px 0 30px;
color:#fff;
word-spacing:0.2em;
font-size:18px}	

#footer h3{
margin:2px 0 0 0;
color:#516527;
font-size:14px;
font-weight:bold;}	
#footer h6{
margin:0;
color:#330000;
font-size:10px;
font-weight:normal}	

#footer p,
#footer li {
	color: #464A52;
}


#footer a,
#footer a:link,
#footer a:visited {
	color:#222;
	border-bottom:0;
	padding-bottom: 2px;
	}

#footer a:hover {
	color: #333333;
	}

.footer-container {
	padding-top:10px;
	text-align:left;
	}

.footer-box-left,
.footer-box-middle,
.footer-box-right {
	width:268px;
	height:216px;
	}

.footer-box-left {
	float:left;
	margin-right:5px;
	line-height: 1.3;
	font-size:12px;
	background:url(../images/footerbox1.png) left bottom no-repeat;
	}

.footer-box-middle {float:left; background:url(../images/footerbox1.png) left bottom no-repeat; margin-right:7px;}
.footer-box-right {float:left; background:url(../images/footerbox1.png) left bottom no-repeat;}
.footer-box-left ul{margin:10px 0 0 0}
.footer-box-left li{
	list-style:none;
	margin:0 0 0 20px;
	padding-left:20px;
	width:188px;
	background:url(../images/libg.png) top left no-repeat; behavior: url(iepngfix.htc)}

.footer-box-middle a{
	display:block;
	width:182px;
	height:48px;
	margin:5px 0 0 0;
	padding:0 0 0 70px;
	background:url(../images/li_team_generic.png) top left no-repeat; behavior: url(iepngfix.htc)}
.footer-box-middle a.farzad{
	background:url(../images/li_team_farzad.png) top left no-repeat; behavior: url(iepngfix.htc)}}
	
	.footer-box-right p {
		line-height:1.3;
		color:#464A52;
		margin-top:5px;
		}
	.footer-box-right img {
		margin:0 5px;
		}
		

	.footer-box-right strong {
		font-weight: normal;
		}		
	
#footer .content {
	padding:0 0 0 10px;
	}
	


.button {
	height:33px;
	width:180px;
	padding:0 10px;
	line-height:40px;
	background:url(../images/button.png) no-repeat;
	color:white;
	font:11px Helvetica, Arial, Verdana, san-serif;
	}

#footer .button span a, #footer .button span a:visited {
	color: #FFFFFF;
	line-height:30px;
	border:0;
	}

#footer .button span a:hover {
	color: #FFCC00;
	}	




/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {*display: inline-block;}  /* for IE/Mac */







/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #footer h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
}