/*
*	Global 
*/

*,html
{
	margin:0; 
	padding:0; 
}

body 
{
	font:0.8125em/1 Helvetica, arial, sans-serif ; 
	background: url(/images/body_bg.gif) repeat-x 0 -64px;  
	min-width:950px;
	margin:0; 
	overflow-x:hidden;
	padding:0;
}

header, section, footer, nav, article, figure
{
	display:block; 
}

a
{
	text-decoration: none; 
	outline: none; 
	color:#D45500; 
}

a:hover 
{
	color: #FF6908; 
}

p
{
	line-height: 1.5em; 
	font-size:1em; 
	color:#333; 
}

ul,li,dl,dd,dt,ol
{
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
	list-style: none; 
}

hr
{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border:0; 
}

h1, h2, h3, h4, h5, h6
{
	font-weight:normal; 
}

h1
{
	font-size:2em;
	padding-bottom: 20px;
	line-height: 1.2em;
	position:relative; 
	z-index:200;
}

h2
{
	
}

h3
{
	font-size:1.3em;
	margin:10px 0 5px; 
	line-height:1.3em;
}

h3 a, h4 a 
{
	color: #
}

/*
*	Header Global 
*/

#header
{
	background: transparent url(/images/header_bg.gif) no-repeat 0 -64px; 
	height:272px;
	margin-bottom: 35px; 
}

#mainTitle
{
	padding-top: 34px; 
}

#mainTitle p
{
	color:#33CC33;
	font-family: Impact, Haettenschweiler, Sans-Serif;
	font-size:3.4em;
	font-weight:normal;
	letter-spacing:0.035em;
	line-height:0.79em;
	margin-left:230px;
}

#mainTitle span
{
	color:#FFF; 
}

#mainTitle #secondLine
{
	text-indent: 100px; 	
	padding-bottom: 10px; 
}

/*
*	Navigation Global 
*/

#globalNav
{
	border-right:1px solid #999;
	font-family:Impact;
	font-size:1.8em;
	line-height:1.4em;
	padding-left:14px;
	padding-bottom:32px; 
	text-transform:uppercase;
	width:160px;
	position:absolute; 
}

#globalNav a 
{
	color:#AFAFA4;
	display:block;
	height:35px;
	width:156px;
	float:left; 
	letter-spacing:0.03em;
}

#globalNav ol li .selected
{
	background-color: #EEE; 
	display: block; 
}

#globalNav a:hover
{
	color:#666; 
}

#homeLink .selected
{
	color: #000; 
}

#homeLink .selected:hover
{
	color: #000; 
}

#workLink .selected
{
	color: #006600; 
}

#workLink .selected:hover
{
	color: #006600; 
}

#symfonyLink .selected
{
	color: #663300; 
}

#symfonyLink .selected:hover
{
	color: #663300; 
}

#eventsLink .selected
{
	color: #CC0000; 
}

#eventsLink .selected:hover
{
	color: #CC0000; 
}

#blogLink .selected
{
	color: #003366; 
}

#blogLink .selected:hover
{
	color: #003366; 
}

#aboutLink .selected
{
	color: #993399; 
}

#aboutLink .selected:hover
{
	color: #993399; 
}

#subNav
{
	float:left;
	font-family:Impact;
	font-size:0.76em;
	padding-bottom:16px;
	padding-left:5px;
	padding-top:4px;
	text-transform:uppercase;
        display:none;
}

#subNav a
{
	color: #C4C4C4; 
	height: 26px; 
}

#subNav a:hover
{
	color:#666; 
}

#subNav a.selected
{
	color: #666; 
	background-color: transparent !important; 
}
/* 
* Global page header
*/

#pageHeader
{
	max-width: 960px; 
	position:relative;
}

#pageHeader div 
{ 
	background-color: #33cc33; 
	height:50px;
	margin-bottom:20px;
	width:100%;
	position: relative; 
}

#pageHeader div span
{
	background-color:#000; 
	position:absolute; 
	left: 0; 
	height: 50px; 
	width: 100px; 
	z-index: 10; 	
}

#pageHeader div h2
{
	color:#FFF;
	font-family:Impact,sans-serif;
	font-size:4em;
	text-transform:uppercase;
	letter-spacing:2px;
	position: relative; 
	z-index: 100; 
	text-indent: 12px; 
	text-shadow: 0px 1px #000;
}

