html{ padding: 0 0 0 0; margin: -12px 0 0 0;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color: #999999;
}

h1{
	font-size:18px;
	color:#2B77AF;
}

h2{
	font-size:16px;
	color: #666;
}

h3{
	font-size:16px;
	color: #fff;
}

h4{
	font-size:14px;
}

h5{
	font-size:12px;
}

table{border: 1px solid #D1D8DF; padding: 5px; }

p{font-size: 12px; color:#333;}

p.foot{font-size: 12px; color: #999;}
p.foot a{color:#FFF;}
	
p.client{font-size:12px; color:#FFF;}
p.contact{font-size:12px; color:#FFF;}
p.quoteinfo{border: 1px solid #D1D8DF; background-color:#EFEFEF; padding: 5px; width: 550px; height: 50px;}

#messege2{display: none;}

p.info{font-size:14px; font-weight: 500; color: #333; line-height:18px;}

p.title{color: #006699;}
p.blog{font-size: 20px;}
p.author{ color: #006699;}

a{ color: #006699; text-decoration: none;} 

.cs_article h1 {
	font:225%/1.25em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	margin:0 auto 15px;
}


/*
Divs
*/

#main{
	width: 900px;
	height:auto;
	margin: auto;
}

/*
header divs & buttons
*/

#head{
	width: 100%;
	height: 150px;
	_margin: -10px 0 0 0;
	_height: 130px;
}

#topbut{
	width: 900px;
	height: 20px;
	color: #fff;
	margin: 0 0 0 -10px;
	_margin: 0 0 0 0;
}

#topmenu{
	float:left;
	width:500px;
	height:30px;
	color: #fff;
	margin: -5px 0 0 0;
	_margin: 0 0 0 0;
}

#topmenu p{ color: #fff;}

#client_login{
	float:right;
	background-image:url(../images/login_back.jpg);
	width: 90px;
	height: 33px;
	margin: 0 20px 0 0;
	padding-left:15px;
}

#contact{
	float: right;
	width: 200px;
	height: auto;
	color:#FFF;
	text-align:right;
	margin: 10px 0 0 0;
}

#search{
	float: right;
	width:160px;
	height: 30px;
	padding: 0 0 0 0;
	margin: 100px -120px 0 0;
}

#logo{
	float: left;
	width: 430px;
	height: 91px;
	padding: 20px 0 0 0;
	_padding: 10px 0 0 0;
}

#buttons{
	background-image:url(../images/button_back.jpg);
	background-repeat:no-repeat;
	width: 900px;
	height: 36px;
	margin: auto;
}

#projectdisplay{
	background-image:url(../images/project_back.jpg);
	width:100%;
	height: 160px;
	border-bottom:solid 40px #72b0df;
}

#projectinfo{
	float: left;
	width: 550px;
	height: 150px;
	padding: 10px 0 0 10px;
	_padding: 10px 0 0 0;
	_margin-bottom: -30px;
}

#butt{
	width: 600px;
	height:30px;
	margin-top: -5px;
}

#butt a img{ color: #72b0df; border:none; position:relative; }


/*
Main content
*/

p.top{ color: #000; font-weight: bold; line-height:18px;}

#container{
	background-color:#FFF;
	width: 100%;
	height: auto;
}

#project{
	float: left;
	width: 880px;
	height: auto;
}

#portfolio_project{
	float: left;
	width: 350px;
	height: 200px;
	background-color:#09F;
	margin-bottom: 20px;
}

#portfolio_text{
	float: left;
	width: 500px;
	height: 180px;
	padding: 0 0 10px 10px;
	margin-top: -10px;
	margin-bottom: 20px;
}

#content{
	float: left;
	width: 550px;
	height: 100%;
	padding: 10px 20px 0 10px;
	_padding: 10px 0 10px 10px;
	_margin-top: 0;
}

#rightbar{
	float: left;
	width:280px;
	height: auto;
	padding: 10px 0 0 10px;
	_float: left;
	_margin-right: -350px;
	_padding: 10px 10px 0 -20px;
}

#reference{
	float: left;
	width:280px;
	height: auto;
	padding: 10px 0 0 10px;
	_float: right;
	_margin: -1055px -290px 0 0;
}

#sideimage{
	float: left;
	width:100px;
	height: auto;
}

#sidetext{
	float: right;
	width:180px;
	height: auto;
	margin-top: -5px;
	_margin: 0 0 0 0;
}



/*
blog main layout 
*/

#blogimage{
	float: right;
	width: 200px;
	height: 200px;
	background-color:#006699;
}

