<?php
	header("Content-type: text/css; charset=" . $css_charset);
	echo "@charset \"" . $css_charset . "\";";
?>

/*Unstyle*/
html {
	overflow: auto;
}

body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 100%;
}

div {
	position: relative;
}

a, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 100%;
	line-height: 1em;
}

a:hover {
	color: #999;
}

a {
	color:#333;
}

a:visited {
	color:#333;
}

div:after {
	clear: both;
	display: block;
	content: ".";
	visibility: hidden;
	height: 0px;
	line-height: 0px;
}

.submitButton {
	width:200px;
	height:50px;
	font-weight:bold;
}

a img{
	border:none;
}

/*HTML styling*/
body{
	background-color:#DDDDDD;
	font-family:Arial, sans-serif;
	font-size:16px;
	text-align:justify;
	font-size:0.84em;
	color:#333;
	margin-bottom:20px;
	line-height:1.2em;
}

h3{
	font-size:1.625em;
	font-family:"Arial Rounded MT Bold", Arial, sans-serif;
	color:#004C91;
	margin-bottom:10px;
}

.listtable {
	width: 870px;
}

.listtable td {
	padding:5px;
}

.listtable tr {
	width:870px;
}

.listtable .heading {
	font-weight:bold;
}

#footer{
	width:100%;
	background-color:#858585;
	height:30px;
	clear:both;
	font-size:0.75em;
	color:#fff;
	line-height:30px;
}

/*Layout*/
#top_shadow{
	width:900px;
	padding:0px 30px;
	background:url("../images/head.png")  bottom no-repeat;
	margin:0px auto;
	height:12px;
}
#foot_shadow{
	width:900px;
	padding:0px 30px;
	background:url("../images/foot.png") top no-repeat;
	margin:0px auto;
	height:12px;
}
#container{
	width:900px;
	background-image:url("../images/shadow.png");
	padding:0px 30px;
	margin:0px auto;
}
#bigw{
	background:url("../images/bigw.png") right bottom no-repeat fixed;

}
#header{
	background-color:#fff;
	height:155px;
}
#title{
	margin:10px;
	float:left;
}
#title img{
	width:386px;
	height:133px;
}
#subtitle{
	display:inline;
	margin:50px 15px 0px 0px;
	float:right;
}
#subtitle img{
	width:304px;
	height:57px;
}
#navigation{
	height:30px;
	width:390px;
	position:absolute;
	top:133px;
	right:0px;
}
#imagebar{


	padding:10px;
	overflow:hidden;
	background-color:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#content{
	padding:10px;
	float:left;
}
#sidebar{
	width:229px;
	padding:10px;
	height:100%;
	float:right;
}
.content_block{
	border-bottom:1px solid #C6DBEF;
	margin-bottom:15px;
}
/*Header*/


/*Navigation*/
#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;

	margin-left:50px;
}
#navigation li{
	display:inline;

}
#navigation li a{
	margin-left:20px;
	cursor: pointer;
	font-size:1.1em;
	font-family:"Arial Rounded MT Bold", Arial, sans-serif;
	color:#858585;
	text-decoration:none;
}

/*Content*/
p{
	font-size:0.7em;
	color:#333;
	margin-bottom:20px;
	line-height:1.2em;

}
.usp{
	width:620px;
	height:58px;
	background-image:url("../images/bluebubble.png");
	margin-bottom:20px;
}.usp p{
	width:535px;
	margin-top:15px;
	float:left;
	color:#fff;
}.usp img{
	width:48px;
	height:48px;
	float:left;
	margin:5px;
}
#sidebar ul#twitter{
	font-size:0.75em;
	color:#333;
	list-style:none;
	padding:0px;
	margin:0px;
}
#sidebar ul#twitter li{
	margin-bottom:10px;
	text-align:left;
}#sidebar ul#twitter li div{
	float:right;
	font-size:0.83em;
	font-style:italic;
	clear:both;
}#sidebar ul#twitter li a{
	color:#333;
	text-decoration:none;
}#sidebar ul#twitter li a:hover{
	text-decoration:underline;
	color:#999;
}
form#contact_form{
	padding:0px;
	padding-top:10px;
	margin:0px;
	margin-top:-10px;
	margin-bottom:10px;
	width:230px;
	height:40px;
	background:url("../images/form_bg.gif") no-repeat;
}
form#contact_form input{
	font-size:0.625em;
}
input#text_input{
	color:#666;
	width:170px;
	margin-left:10px;
	margin-right:5px;
}

input#button_input{
	width:29px;
}

#design_process{
	width:100%;
	list-style:none;
	padding:0px;
	margin:0px;
}
#design_process li{
	width:23%;
	float:left;
	border-left:1px solid #C6DBEF;
	padding:5px;
}#design_process li.first{
	border-left:none;
}#design_process div{
	display:inline;
	clear:both;

}#design_process img{
	float:left;
}

#reviews{
	width:618px;
	list-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	background-color:#004C91;
}
#reviews img{
	padding:0px;
	margin:0px;
	clear:both;
	float:left;
}#reviews p{
	background-color:#fff;
	padding:0px;
	padding:5px;
	font-style:italic;
	margin:0px;
}#reviews p img{
	margin-top:-15px;
}
#reviews div{
	display:inline;
	width:31%;
	float:left;
	margin-left:10px;
}#reviews h4{
	color:#fff;
	font-size:1em;
	font-weight:normal;
	margin-bottom:11px;
}#reviews a{
	color:#fff;
	font-size:0.625em;
	float:right;
}

.portfolio_item{
	border:1px solid #004D91;
	width:618px;
	background-color:#004D91;
	height:auto;
	margin-bottom:20px;
	margin-left:5px;
}.portfolio_item p{
	color:#fff;
	padding:5px;
	margin:0px;
}
.portfolio_item a{
	color:#fff;
}
img.icon{
	width:48px;
	height:48px;
	margin-right:5px;
}#design_process p{
	clear:both;
}#design_process h3{
	margin:15px;
}
/*Footer*/

#footer div:after {
	clear: none;
	display: inline;
}

#footer #phone_number,#footer #email,#footer address,#address, address a{
	margin:0px;
	padding:0px;
	display:inline;
	padding-left:5px;
	font-style:normal;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer #footer_right{
	float:right;
	padding-right:5px;
}
#footer #footer_left{
	float:left;
}

/*Plugins*/
#weather_cont {
	padding: 0px 10px 0px 10px;
	text-align: center;
}

#weather_cont p#city, #weather_cont #weather p {
	padding: 0px;
	margin: 0px;
}

#weather_cont p.error {
	color: red;
}

.weather {
	display: inline;
	float: left;
	margin-right:15px;
}
.errormessage{
	width:100%;
	text-align:center;
	padding:50px 0px;
}

.toplink{
	color:#999;
	font-size:0.625em;
	float:right;
	text-decoration:none;
}

.hidden{
	display:none;
}

#slider{
	overflow:hidden;
	width:618px;
	height:140px;
	border:1px solid #004D91;
	margin-bottom:10px;
	margin-left:5px;
	white-space:nowrap;
}#innerslider img{
	width:155px;
	height:140px;
	margin:0px;
	padding:0px;
	display:inline;
}

.saved {
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:10px;
	color:red;
	background-color:#eee;
	margin-bottom:10px;
}