#pageHeader #workHeader
{
	margin-bottom: 0px !important; 
}

#pageHeader #workHeader span
{
	background-color: #006600; 
	width: 86px; 
}

#extendedIntro
{
	background:#f0f0f0; 
	margin-bottom:40px !important;
	margin-top:4px;
	padding:10px 10px 20px;
	border-right:1px solid #CCC;
}

#extendedIntroEmail
{
	background: url(/images/sd_intro_img.gif) no-repeat 0 0 ; 
	float:left;
	height:193px;
	margin-bottom:40px !important;
	margin-top:16px;
	padding:22px 10px 10px;
	text-indent:-9999em;
	width:505px;
}

/*
*	Content 
*/

#content
{
	max-width: 750px; 
	padding-left:200px; 
	padding-bottom: 40px; 
	min-height: 400px; 
}

#content p 
{
	margin-bottom:1em; 
	color: #555; 
}

#quickIntro
{
	font-size:1.1em;
	line-height:1.4em;
	padding-bottom:20px;
	width:500px;
}

/*
* Figure's to each section (images) 
*/ 

#homeFigure
{
	bottom:75px;
	height:180px;
	position:absolute;
	right:0;
	width:260px;
}


#homeFigure img
{
	position: absolute; 
	top: -40px;
	display: none;
}

#symfonyFigure
{
	background: url(/images/figure_home.gif) no-repeat 0 0; 
	bottom:50px;
	height:195px;
	position:absolute;
	right:0;
	width:253px;
}

#clientsFigure
{
	background: url(/images/figure_work_clients.gif) no-repeat 0 0; 
	bottom:75px;
	height:58px;
	position:absolute;
	right:-32px;
	width:253px;
}

#cloudFigure 
{
	background: url(/images/cloud_servers.png) no-repeat 0 0 ; 
	bottom:11px;
	height:219px;
	position:absolute;
	right:-47px;
	width:388px;
	z-index:500;
}

#emailFigure
	{
	background:url(/images/figure_work_email.gif) no-repeat 0 0;
	bottom:50px;
	height:134px;
	position:absolute;
	right:10px;
	width:270px;
	z-index:-100;
	}

/*
*	Home Latest Sections 
*/

#latestLeft .label, #latestRight .label, #symfonyRight .label
{
	background:url(/images/label_left.gif) scroll left bottom ;
	float:right;
	font-size:1.12em;
	font-weight:normal;
	height:19px;
	padding:5px 6px 3px 12px;
	text-transform:uppercase;
}

#latestLeft h3
{
	line-height:1.2em;
	margin-top:4px;
	padding-bottom:8px;
	width:345px;
}

#latestLeft p
{
	padding-right: 10px; 
}

#latestSection
{

}

#latestLeft 
{
	float:left;
	width:490px;
}

#latestRight
{
	float:left; 
	width: 234px; 
	padding-left:15px; 
	border-left:1px solid #CCC; 
}

#latestBlog, #latestWork, #latestEvents, #latestTwitter, #latestSymfony,#technicalPartner
{
	padding: 12px 0;  
}

#latestBlog a.label
{
	color:#8591db;
}

#latestBlog a.label:hover
{
	color:#3333cc;
}

#latestWork a.label
{
	color: #87b87a;
}

#latestWork a.label:hover
{
	color: #336600; 
}

#latestWork img 
{
	margin: 8px 0 20px; 
}

#latestEvents a.label
{
	color: #dc7b7b; 
}

#latestEvents a.label:hover
{
	color:#c80606; 
}

#technicalPartner 
{
	background: url(/images/jumpstart_startup_boxlight.gif) no-repeat 10px 20px; 
	height:350px;
	margin-left:-28px;
	width:506px;
	padding-left:20px; 
}

#technicalPartner .label
{
	color:#999; 
	margin-right:10px;
}

#technicalPartner .label:hover
{
	color:#666;  
}



#technicalPartner h3
{
	padding-top:180px; 
	padding-left:10px; 
}

#technicalPartner p
{
	padding-left:10px; 
}

#upcomingEvent
{
	background-color: #cc0000; 
	width: 180px; 
	height: 90px; 
	color:#FFF; 
	float:left; 
	margin: 0 12px 0 0; 
}

#upcomingEvent h4
{
	font-size:2em;
	padding-top:12px;
	text-align:center;
	text-transform:uppercase;
	text-align: center;
}

