/* ---------------------------------------- */
/* Global Resets (YUI)
/* ---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

* { font-family: arial, helvetica; font-size: 10pt; }

/* ---------------------------------------- */
/* Global Styles
/* ---------------------------------------- */
p { line-height: 1.3em; margin: 0.5em 0 1.4em; }
strong { font-weight: bold; }

a { color: #d44a00; }
a:hover { color: #970f00; text-decoration: none; }

h2, h2 a { font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 15pt; font-weight: bold; }
h2 { color: #244674; margin: 0.5em 0; }

h3, h3 a { font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 13pt; font-weight: bold; }
h3 { color: #333; margin: 0.5em 0; }

h4, h4 a { font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 12pt; font-weight: bold; }
h4 { color: #666; margin: 0.5em 0; }

hr { color: #ddd; background-color: #ddd; height: 1px; border: 0; margin: 20px 0; padding: 0; display: block; }

ul.bullet1 { margin: 0.5em 0 1.4em; }
	ul.bullet1 li { background: url('/images/bullet1.png') no-repeat 15px 2px; padding-left: 35px; margin: 0.4em 0; line-height: 1.3em; }

/* ---------------------------------------- */
/* Page Layout
/* ---------------------------------------- */

/* Layout1 with left-bordered sidebar boxes: * | 316px */
.layout1 { clear: both; }
	.layout1 .sidebar { float: right; width: 316px; }
	.layout1 .main_content { width: 574px; }
	
	.layout1 .sidebar .sidebar-box { width: 300px; border-left: 1px solid #ddd; padding-left: 15px; margin-bottom: 45px; }

/* Layout2 without borders: 300px | * */
.layout2 { clear: both; }
	.layout2 .sidebar { float: left; width: 300px; }
	.layout2 .main_content { width: 580px; margin-left: 340px; }

.sidebar-box h2 { font-size: 13pt; color: #555; }
.sidebar-box h4, .sidebar-box h4 a { font-size: 11pt; }

#page_wrapper { width: 920px; margin: 0 auto; }

#page_header { height: 115px; border-top: 4px solid #244674; }
	#page_header .logo { margin-top: 29px; }
	
	#page_header ul.nav { float: right; margin-top: 44px; overflow: hidden; }
		#page_header ul.nav li { float: left; display: block; text-transform: uppercase; margin-left: 15px; height: 27px; }
			#page_header ul.nav li div { height: 27px; overflow: hidden; }
		
		#page_header ul.nav li.active { background: url('/images/sprites.png') no-repeat 0 0; }
			#page_header ul.nav li.active div { background: url('/images/sprites.png') no-repeat 100% -27px; margin-left: 5px; padding-right: 5px; }
			#page_header ul.nav li.active a { color: #fff; }
		
		#page_header ul.nav a { color: #777; text-decoration: none; font-weight: bold; display: block; margin: 6px 8px 0; }
		#page_header ul.nav a:hover { color: #f90; }
		
#page_headline { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1px 0; margin-bottom: 40px; }
	#page_headline .headline { overflow: hidden; height: 128px; }
	
	#page_headline #headline-home { background: url('/images/headline-intro.png') no-repeat; height: 200px; }
	#page_headline #headline-services { background: url('/images/headline-services.png') no-repeat; }
	#page_headline #headline-projects { background: url('/images/headline-projects.png') no-repeat; }
	#page_headline #headline-contact { background: url('/images/headline-contact.png') no-repeat; }
	#page_headline #headline-process { background: url('/images/headline-process.png') no-repeat; }
	
	#page_headline h1 { display: none; }
	#page_headline h3 { margin: 105px 42px 0; font-size: 14pt; color: #777; line-height: 1.6em; font-weight: normal; font-family: Trebuchet, Tahoma, Arial, sans-serif; }
		#page_headline h3 a { font-size: 14pt; color: #d44a00; text-decoration: none; font-weight: normal; }
		#page_headline h3 a:hover { color: #970f00; text-decoration: underline; }
		
#page_footer { clear: both; border-top: 1px solid #ddd; margin-top: 40px; padding: 15px 0 20px; color: #999; }
	#page_footer .footer_links { float: right; }
	#page_footer a { color: #999; text-decoration: none; }
	#page_footer a:hover { color: #000; }

/* ---------------------------------------- */
/* Forms
/* ---------------------------------------- */
.lubird_form { }
	.lubird_form .entry, .lubird_form .ventry { margin: 15px 0; }
		.lubird_form .entry label, .itumz_form .ventry label { font-weight: bold; color: #666; }
		.lubird_form .entry label { width: 200px; float: left; margin-top: 5px; margin-right: 15px; text-align: right !important; display: block; }
		.lubird_form .entry .field { margin-left: 220px; }
		.lubird_form .ventry .field { margin-top: 5px; }
		.lubird_form .entry .remark, .itumz_form .ventry .remark { margin-top: 6px; color: #666; font-size: 0.8em; }
		
		.lubird_form .entry.error_entry label, .itumz_form .entry.error_entry .remark { color: #c2171e; }
		
		.lubird_form .entry.large input, .itumz_form .ventry.large input { font-size: 1.4em; }
		.lubird_form .entry.large label { margin-top: 8px; }
		
		.lubird_form .entry.xlarge input, .itumz_form .ventry.xlarge input { font-size: 1.8em; }
		.lubird_form .entry.xlarge label { margin-top: 8px; }
	
	.lubird_form .txtInput { padding: 4px 5px; width: 330px; border: 1px solid #ccc; }
	.lubird_form textarea.txtInput { height: 130px; }
	.lubird_form .txtInput:hover { border-color: #ff9f0e; }
	.lubird_form .txtInput:focus, .itumz_form .txtInput.focus { border-color: #0074d9 !important; outline: none; }
	
	.lubird_form .formBtn { padding: 3px 6px; text-align: center !important; }
	.lubird_form .formBtn.large { padding: 6px 12px; font-weight: bold; }
	
	.lubird_form .asterisk { color: #c64500 !important; margin-left: 6px; }

.lubird_form .contact-services label.label { float: none !important; text-align: left !important; font-weight: normal; }
.lubird_form .contact-services .field { padding-top: 5px; }

/* ---------------------------------------- */
/* Page Elements
/* ---------------------------------------- */
.services_list {}
	.services_list li { display: block; width: 100%; margin: 20px 0 30px; background: url('/images/services-icons.png') no-repeat; }
		.services_list li div { margin-left: 65px; line-height: 1.3em; }
	.services_list h3 { margin-top: 0; }
	.services_list h3 a { font-size: 12pt; color: #333; text-decoration: none; }
	
	.services_list .service_design { background-position: -97px 0; }
	.services_list .service_dev { background-position: -46px -37px; }
	.services_list .service_other { background-position: 0 -82px; }
	
#sidebar-featured-project img { padding: 2px; border: 1px solid #bbb; margin: 10px 0; }
	#sidebar-featured-project a:hover img { border: 1px solid #333; }

.design_packages li { font-size: 11pt; background-position: 15px 4px !important; }

.contact_email { background: url('/images/icons.png') no-repeat 0 1px; padding-left: 22px; margin-left: 10px; margin-top: 20px; }
.contact_phone { background: url('/images/icons.png') no-repeat 0 -39px; padding-left: 22px; margin-left: 10px; color: #666; }
.contact_address { background: url('/images/icons.png') no-repeat 0 -79px; padding-left: 22px; margin-left: 10px; color: #666; }

.project_block { margin: 40px 0; }
	.project_block .screenshot { width: 538px; height: 208px; background: url('/images/project_bg.png') no-repeat 0 0; overflow: hidden; }
		.project_block .screenshot img { margin: 9px; }
		
.project_title a { color: #244674; }