@charset "UTF-8";
/* CSS Document */
*
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td
{ 
	margin: 0;
	padding: 0;
}
html
{
	overflow-y: hidden;	
}
html, body
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
	background: #1a1818;
}
/*
html
{
	overflow-y: hidden;	
}
*/
h1
{
	background: url('/img/logo.png') right center no-repeat;
	height: 83px;
	margin-top: 17px;
	margin-right: 25px;
	position: absolute;
	right: 0;
	width: 150px;
	z-index: 999 !important;
}
h1 a
{
	display: block;
	outline: 0;
	width: 100%;
	height: 100%;
}
h1 span
{
	display: none;
}
#top
{
}
#topbar
{ 
	background: url('/img/top_bg.png') right top no-repeat #ff470a;
	height: 2px;
}

#content_filler
{
	position: absolute;
	background: url('/img/overlay.png');
}
#bg
{
	margin-top: 50px;
	height: 100%;
	width: 100%;
	z-index: 1;
}
#myiframe
{
	background-color: #ffffff;
}

#bgoverlay
{
	width: 100%;
}
#social
{
	position: absolute;
	margin-left: 8px;
	bottom: 5px;
}

/* Menu */
#menu_wrapper
{
	background: #1a1818;
	float: left;
	width: 100%;
	height: 50px;
}
#menu
{
	display: block;
	height: 50px;
	float: left;
	width: 470px;
	left: 50%;
	position: relative;
	margin-left: -235px;
}
#menu li
{
	color: #ffffff;
	display: block;
	float: left;
	height: 47px;
	width: 62px;
}
#menu li a
{
	display: block;
	float: left;
	height: 100%;
	outline: none;
	width: 100%;
}
#menu li a span
{
	display: none;
}