#upcomingEvent h5
{
	font-size:1.2em;
	line-height:1.5em;
	width:180px;
	text-align: center;

}

#upcomingEvent span
{
	background-color:#000000;
	display:block;
	padding:5px 0;
	width:180px;
	margin-top:10px; 
}

#latestTwitter p
{
	color:#666; 
}

#latestTwitter a.label
{
	background: url(/images/label_twitter.gif) no-repeat; 
	float:left;
	height:30px;
	text-indent:-9999em;
	width:244px;	
}

#latestSymfony a.label, #latestSy
{
	float:left ; 
	margin-left:-15px; 
	color:#94714a;
}

#latestSymfony a.label:hover
{
	color:#7d5121; 
}

#latestSymfony h3
{
	clear:left; 
	padding: 20px 0; 
}

#latestSymfony ol 
{
	line-height: 1.3em; 
}

/*
* Work - work page 
*/ 

#showOneProject 
{
	float:left;
	margin-bottom:40px;
}

#showOneProject .morebtn
{
	display: none; 
}

#showOneProject .closeSlide
{
	display:none; 
}

.projectIntro .morebtn
{
	border-left:1px solid #999; 
	padding-left: 5px; 
}

#projectsList dl 
{
	width: 200px; 
	margin-left:-200px ;
	float:left; 	
}

#projectsList li
{
	border-bottom:1px dotted #ccc;
	clear:left;
	padding-top:10px;
	margin-bottom:10px; 
	width:750px;
	float:left; 
}

#projectsList li hr 
{
	margin-top:2px;
	clear:left; 
	padding:0px; 
	height:0px; 
}

#projectsList .projectIntro
{
	float:left;
	padding-right:25px;
	width:500px;
	padding-bottom:15px;
	background: url(/images/arrow_project.gif) no-repeat top right; 
}

.projectIntro img
{
	margin:0 0 20px 0px; 
}

.projectIntro p
{
	width: 472px; 
}

.projectIntro a 
{
	 
}

#projectsList .projectDetails
{
	border-left:1px solid #CCC;
	float:left;
	font-size:0.89em;
	padding-left:15px;
	width:200px;
}

.projectDetails h2
{
	text-transform: uppercase; 
}

.projectDetails h3
{
	padding-bottom: 18px; 
	color: #666; 
	font-size: 1.1em; 
}

#projectsList .press dt
{
	background:url("/images/label_left.gif") repeat left bottom;
	color:#CC0000;
	font-family:Impact,sans-serif;
	font-size:2em;
	font-weight:normal;
	height:30px;
	letter-spacing:1px;
	padding:5px 6px 3px 12px;
	text-transform:uppercase;
	width:75px;
	margin-bottom:4px;
}

#projectsList .press dd
{
	line-height: 1.3em; 
	padding-left: 13px; 
}

#projectsList .press dd a
{
	color:#c4c4c4; 
}

#projectsList .press dd a:hover
{
	color: #666; 
}

