@charset "utf-8";
/* CSS Document */
html, body {
	background:#fff url(/microsites/2010/pixologic/images/background.gif);	
}
a {
	color:#f26722;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	border-bottom:1px #f26722 dashed;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;	
}
a.img_link {
	padding-top:10px;
	float:left;
	margin-right:1px;
}
a.img_link:hover {
	border:none;
}
#doc4 {
	border:none;
	background-color:#fff;
}
/* #hd {
	background:#fff url(/microsites/2010/pixologic/images/header.jpg);	
	height:279px;
} */
#hd {
	background:#fff url(/microsites/2010/pixologic/images/20100901_pixologic_header.jpg);	
	height:253px;
}
#bd {
	background-color:#fff;	
}
#bd div.inner {
	padding:20px 20px 0 20px;	
}
#bd div.feature {
	height:404px;
	background-color:#eee;
	border:1px solid #b1b1b1;
}
#bd div.column_right {
	float:left;
	border-left:1px solid #c5c5c5;
	padding-left:20px;
	height:364px;
	width:330px;
	font-size:93%;
}
#bd div.column_right p {
	margin-bottom:5px;
}
#bd div.column_right h2 {
	font-size:108%;
	font-weight:bold;
	text-transform:uppercase;
}
#bd h1.showcase {
	background-color:#f26722;
	text-transform:uppercase;
	color:#fff;
	font-size:93%;
	padding:10px 10px 10px 20px;
}
#bd #vfs_student_showcase {
	background:#f26722 url(/microsites/2010/pixologic/images/header_vfs_student_showcase.gif) 20px 12px no-repeat;
	text-indent:-5000px;
}
#bd #vfs_animation_news {
	background:#f26722 url(/microsites/2010/pixologic/images/header_vfs_animation_news.gif) 20px 12px no-repeat;
	text-indent:-5000px;
}
#bd #pixologic_blog_news {
	background:#f26722 url(/microsites/2010/pixologic/images/header_pixologic_news.gif) 20px 12px no-repeat;
	text-indent:-5000px;
}
#bd #follow_pixologic_and_vfs {
	background:#f26722 url(/microsites/2010/pixologic/images/header_follow_pixologic_and_vfs.gif) 20px 12px no-repeat;
	text-indent:-5000px;
}
#bd div.showcase {
	height:264px;
	background-color:#eee;
	border:1px solid #b1b1b1;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    /* required settings */ 
	margin-top:25px;
    position:relative; 
    overflow:hidden; 
    width: 895px; 
    height:170px; 
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
	width:120px;
	overflow:hidden;
	margin-right:35px;
} 

div.scrollable div.items div a img:hover { 
	border-bottom:none;
}
/* you may want to setup some decorations to active the item */ 
div.items div.active { 

}
#bd div.column_box {
	float:left;
	width:298px;
	margin-bottom:20px;
	margin-right:20px;
}
#bd div.column_box .header {
	background-color:#f26722;
	text-transform:uppercase;
	color:#fff;
	font-size:93%;
	padding:10px 10px 10px 20px;
}
#bd div.column_box .body {
	background-color:#eee;
	border:1px solid #b1b1b1;
	min-height:290px;	
	border-top:none;
}
#bd div.column_box ul li {
	padding:10px 0;
	border-bottom:1px solid #c5c5c5;
}
#bd div.column_box ul li.last a {
	float:right;
	padding:5px;
	padding-right:20px;
	background:#ddd url(/microsites/2010/pixologic/images/gray_arrow.gif) top right no-repeat;
	text-decoration:none;
}
#bd div.column_box ul li.last a:hover {
	border-bottom:none;
	text-decoration:underline;
}
#bd div#pixologic_news {
	margin-right:0;	
}
#bd div#follow_us {
	margin-right:0;
	float:right;	
}
#ft {
	height:40px;
	background-color:#f26722;
	color:#fff;
}
#ft a {
	color:#fff;
	text-decoration:none;
}
#ft a:hover {
	border-bottom:1px dashed #f1f1f1;	
}
#ft .copyright {
	float:left;
	margin:13px 0 0 34px;
}
#ft .webmaster {
	float:right;
	margin:13px 34px 0 0;	
}