/* Menu Items */
#home
{
	background: url('/img/home.png') left top no-repeat;
}
#home_active
{
	background: url('/img/home.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}
#about
{
	background: url('/img/about.png') left top no-repeat;
}
#about_active
{
	background: url('/img/about.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}
#blog
{
	background: url('/img/blog.png') left top no-repeat;
}
#blog_active
{
	background: url('/img/blog.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}
#work
{
	background: url('/img/work.png') left top no-repeat;
}
#work_active
{
	background: url('/img/work.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}
#clients
{
	background: url('/img/clients.png') left top no-repeat;
}
#clients_active
{
	background: url('/img/clients.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}
#services
{
	background: url('/img/services.png') left top no-repeat;
	width: 80px !important;
}
#services_active
{
	background: url('/img/services.png') left bottom no-repeat;
	height: 61px !important;
	width: 80px !important;
	position: relative;
	z-index: 999 !important;
}
#contact
{
	background: url('/img/contact.png') left top no-repeat;
}
#contact_active
{
	background: url('/img/contact.png') left bottom no-repeat;
	height: 61px !important;
	position: relative;
	z-index: 999 !important;
}


/* Timeline */
#timeline_wrapper
{
	background: url('/img/timeline_bg.png') center center repeat-x;
	position: absolute;
	top: 50%;
	float: left;
	margin-top: -27px;
	width: 100%;
	height: 100px;
}
#timeline
{
	float: left;
	margin-left: -420px;
	left: 50%;
	position: absolute;
	width: 840px;
}
#timeline .icon
{
	outline: 0;
}
#icon_left_wrapper
{
	overflow: hidden;
	float: left;
	width: 146px;
	height: 100px;
}

#icons_left
{
	float: left;
	position: absolute;
	display: block;
	height: 100px;
	width: 220px;
	overflow: hidden;
}
#icon_right_wrapper
{
	overflow: hidden;
	float: left;
	width: 156px;
	height: 100px;
	margin-left: 525px;
}
#icons_right
{
	float: left;
	position: absolute;
	display: block;
	height: 100px;
	width: 220px;
	overflow: hidden;
}

#icons_left .iconright
{
	float: right !important;
	margin-right: 76px;
	margin-left: 0px !important;
}

#mainblocklarge
{
	background: url('/img/mainblock_bg_large.png') left top no-repeat;
	float: left;
	height: 374px;
	left: 50%;
	top: 50%;
	width: 480px;
	padding: 10px;
	padding-left: 8px;
	padding-right: 11px;
	position: absolute;
	margin-left: -260px !important;
	margin-top: -190px !important;
	margin-right: 9px;
	z-index: 999 !important;
	word-wrap: break-word;
}
#mainblock h2, #mainblocklarge h2
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal !important;
}
#mainblocklarge .internal_link
{
	display: none;
}
.timeline_item_text, #animate_content
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal !important;
}
.timeline_item_text a:link, .timeline_item_text a:visited, .timeline_item_text a:active 
{
	color: #e03104;
	text-decoration: none;
	font-size: 24px;
}
.timeline_item_text blockquote, .timeline_item_text_new blockquote
{
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 70px;
	padding-top: 40px;
	background: url('/img/quotes.png') center center no-repeat;
	min-height: 150px;
}


#mainblocklarge h2
{
	float: left;
	width: 423px;
	margin-left: 20px;
	margin-top: 5px;
}
#mainblocklarge h2 a
{
	color: #ff4915;
	text-decoration: none;
}
#mainblocklarge h2 a:hover
{
	text-decoration: underline;
}
.arrow_left
{
	background: url('/img/arrows.png') left top no-repeat;
	display: block;
	float: left;
	height: 18px;
	margin-top: 40px;
	margin-left: 40px;
	outline: 0;
	width: 28px;
}
.arrow_left:hover
{
	background: url('/img/arrows.png') left bottom no-repeat !important;
}
.arrow_right
{
	background: url('/img/arrows.png') right top no-repeat;
	display: block;
	float: right;
	height: 18px;
	margin-top: 40px;
	margin-right: 40px;
	outline: 0;
	width: 28px;
}
.arrow_right:hover
{
	background: url('/img/arrows.png') right bottom no-repeat !important;
}
.arrow_left span, .arrow_right span
{
	display: none;
}

/* background styling */
#bgloader
{
	background: url('/img/loaderbg.png');
	height: 100px;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 100px;
	z-index: 999 !important;
}
#bgloadanimation
{
	margin-top: 41px;
	margin-left: 41px;
}

/* Social Icons */
#mainblocklarge .active_icon
{
	display: block;
	float: left;
	width: 65px; 
	height: 65px;
	margin-top: -30px;
	margin-left: -30px;
}
#icons_left a, #icons_right a
{
	float: left;
	width: 65px;
	height: 65px;
	margin-top: 18px;
	margin-left: 5px;
	margin-right: 5px;
	display: block;
}
#icons_left a span, #icons_right a span
{
	display: none;
}
/* Twitter */
#timeline .twitter
{
	background: url('/img/social_icons.png') -198px 0px no-repeat;
}
#timeline .twitter:hover
{
	background: url('/img/social_icons.png') -198px -67px no-repeat;
}
.twitter_block .active_icon
{
	background: url('/img/social_icons.png') -198px -134px no-repeat;
}

/* Flickr */
#timeline .flickr, #timeline .flickrphotoset
{
	background: url('/img/social_icons.png') -594px 0px no-repeat;
}
#timeline .flickr:hover, #timeline .flickrphotoset:hover
{
	background: url('/img/social_icons.png') -594px -67px no-repeat;
}
.flickr_block .active_icon, .flickrphotoset_block .active_icon
{
	background: url('/img/social_icons.png') -594px -134px no-repeat;
}
#timeline .flickrphotoset_block .timeline_item_text
{
	margin-top: 40px;
}

/* Slideshare */
#timeline .slideshare
{
	background: url('/img/social_icons.png') -67px 0px no-repeat;
}
#timeline .slideshare:hover
{
	background: url('/img/social_icons.png') -67px -67px no-repeat;
}
.slideshare_block .timeline_item_text
{
	text-align: center !important;
}
.slideshare_block .active_icon
{
	margin-top: -30px;
	margin-left: -30px;
	background: url('/img/social_icons.png') -67px -134px no-repeat;
	z-index: 999 !important;
	position: absolute;
}

/* Youtube */
#timeline .youtube
{
	background: url('/img/social_icons.png') -132px 0px no-repeat;
}
#timeline .youtube:hover
{
	background: url('/img/social_icons.png') -132px -67px no-repeat;
}
.youtube_block .active_icon
{
	background: url('/img/social_icons.png') -132px -134px no-repeat;
}
.youtube_block .timeline_item_text
{
	margin-top: 45px !important;
}

/* Wordpress */
#timeline .wordpress
{
	background: url('/img/social_icons.png') -528px 0px no-repeat;
}
#timeline .wordpress:hover
{
	background: url('/img/social_icons.png') -528px -67px no-repeat;
}
.wordpress_block .active_icon
{
	background: url('/img/social_icons.png') -528px -134px no-repeat;
}

/* Google Maps */
#timeline .googlemaps
{
	background: url('/img/social_icons.png') -462px 0px no-repeat;
}
#timeline .googlemaps:hover
{
	background: url('/img/social_icons.png') -462px -67px no-repeat;
}
.googlemaps_block .timeline_item_text
{
	margin-top: 44px !important;
}
.googlemaps_block .active_icon
{
	background: url('/img/social_icons.png') -462px -134px no-repeat;
}

/* Facebook */
#timeline .facebook
{
	background: url('/img/social_icons.png') 0px 0px no-repeat;
}
#timeline .facebook:hover
{
	background: url('/img/social_icons.png') 0px -67px no-repeat;
}
.facebook_block .active_icon
{
	background: url('/img/social_icons.png') 0px -134px no-repeat;
}

/* Form */
.form
{
	position: absolute;
	background: #ffffff !important;
}
.backend #innercontainer, .backend #innercontainer #content
{
	margin-top: 200px;
	margin-left: 200px;
	background: #ffffff !important;
}
.backend 

/* debug */

/* Footer */
#footer
{
	position: absolute;
	bottom: 0;
}
#footer ul
{
	position: absolute;
	bottom: 10px;
	width: 300px;
	margin-left: 10px;
}
#footer ul li
{
	width: 29px;
	height: 29px;
	list-style-type: none;
	float: left;
	margin-right: 5px;
	text-indent: -9999px !important;
}
#footer ul li a
{
	display: block;
	width: 100%;
	height: 100%;
}
#footer .facebook
{
	background: url('/img/small_icons.png') 0px 0px no-repeat; 
}
#footer .flickr
{
	background: url('/img/small_icons.png') -29px 0px no-repeat; 
}
#footer .wordpress
{
	background: url('/img/small_icons.png') -58px 0px no-repeat; 
}
#footer .google
{
	background: url('/img/small_icons.png') -87px 0px no-repeat; 
}
#footer .linkedin
{
	background: url('/img/small_icons.png') -116px 0px no-repeat; 
}
#footer .twitter
{
	background: url('/img/small_icons.png') -203px 0px no-repeat; 
}
#footer .youtube
{
	background: url('/img/small_icons.png') -232px 0px no-repeat; 
}
#footer .slideshare
{
	background: url('/img/small_icons.png') -261px 0px no-repeat; 
}
#footer .right
{
	bottom: 10px;
	text-align: right;
	position: absolute;
	float: right;
	width: 100%;
}
#footer .right a
{
	color: #ffffff;
	text-decoration: none;
	margin-right: 10px;
}
#footer .right a:hover
{
	text-decoration: underline;
}

/* Tables */
table
{
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th
{
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	text-align: center;
}
th a
{
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover
{
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td
{
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td
{
	background: #f4f4f4;
}
td.actions
{
	text-align: center;
	white-space: nowrap;
}
td.actions a
{
	margin: 0px 6px;
}
.cake-sql-log table
{
	background: #f4f4f4;
}
.cake-sql-log td
{
	padding: 4px 8px;
	text-align: left;
}