.moreProjectDetails
{
	margin-bottom:60px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	clear:left;
	float:left; 
	background:#FAFAFA url(/images/close_arrow.gif) no-repeat 710px bottom; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}

.moreProjectDetails .breakDown
{
	width:500px;
}

.moreProjectDetails .breakDown li
{
	clear:none !important;  
	width:auto !important; 
	border-bottom: none !important; 
}

.moreProjectDetails .projectImages li 
{
	width:200px !important; 
}

.moreProjectDetails .projectImages
{
	background-color:#FAFAFA;
	border:1px solid #CCC; 
	height:80%;
	position:absolute;
	right:10px;
	top:63px;
	width:200px;
}

.moreProjectDetails h4
{
	font-size:1.2em;
	font-weight:bold !important;
	padding-bottom:15px;
	padding-top:18px;
}

.moreProjectDetails .closeSlide
{
	color:#999;
	float:right;
	font-size:0.85em;
	margin-right:15px;
	margin-top:-18px;
	right:16px;
}

.moreProjectDetails .closeSlide:hover
{
	color: #666;  
}

.moreProjectDetails p
{
	line-height: 1.4em;
}

.moreProjectDetails span 
{
	min-width:250px;
	margin-top: 5px; 
	text-align:center; 
}

.moreProjectDetails .block01, .moreProjectDetails .block02, .moreProjectDetails .block03
{
	clear:left; 
	float:left; 
	padding:0 10px; 
	margin-bottom:20px;
	margin-top:20px;
}

.moreProjectDetails .block02
{
	
}

.moreProjectDetails .block01 img
{
	float:left; 
	margin:10px 20px 10px 2px; 
}

.moreProjectDetails .block02 img
{
	float:right; 
	margin:10px 5px 10px 20px;
}

.moreProjectDetails .block03
{
	text-align:center;
}

.moreProjectDetails .block03 h4, .moreProjectDetails .block03 p 
{
	text-align: left; 
}


.moreProjectDetails .block03 img
{
	border:1px solid #CCC;
	margin-bottom:20px; 
}

.moreProjectDetails .likeIt
{
	padding-left: 10px; 
}

.moreProjectDetails .likeIt, .moreProjectDetails .likeIt a 
{
	font-size:1em; 
	color: #333; 
	font-weight:bold; 	
}
#projectsListHidden
{
    display:none;
}

/*
* Server & Cloud
*/ 

#serverInfo
{
	clear:left; 
}

#serverInfo li
{
	padding-bottom: 20px; 
}

#serverInfo #amazon
{
	padding-left: 240px; 
	background: url(/images/amazon_logo.gif) no-repeat; 
}

#serverInfo #linuxServers
{
	padding-left: 240px; 
	background: url(/images/gentoo_logo.gif) no-repeat; 
}

#serverInfo #hosting
{
	padding-left: 240px; 
	background: url(/images/rackspace_logo.gif) no-repeat; 
}

#caseStudies
{
	background-color: #EEE; 
	width: 750px; 
	padding: 5px 7px;  
	
}

#caseStudies h3
{
	text-align: center; 
	border-bottom: 1px solid #999; 
	height:27px;
}

#caseStudies h4
{
	font-size:1.2em;
	padding-bottom: 10px; 
	padding-top: 10px; 
}

#caseStudies #serverSolidDelivery
{
	padding-left: 240px; 
	background:url(/images/solid_delivery_logo.gif) no-repeat 0 10px; 
}

#caseStudies #serverOnSpeed
{
	padding-left: 240px; 
	background:url(/images/onspeed_logo.gif) no-repeat 0 10px; 

}


#wrapSitemap
{
	
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	background:#FAFAFA url(/images/close_arrow.gif) no-repeat 710px bottom; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	float:left; 
	margin: 30px 0; 
}

#sitemap
{

		float:left; 
	line-height:1.5em;
	padding:10px 20px;

}

#sitemap dt
{
	clear:left;
	float:left;
	font-weight:bold;
	padding-top:5px;
}

#sitemap dd
{
	clear:left; 
	padding-top:5px;
	text-indent:5px;
}

#allOurWork
{
	float:left; 
	margin:0px 30px;
	line-height:1.5em;
	padding:10px 20px;
}

#allOurWork dt
{
	font-weight:bold;
}

#allOurWork dd 
{
	background-color:#FAFAFA;
	border-left:1px solid #DDD; 
	padding-left: 10px; 
	width:200px;
}

#wrapSitemap address
{
	float:left; background-color: #FFF; 
	border:1px solid #CCC; 
	margin: 20px; 
	padding: 10px; 
	color: #999; 
	font-style:none; 
	line-height: 1.2em; 
}

/*
* Clients 
*/

#clientsLogos
{
	margin-top: 25px; 
} 

#clientsLogos li
{
	border:8px solid #ebebeb; 
	height: 220px; 
	width: 220px; 
	float:left; 
	margin: 0 14px 20px 0; 
	display: block; 
	
}

#clientsLogos li:hover
{
	border:8px solid #DDD; 
	height: 220px; 
	width: 220px; 
	float:left; 
	margin: 0 14px 20px 0; 
	display: block; 
	
}


#clientsLogos #clientsLastBlock
{
	background-color:#EBEBEB !important;
	color:#666666;
	font-size:1.5em;
	height:139px;
	line-height:1em;
	padding-left:20px;
	padding-top:81px;
	width:450px !important;
}

#clientsLogos li a
{
	display:block;
	text-indent:-9999em;
}

#clientsLogos #client01 a
{
	background:url(/images/clients_logo.gif) no-repeat -14px 26px;
	height:120px;
	width:219px;
}

#clientsLogos #client02 a
{
	background:url(/images/clients_logo.gif) no-repeat -267px 29px ;
	height:164px;
	width:219px;
}

#clientsLogos #client03 a
{
	background:url("/images/clients_logo.gif") no-repeat -530px 28px ;
	height:162px;
	width:219px;
}

#clientsLogos #client04 a
{
	background:url("/images/clients_logo.gif") no-repeat -12px -136px;
	height:197px;
	width:219px;
}

#clientsLogos #client05 a
{
	background:url("/images/clients_logo.gif") no-repeat -273px -141px;
	height:178px;
	width:219px;
}

#clientsLogos #client06 a
{
	background:url(/images/clients_logo.gif) no-repeat  -532px -135px;
	height:163px;
	width:219px;
}

#clientsLogos #client07 a
{
	background:url(/images/clients_logo.gif) no-repeat -14px -322px;
	height:177px;
	width:219px;
}

#clientsLogos #client08 a
{
	background:url(/images/clients_logo.gif) no-repeat -274px -318px;
	height:160px;
	width:219px;
}

#clientsLogos #client09 a
{
	background:url(/images/clients_logo.gif) no-repeat -532px -316px;
	height:160px;
	width:219px;
}

#clientsLogos #client10 a
{
	background:url(/images/clients_logo.gif) no-repeat -14px -482px;
	height:169px;
	width:219px;
}

/*
* Email Marketing 
*/ 

#sdWrapper
{
	clear:both; 
}

#sdInfo
{
	width: 530px; 
	float:left; 
	
}

#sdInfo p 
{
	padding-right: 15px; 
}

#sdInfo h4
{
	font-weight:bold; 
	padding: 20px 0 5px; 
}

#sdFeatures
{	
	float:left; 
	width: 200px; 
	background: #EEE; 
	line-height: 1.1em; 
	padding-left: 15px; 
	padding-bottom: 20px; 
	margin-top:-265px; 
	border-left:1px solid #999999; 
}

#sdFeatures dt
{	
	font-size:1.1em; 
	padding-bottom: 10px; 
	padding-top: 20px; 
}

#sdFeatures dd
{	
	font-size:0.9em; 
	color: #999; 
}

/*
*	Symfony  
*/
#symfonyLeft
{
	float:left; 
	padding-bottom:40px;
	width: 490px; 
}

#symfonyLeft h3
{
	padding-top: 10px;
}

#symfonyLeft p 
{
	padding-right: 10px; 
}

#symfonyRight 
{
	border-left:1px solid #CCC;
	float:left;
	padding-left:15px;
	width:234px;
	padding-top: 20px; 
}


#symfonyHeader
{
	background-color: #663300 !important;
}

#whoElse
{
	background-color: #EEE; 
	height: 150px; 
	margin:30px 0; 
	border-top:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	padding: 10px; 
}

#whoElse h3
{
	padding-bottom: 10px; 
	margin:0; 
}

#whoElse img
{
	margin:13px;
}

#whoElse span a img
{
	border:0; 
}

#whoElse #dailyMotion
{
	float:right; 
}

#symfonyLeft h4
{
	font-size: 1.4em; 
	line-height: 1.3em; 
}

#symfonyLeft ol
{
	margin: 10px 0 20px; 
}

#symfonyLeft ol li
{
	color:#333;	
	line-height: 1.5em; 
}

#symfonyRight #latestEvents h3
{
	clear:left; 
	padding: 10px 0 20px; 
}

#symfonyRight #latestEvents a.label
{
	color:#94714A;
	float:left;
	margin-left:-15px;
}

#symfony2 a
{
	color: #999; 
}

#symfony2 img 
{
	margin: 10px 0 20px; 
}

#symfonyRight #latestEvents
{
	height: 200px; 
}

#symfony2010Header
{
	background: url(/images/symfony_after_party_header.png) no-repeat; 
	clear:both;
	height:56px;
	width:750px;
	margin-top:50px;
	margin-bottom:10px; 
	text-indent: -9999em; 
}

/* 
* Symfony Events 
*/ 

#eventsHeader
{
	background: #cc0000 url(/images/events_header_bg.gif) no-repeat top right !important;
	margin-bottom: 0px !important; 
}

#eventsFigure 
{
	background: url(/images/party_boxlight.jpg) no-repeat 0 0 ; 
	height:158px;
	width:766px;
	display: block ;
}

#eventsIntro
{
	background:url(/images/meetup.png) no-repeat 536px -1px ;
	font-size:1.1em;
	height:121px;
	border-bottom:1px solid #CCC; 
	margin-bottom: 20px; 
	position: relative; 
}

#meetup
{
	display:block;
	height:116px;
	position:absolute;
	right:0;
	text-indent:-9999em;
	top:0;
	width:208px;
}

#eventsIntro p 
{
	padding-top: 20px; 
	width: 500px; 
	font-size:1/1em;
}

#eventSummary 
{
	position: relative; 
}

#eventSummary #upcomingEvent
{
	margin:0;
	position:absolute;
	right:0;
	top:30px;
	width:244px;
	height:150px; 
}

#eventSummary #upcomingEvent h4
{
font-size:3em;
}

#eventSummary #upcomingEvent span
{
	width:244px;
}

#eventSummary #upcomingEvent p 
{
	font-size:1.6em;
	line-height:1.9em;
	margin-top:6px;
	text-indent:20px;
	color:#FFF; 
}

#eventSummary p
{
	width: 450px; 
}

#eventSummary h3
{
	padding-bottom: 10px; 
}

#eventMaterial
{
	float:left; 
	width: 445px; 

	position: relative; 
}

#eventMaterial a img
{
	border:none; 
	margin:20px 0 0 0; 
}

#eventMaterial a span
{
	background-color:#EEEEEE;
	border:3px solid #CCCCCC;
	bottom:1px;
	font-size:1.5em;
	padding:37px 28px;
	position:absolute;
	right:41px;
}

#eventMaterial h3
{
	padding:16px 0 5px;
	width:420px;
	border-bottom:1px solid #CCCCCC;
}

#eventSchedule
{
	background-color:#DDD;
	float:right;
	height:404px;
	margin-top:20px;
	margin-bottom:40px;
	padding-left:10px;
	padding-top:10px;
	position:relative;
	width:275px;
	z-index:-100;
}

#eventSchedule dl dt
{
	font-weight:bold; 
	padding-bottom: 20px; 
}

#eventSchedule dl dd
{
	color:#333333;
	font-size:0.9em;
	padding-bottom:12px;
}

#eventSchedule span
{
	background:url(/images/sway_tag.png) no-repeat 1px 3px;
	bottom:-28px;
	height:132px;
	position:absolute;
	text-indent:-9999em;
	width:352px;
}

#eventMaterial ul
{
	margin:20px 0; 
	padding-bottom: 20px; 
}

#eventMaterial ul li
{
	border-bottom: 1px solid #DDD; 
	width: 340px; 
	padding-left: 80px; 
	height: 85px; 
}

/*
* Blog
*/ 

#blogFullPost
{
	padding-bottom: 30px; 
}

#blogPosts li h3
{
	padding:8px 0 14px; 
	margin:0px; 
	line-height: 0; 
}

#blogFullPost p
{
	width: 666px; 
}

#blogFullPost .shareLinks
{
	margin-top:-30px; 
}

.shareLinks
{
clear:both;
display:block;
float:left;
margin-top:-40px;
text-align:right;
width:745px;
	
}


.shareLinks span
{
		margin-left: 15px; 
}

.shareLinks span a
{
	color: #666; 
	
}

.shareLinks span a:hover
{
	color: #333; 
	
}


#blogHeader
{
	background:#3399CC url(/images/sign_up_blog.gif) right top no-repeat !important; 
}

#blogHeader span 
{
	background-color: #003366 !important;
}

#blogPosts
{
float:left; 
}

#blogPosts li
{
	border-top:1px solid #CCCCCC;
	padding:10px 0 26px;
	position:relative;	
	clear:left; 
}

#blogPosts li p 
{
	width: 668px; 
	margin:0 0 8px; 
}

#blogPosts li .date
{
	background:url(/images/labels.gif) no-repeat 0 -5px transparent;
	font-size:1.35em;
	height:39px;
	left:-204px;
	line-height:2.3em;
	position:absolute;
	text-align:center;
	top:0px;
	width:100px;
}

#blogPosts hr
{
	clear:both; 
}

#blogFollowIcons
{
	bottom:95px;
	position:absolute;
	right:10px;
	width:193px;
}

#blogFollowIcons li
{
	float:left;
}

#blogFollowIcons li a
{
	display:block;
	height:62px;
	text-indent:-9999em;
	width:62px;
}

#blogFollowIcons #twitter a
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat 0 -59px; 
}