#section{
	width: 560px;
	height: 165px;
	background-image:url(../images/content_greyback.jpg);
	background-repeat: no-repeat;
	padding: 1px 10px 10px 0;
	_padding: 0 0 0 10px;
}

#subsection{
	float: left;
	width: 380px;
	height: auto;
	padding-left: 10px;
	margin: -10px 0 0 0;
	_margin: 0 0 0 0;
	_padding: 0 0 0 0;
}

#sub{
	float: left;
	width: 380px;
	height: auto;
	margin: 0 0 0 0;
	_margin: -125px 0 0 80px;
	_padding: 0 0 0 0;
}

#leftimage{
	float: left;
	width: 150px;
	height: 130px;
	background-color:#0C3;
	margin: 10px 0 10px 10px;
	_margin: 0 0 0 0;
}

#rightimage{
	float: right;
	width: 150px;
	height: 130px;
	margin-top: 10px;
	margin-left: 10px;
	_margin: -130px 0 0 0;
	_padding: 0 0 30px 0;
}

#lirelandimage{
	float: right;
	width: 200px;
	height: 90px;
	margin-top: 20px;
	margin-left: 10px;
}



/*
Footer divs
*/

#footer{
	border-top: 10px solid #79b6e3;
	width: 100%;
	height: 160px;
	background-image:url(../images/footer-back.jpg);
	background-repeat:no-repeat;
	color: #fff;
}

#menuonefoot{
	float: left;
	width: 110px;
	height: auto;
	padding: 10px 0 0 10px;
	margin-top: -10px;
	_padding: 20px 0 0 10px;
}

#menutwofoot{
	float: left;
	width: 110px;
	height: auto;
	padding: 10px 0 0 10px;
	margin-top: 42px;
	_margin-top: 38px;
}

#foot_middle{
	float: left;
	width: 320px;
	height: auto;
	padding: 10px 10px 0 30px;
	margin-top: -10px;
	_padding: 20px 0 0 10px;
}

#rightfoot{
	float:left;
	width: 280px;
	height: auto;
	padding: 10px 10px 0 10px;
	margin-top: -10px;
	_padding: 20px 0 0 10px;
}

#twitterfeed{
	float: left;
	background-image:url(../images/tweet_back.jpg);
	background-repeat:no-repeat;
	width: 280px;
	height: 90px;
	color:#000;
	margin: -15px -0 0 0;
}

#twitter_update_list{
	margin: 20px 10px 10px -30px;
	_margin: 20px 10px 10px 10px;
}

#networks{
	float: right;
	width: 280px;
	height: 20px;
	padding: 5px 0 0 10px;
	_padding: 5px 0 0 0;
}

.clear{ clear: both; float: none; margin: -15px 0 0 0; text-indent: -9999px;}


/*
client logos
*/

#clients img{ padding: 2px ;}


/*
topMenu buttons
*/
.topmenu{
	font-size:12px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	padding: 10px 0 0 10px;
}
	
.topmenu li{
	display: inline;
	margin-right:25px;
	font-size: 12px;
}
	
.topmenu li a{
	float: left;
	padding: 3px 13px;
	_padding: 0 10px 0 10px;
	color: #fff;
	text-decoration: none;
}

.topmenu li a:visited{
	text-decoration: none;
}

.topmenu li a:hover, .current{
	color: #59BDEF;
	}



/*
Menu buttons
*/
.menu{
	font-size:14px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	padding: 10px 0 0 10px;
}
	
.menu li{
	display: inline;
	margin-right:30px;
	font-size: 14px;

}
	
.menu li a{
	float: left;
	padding: 3px 20px;
	_padding: 0 10px 0 10px;
	color: #fff;
	text-decoration: none;
}

.menu li a:visited{
	text-decoration: none;
}

.menu li a:hover, .current{
	color: #59BDEF;
	}



/*
Footer link buttons
*/

.footmenu {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.footmenu li{
	list-style: none;
	border-bottom:dashed 1px;
	text-decoration: none;
	padding: 5px 5px;
	color: #ccc;
}

.footmenu li a {
	text-decoration: none;
	color: #FFF;
}

.footmenu li a:hover{
	color: #59BDEF;
}

/*
Social network links
*/

.botlist{
	margin:0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.botlist li{
	display: inline;
	text-decoration: none;
	margin-right: 5px;
}

.botlist li a {
	float: left;
	text-decoration:none;
	padding: 0 5px 0 0;
}

.botlist li a img{ color: #333; border: none; padding: 3px; }