/* css basics
------------------------------------------------------------------------------*/
body { 
	background:#ffffff url(/images/elements/headerbg.gif) center top repeat-x;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:13px;
	line-height:20px;
	color:#666666;
	margin:0;
}
img { 
	border:0;
}
form {
	margin:0;
	padding:0;
}
h2 { 
	clear:both;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	text-transform:uppercase;
	font-size:20px;
	color:#333333;
	border-bottom:3px solid #efefef;
	padding:10px 0;
}
h3 { 
	font-family:"Fertigo",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#5a1301;
}
h1, h2, h3, p {
	margin:0 0 10px 0;
}

/* links
------------------------------------------------------------------------------*/
a { 
	color:#F5450C;
	text-decoration:none;
}
a:visited { 
	color:#F5450C;
	text-decoration:none;
}
a:hover { 
	color:#F5450C;
	text-decoration:underline;
}
#footer a {
	color:#cccccc;
}

/* primary layout
------------------------------------------------------------------------------*/
#wrapper {
	width:962px;
	margin:0 auto;	
}
#header {
	height:702px;
	position:relative;
	background:url(/images/elements/coffeetime.jpg) top center no-repeat;
}
#header h1 {
	float:left;
	display:block;
	margin:50px 41px;
	height:122px;
	width:127px;
	background:url(/images/elements/corebean.png) top center no-repeat;
	text-indent:-9000px;
}
#header #tagline {
	top:500px;
	left:40px;	
	position:absolute;
	display:block;
	height:80px;
	width:354px;
	background:url(/images/elements/tagline.png) top center no-repeat;
	text-indent:-9000px;
}
#topnav {
	margin:0;
	padding:0;
	position:absolute;
	bottom:40px;
	left:40px;
}
#topnav li {
	float:left;
	width:145px;
	height:30px;
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
}
#topnav li a {
	display:block;
	width:145px;
	height:30px;
	text-indent:-9000px;
}
#topnav .aboutus {
	background:url(/images/buttons/aboutus.png) top left no-repeat;
}
#topnav .ourwork {
	background:url(/images/buttons/ourwork.png) top left no-repeat;
}
#topnav .makecontact {
	background:url(/images/buttons/makecontact.png) top left no-repeat;
}
#topnav li:hover {
	background-position:bottom left; 
}
#content {
	clear:both;
	width:960px;
	margin:15px 1px;
	overflow:auto;
}
#features {
	width:962px;
	margin:14px auto;
}
#features .colthird {
	float:left;
	width:312px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#cccccc;
}
#features .marginright {
	margin-right:13px;
}
#makecontact {
	clear:both;
}
#footer {
	clear:both;
	padding:35px 0;
	background:url(/images/elements/footerbg.gif) top left repeat-x;
	text-align:center;
	font-size:12px;
	color:#cccccc;
}
#footer .cblogo {
	margin-bottom:20px;
}
#footer .contentbox {
	width:960px;
	margin:0 auto;
}
#footer p {
	line-height:25px;
}
ul.infoboxes {
	margin:0;
	padding:0;
}
ul.infoboxes b {
	color:#333333;
}
ul.infoboxes li {
	float:left;
	display:block;
	padding:0;
	margin:0 0 10px 0;
	list-style:none;
}
ul.infoboxes .left {
	width:460px;
	clear:both;
}
ul.infoboxes .right {
	width:460px;
	float:right;
}
ul.standardlist {
	padding:0;
}
ul.standardlist li {
	float:none;
}
ul.compact li {
	margin:0;
}
ul.halfcol li {
	float:left;
	width:50%;
}
.arrow {
	float:none;
	margin:0 0 0 5px;
	vertical-align:middle;
}
.nounderline {
	text-decoration:none !important;
}
.iconspace {
	margin:0 6px 0 -2px;
}
ul.standardlist li.webpage {
	padding-left:25px;
	background:url(/images/icons/webpage.png) -3px -1px no-repeat;
}
ul.standardlist li.application {
	padding-left:25px;
	background:url(/images/icons/application.png) -4px -1px no-repeat;
}
ul.standardlist li.hosting {
	padding-left:25px;
	background:url(/images/icons/hosting.png) -3px -1px no-repeat;
}
ul.boxlist li {
	padding:2px 0 2px 20px;
	background:url(/images/elements/listbox.gif) left 7px no-repeat;
}

/* logos layout
------------------------------------------------------------------------------*/
#opensrc {
	width:960px;
	text-align:center;
}
#techlogo {
	width:610px;
	height:70px;
	margin:0 auto 10px auto;
	padding:0;
}
#techlogo li {
	float:left;
	list-style:none;
	margin:0 15px;
}
#techlogo a {
	height:50px;
	display:block;
	text-indent:-9000px;
}
#techlogo a.php {
	width:94px;
	background:url(/images/techlogo/php.jpg) top left no-repeat;
}
#techlogo a.mysql {
	width:96px;
	background:url(/images/techlogo/mysql.gif) top left no-repeat;
}
#techlogo a.postgresql {
	width:49px;
	background:url(/images/techlogo/postgresql.gif) top left no-repeat;
}
#techlogo a.codeigniter {
	width:42px;
	background:url(/images/techlogo/codeigniter.gif) top left no-repeat;
}
#techlogo a.jquery {
	width:176px;
	background:url(/images/techlogo/jquery.gif) top left no-repeat;
}
#techlogo a:hover {
	background-position:bottom left;
}
	
/* standard formatting
------------------------------------------------------------------------------*/
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.autoflow {
	overflow:auto;
}
.marginbttm {
	margin-bottom:10px;
}
.nomargin {
	margin:0;
}
.imgright {
	margin:0 0 15px 15px;
}
.clear {
	clear:both;
}

/* alert layout
------------------------------------------------------------------------------*/
.alert {
	margin-bottom:10px;
}
.alert h3 {
	color:#5a1301;
	margin-bottom:5px;
}
.alert p {
	margin:0;
	color:#000000;
}

/* form layout
------------------------------------------------------------------------------*/
#contactform .data {
	display:none;
}
#contactform .load { 
	display:none;
	background:#ffffff url(/images/elements/loading.gif) center center no-repeat; 
	text-align:center;
	text-indent:-9000px; 
	font-size:12px;
}
.fromfields input, .fromfields textarea {
	border:1px solid #cccccc;
	font-family:helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:13px;
	margin-bottom:1em;
	padding:6px;
	width:100%;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-left-radius:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
}
input.blur, textarea.blur {
	color:#999999;
}
label span {
	font-weight:normal;
	color:#999999;
}
.fromfields textarea {
	height:50px;
}
.fromfields input .active, .fromfields textarea .active {
	border:1px solid #F5450C;
}
.bttn {
	background:#ffffff url('/images/elements/bttn_up.gif') bottom left repeat-x; 
	text-shadow:1px 1px 0 #FFFFFF;
	font-family:arial,sans-serif;
	border:1px solid #cccccc;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:5px 15px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-left-radius:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
}
.bttn:hover {
	border:1px solid #8A8A8A;
}
.bttn:active {
	background:#ffffff url('/images/elements/bttn_down.gif') top left repeat-x; 
}