#blogFollowIcons #twitter a:hover
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat 0 0; 
}

#blogFollowIcons #facebook a
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat  -71px -62px; 
	height: 59px; 
}

#blogFollowIcons #facebook a:hover
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat  -71px -3px; 

}

#blogFollowIcons #rss a
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat -142px -62px; 

}

#blogFollowIcons #rss a:hover
{
	background: url(/images/social_follow_blog_icons.gif) no-repeat -142px -3px; 

}

.backBlog
{
	margin-top:30px; 
	width: 120px; 
}

.pagination li
{
	float:left; 
	margin-right: 15px; 
}

.pagination ,.backBlog
{
	font-family: Impact, Helvetica, arial, sans-serif ; 
	color: #999; 
	padding-top: 20px; 
	clear:left; 
	font-size:1.3em; 
	letter-spacing: 1px; 
}

.pagination a, .backBlog
{
	padding: 0 3px; 
	color:#CCC; 
	float:left; 
	margin-bottom:35px;
}

.pagination a:hover, .backBlog:hover
{
	padding: 0 3px; 
	color:#666; 
}

.pagination .current
{
	padding:0 3px; 
	color: #666; 
	float:left; 
}

.pagination .prev, .pagination .next
{
	padding:0 10px !important; 
	color:#CCC;
}

#paginatino a:hover
{
	color: #333; 
}

/* 
* About Us 
*/ 

#aboutHeader 
{
	background:url("/images/signup_header_bg_aboutus.gif") no-repeat scroll 572px 0 #CC33CC !important; 
}

#aboutHeader span 
{
	background: #993399 !important; 
}

#aboutFollowIcons
{
	bottom:95px;
	position:absolute;
	right:10px;
	width:200px;
}

#aboutFollowIcons li
{
	float:left; 
}

#aboutFollowIcons li a
{
	display:block;
	height:62px;
	text-indent:-9999em;
	width:62px;
}

#aboutFollowIcons #twitter a
{
	background: url(/images/social_follow_about_icons.gif) no-repeat 0 -59px; 
}

#aboutFollowIcons #twitter a:hover
{
	background: url(/images/social_follow_about_icons.gif) no-repeat 0 0; 
}

#aboutFollowIcons #facebook a
{
	background: url(/images/social_follow_about_icons.gif) no-repeat  -71px -62px; 
	height: 59px; 
}

#aboutFollowIcons #facebook a:hover
{
	background: url(/images/social_follow_about_icons.gif) no-repeat  -71px -3px; 
}

#aboutFollowIcons #rss a
{
	background: url(/images/social_follow_about_icons.gif) no-repeat -142px -62px; 
}

#aboutFollowIcons #rss a:hover
{
	background: url(/images/social_follow_about_icons.gif) no-repeat -142px -3px; 
}

address #tel
{
	color:#CECECE !important;
	font-size:0.75em;
	font-weight:bold !important;
}

#addressMap
{
	width: 750px;
}

#addressMap address
{
	font-size:2.4em; 
	line-height: 1.2em; 
	font-style:normal; 
	font-weight:bold; 
	letter-spacing: 1px; 
	color: #cecece;
	width: 300px; 
	float:left; 
	padding-top: 140px; 
	padding-bottom: 15px; 
	border-bottom: 1px solid #CCC; 
}

#addressMap address span
{
	color:#ACABAB;
}

#addressMap map
{
	float:left;
	margin-left: 35px;  
	border:1px solid #999; 
}

#aboutJoin dt
{
	height: 100px; 
}

#aboutWe dd, #aboutJoin dd
{
	display: inline; 
}

#aboutWe
{
	border-top:1px solid #CCC;
	padding-top:30px;
	width:750px;
}

#aboutJoin,#contactForm
{
	padding-top:30px;
	width:750px;

}

#aboutJoin
{
	clear:left; 
	padding-top:0;
}

.aboutUsLinks 
{
	float:left; 
	width: 354px; 
}

.aboutUsLinks dt
{
	font-size:2.3em; 
	line-height: 1.2em; 
	font-style:normal; 
	font-weight:bold; 
	letter-spacing: 1px; 
	color: #999;
	float:left; 
	height:200px; 
	margin-top:-6px; 
	padding-right: 25px; 
	width: 126px; 
}

.aboutUsLinks dd a
{
	font-size:1.6em; 
	line-height: 1.2em; 
	font-style:normal; 
	font-weight:bold; 
	letter-spacing: 1px; 
	color: #cecece;; 
}

.aboutUsLinks dd a:hover
{
	color: #999; 
}

#pressAround
{
	padding-top: 50px; 
	width: 750px; 
	clear:both; 
}

#addressMap hr
{
	clear:both; 
}

#contactForm
{
	clear:left; 
	border-top:1px solid #CCC; 
	position: relative; 
}

#contactForm form label
{
	
}

#captchaField input
{
	width: 90px; 
}

#captchaField small 
{
	color:#999;
	font-size:0.6em;
	font-weight:normal;
	left:349px;
	position:absolute;
	top:59px;	
}

#emailField label
{
	margin-right: 20px; 
}

#contactForm #submit input
{
	background-color:#FF66FF;
	color:#FFFFFF;
	height:34px;
	margin-left:140px;
	padding:0 12px;
	cursor: pointer; 
}

#contactForm #contact_email
{
	height:22px;
	margin-right:20px;
	padding:5px;
	width:261px;
}

#contact-form p 
{
	color:#CECECE ;
	font-size:1.6em;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	line-height:2em;
	padding:0 0 0 10px;
	
}

#contactForm input 
{
	border:1px solid #CCC; 
	height: 30px; 
	font-size:1em; 
	color: #999 ;
}

#contact_message
{
	width: 420px; 
	height: 150px; 
	font-family: Helvetica, aria, sans-serif;
	color: #666; 
	padding: 5px ;
	border:1px solid #CCC; 
}


.error_list
{
	background-color: #EEE; 
	border-bottom: #DDD; 
	
	color:#CC00CC;
	float:right;
	height:9px;
	margin-top:-48px;
	padding:10px 14px;
}

#contactForm .flash_notice
{
	bottom:25px;
	color:#666666;
	font-size:1.6em;
	left:250px;
	position:absolute;
}

/*
*	Jobs
*/ 


#mainJobs h3
{
	border-bottom:1px solid #CCC;
	color:green;
	font-size:1.3em;
	margin-top:20px;
}

#mainJobs ul 
{
	color:#666;
	line-height:1.2em;
	margin-bottom:25px;
	margin-top:8px;
}

/*
*	Footer 
*/

#footer
{
	background:url(/images/footer_bg.gif) no-repeat scroll 100px 0 #000;
	clear:both;
	height:208px;
	width:100%;
	position:relative; 
}

#footer dl 
{
	bottom:4px;
	font-size:0.9em;
	left:130px;
	letter-spacing:0.5px;
	line-height:1.4em;
	position:absolute;
	width:600px;
}

#footer dl dt
{
	color:#cccc66; 
	float:left; 
	clear:left; 
	font-weight:normal; 
	padding-right: 8px; 
}

#footer dl dd a
{
	color:#FFF; 
	float:left; 
	padding:0 5px; 
}

#footer span
{
	background: url(/images/boxlight_footer.gif) no-repeat 0 0; 
	bottom:20px;
	height:27px;
	left:818px;
	position:absolute;
	text-indent:-9999em;
	width:182px;
}

#copyright
{
	bottom:3px;
	color:#666666;
	font-size:0.79em;
	left:730px;
	position:absolute;
	width: 300px; 
}

#footerSocialIcons
{
	bottom:73px;
	left:860px;
	position:absolute;
	width:200px;
}

#footerSocialIcons li
{
	float:left; 
}

#footerSocialIcons li a
{
	height: 44px; 
	width: 44px; 
	display: block; 
	text-indent: -9999em;
	margin-right: 4px; 
}


#footerSocialIcons #twitter
{
	background: url(/images/social_icons.gif) no-repeat 0 -42px ; 
}

#footerSocialIcons #twitter:hover
{
	background: url(/images/social_icons.gif) no-repeat 0 0 ; 
}

#footerSocialIcons #facebook
{
	background: url(/images/social_icons.gif) no-repeat -50px  -42px ; 
}

#footerSocialIcons #facebook:hover
{
	background: url(/images/social_icons.gif) no-repeat -50px  0 ; 
}

#footerSocialIcons #rss
{
	background: url(/images/social_icons.gif) no-repeat -98px  -42px ; 
}

#footerSocialIcons #rss:hover
{
	background: url(/images/social_icons.gif) no-repeat -98px 0 ; 
}