/*  
Theme Name: C Infinity
Theme URI: http://www.cinfinity.ie/
Description: Cinfinity by Spoiltchild
Version: 0.2
Author: Spoiltchild
Author URI: http://www.spoiltchild.com/
*/


html {
	height:100%;
	background:#fff;
}
body{
	margin:0;
	padding:0;
	font:10px Verdana, sans-serif;
	min-width:996px;
	height: auto;
	background:url(images/bg-page.gif) repeat-y 50% 0;
}
h1, h2, h3, h4, h5, p, form{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
.logo a,
#header .logo-small,
.info-box .btn-rss{
	text-indent:-6666px;
	display:block;
	overflow:hidden;
}

/*---- HEADER CSS ----*/
#header{
	width:100%;
	background:url(images/bg-header.jpg) no-repeat 50% 0;
	height:261px;
}
#header .holder{
	width:996px;
	height:451px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
#header .logo{
	position:absolute;
	z-index:3;
	top:18px;
	left:46px;
}
#header .logo a{
	width:112px;
	height:121px;
	cursor:pointer;
	background:url(images/logo.png) no-repeat;
}
#header .logo-small{
	width:90px;
	height:22px;
	position:absolute;
	top:24px;
	right:141px;
	background:url(images/txt-cinfinity.gif) no-repeat;
}

#header #site_tagline {
	margin-top: 30px;
	margin-left: 185px;
	font-size: 12px;
}

#header .flash-hold {
	position:absolute;
	top:128px;
	left:36px;
	z-index:2;
	width:960px;
	height:297px;
}
.temp-flash{
	width:960px;
	height:297px;
/*	background:url(images/flash.png) no-repeat; */
}
/*--- main menu css ---*/
#menu{
	position:absolute;
	top:74px;
	left:186px;
	height:54px;
	width:677px;
	padding-left:22px;
	z-index: 50;
}
#menu li { float:left; position: relative; height: 54px; }
	#menu li a { height:54px; float:left; text-indent:-6666px; display:block; overflow:hidden; }
	#menu li:hover { background-position: 0 -54px !important; }
	

#menu ul li a { text-indent: 0; background: #049dd9; text-transform: lowercase; }
#menu ul { display:none; position: absolute; top: 54px; left: 0; width: 200px; background: #049dd9; }
#menu ul li { float: none; display: block !important; display: inline; padding: 0; }
#menu ul li a {
	float: none !important;
	float: left;
	display: block;
	background: #049dd9;
	color: #fff;
	margin-right: 1px;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	width: 200px;
	padding: 0;
	text-align:left;
	float: left;
	font-size: 12px;
	line-height: 30px;
	text-transform: capitalize;
}
#menu li:hover li, #menu li.sfhover li { height: 30px; }
#menu li:hover li a, #menu li.sfhover li a { float: none; width: 180px; padding: 0 10px; background: none; color: #fff; font-size: 12px; line-height: 29px; height: 29px; border-bottom: 1px solid #3bbbee; }

#menu ul ul { left: 200px; top: 0px; width: 280px;  }
#menu ul ul li { width: 280px; }

#menu li:hover li a:hover, #menu li:hover li:hover a, #menu li.sfhover li a:hover, #menu li.sfhover li.sfhover a { background: #3bbbee; color: #fff; }
#menu li:hover li:hover li a, #menu li.sfhover li.sfhover li a { border-bottom: 1px solid #049dd9; width: 260px; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { display: none; } 
#menu li:hover ul, #menu ul li:hover ul, #menu ul ul li:hover ul, #menu li.sfhover ul, #menu ul li.sfhover ul, #menu ul ul li.sfhover ul { display: block; }

#menu .m-home { width:70px; background:url(images/m-home.png) no-repeat; }
#menu .m-services { width:85px; background:url(images/m-services.png) no-repeat; }
#menu .m-infrastructure { width:122px; background:url(images/m-infrastructure.png) no-repeat; }
#menu .m-about-us { width:91px; background:url(images/m-about-us.png) no-repeat; }
#menu .m-partners { width:88px; background:url(images/m-partners.png) no-repeat; }
#menu .m-news { width:65px; background:url(images/m-news.png) no-repeat; }
#menu .m-blog { width:61px; background:url(images/m-blog.png) no-repeat; }
#menu .m-contact { width:83px; background:url(images/m-contact.png) no-repeat; }

#menu .m-home a { width:70px; }
#menu .m-services a { width:85px; }
#menu .m-infrastructure a { width:122px; }
#menu .m-about-us a { width:91px;  }
#menu .m-partners a { width:88px; }
#menu .m-news a { width:65px; }
#menu .m-blog a { width:61px; }
#menu .m-contact a { width:83px; }


/*---- FOOTER CSS ----*/
#footer{
	width:100%;
	height:140px;
	background:url(images/bg-footer.jpg) no-repeat 50% 0;
}
#footer .holder{
	width:996px;
	margin:0 auto;
	overflow:hidden;
}
/*--- search-box css ---*/
#footer .search-box{
	width:311px;
	overflow:hidden;
	margin:26px 0 0 545px;
}
#footer .search-box .search-field {
	width:242px;
	height:27px;
	background:url(images/bg-search-field.gif) no-repeat;
	float:left;
}
#footer .search-box .search-field input{
	width:202px;
	height:15px;
	background:none;
	border:none;
	font:12px/15px Arial, sans-serif;
	color:#999;
	padding:6px 30px 6px 10px;
	margin:0;
}
#footer .search-box button {
	float:right;
	width:60px;
	height:27px;
	line-height:27px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background: #fff url(images/bg-btn-search.png) no-repeat;
	border: 0;
	cursor: pointer;
}
#footer .design-info{
	text-align:right;
	font-size:11px;
	color:#999;
	margin:24px 130px 0;
}
#footer .design-info strong{
	color:#070752;
	font-weight:normal;
}
#footer .design-info strong span{ color:#008bd3;}
/*---- CONTENT CSS ----*/
#content{
	width:850px;
	position:relative;
	z-index:10;
	margin:-56px auto 0;
	padding:0 111px 0 35px;
}
/*--- info-box css ---*/
.info-box{
	width:849px;
	overflow:hidden;
	padding:19px 0 10px 1px;
	background:url(images/bg-info-block.gif) no-repeat;
}
.info-box .box{
	float:left;
	width:227px;
	padding:10px 28px;
	position:relative;
}
.info-box h4{
	font:20px Arial, sans-serif;
	color:#060649;
}
.info-box .box p{
	font-size:12px;
	line-height:16px;
	color:#000000;
}
.info-box .list{
	font-size:12px;
	line-height:16px;
	padding:14px 0 20px;
}
.info-box .list li{
	width:100%;
	vertical-align:top;
	padding: 3px 0;
}
.info-box a{
	color:#008bd3;
	text-decoration:none;
}
.benefits {
	font-size: 12px;
	line-height: 16px;
	
}
.benefits li {
	color: #000000;
	padding-top: 5px;
	background-image: url(images/li.png);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	padding-left: 18px;
}
.info-box a:hover{ color:#070752;}
.info-box .btn-request,
.info-box .btn-download{
	display:block;
	width:145px;
	height:26px;
	font-size:11px;
	line-height:26px;
	color:#f7f7f7;
	margin-top:10px;
	text-align:center;
	padding-left:5px;
}
.info-box .btn-request { background:url(images/bg-btn-request.png) no-repeat;}
.info-box .btn-download{ background:url(images/bg-btn-download.png) no-repeat;}
.info-box .btn-request:hover,
.info-box .btn-download:hover{ color:#f7f7f7;}
.info-box .btn-rss{
	width:14px;
	height:14px;
	position:absolute;
	top:15px;
	left:155px;
	background:url(images/icon-rss.png) no-repeat;
}
.info-box .news-box{
	width:100%;
	clear:both;
	padding-top:14px;
}
.info-box .news-box h3{
	font-size:12px;
	line-height:16px;
	padding: 2px 0 4px;
	font-weight:normal;
}
.info-box .news-box p{ padding:3px 0;}

#main { padding: 20px 0 30px; }

#main a, #footer a, #sidebar-menu a { text-decoration:none; color:#008bd3; border-bottom: 1px dotted #008bd3; }
#main a:hover, #main a:focus, #footer a:hover, #footer a:focus { text-decoration:none; border-bottom: 1px dashed #070752; }

#content #main h2 {
	color:#0b0b0b;
	font-size:20px;
	line-height:30px;
	padding-bottom:0.5em;
	font-weight:400;
}
#content #main h3 { color:#070752; font-size:16px; line-height:24px; padding: 15px 0 5px; font-weight:700; clear: left; }
#content #main h4 { color:#444; font-size:14px; line-height:18px; text-transform: uppercase; padding: 15px 0 5px; font-weight:400; clear: left; }
#container.home-container h1 { display:block; width: 380px; height: 15px; padding: 0 0 10px; text-indent: -9999px; overflow:hidden; }
#content #main p { color:#121212; font-size: 13px; line-height: 150%; padding: 5px 0; }
#content .postentry em, #content .post em { font-style: italic; }
#content .postentry b, #content .postentry strong { font-weight: 700; }
#content #main ul { padding: 7px 0; }
#content #main ul li {
	padding: 4px 0 1px 30px;
	font-size: 13px;
	background: url(images/li.png) no-repeat 2px 5px;
}


.post {
 clear:both; overflow:auto; padding: 10px 0 20px;

 }
.post img {
	overflow:auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.postmeta {
	border-bottom: 1px dotted #ddd;
	font-size: 10px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.readmore {	float:right; font-size: 11px; font-style: normal; }

#main { float: left; width: 580px; }

#sidebar { float: right; padding: 15px 0; width: 250px; margin: 0 0 15px 0; border-left: 1px solid #efefef;  }

#sidebar .info-box { width:240px; overflow:hidden; padding:0 10px;  background: none;  }
#sidebar .info-box .box { border-bottom: 1px solid #efefef; padding: 10px 0; background: none; }
#sidebar h4 { font-size: 16px; }


		#content #container ul li.pagenav { background-image: none; padding: 20px 0 0; }
		#content #container #sidebar h2 { font-size: 13px; font-weight: 700; padding: 2px 0 3px; margin: 0; }	
		
.wp-caption { border: 1px solid #ddd; background:#efefef; margin: 5px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }	
#content #container .wp-caption a { border-bottom: none; }
#content #container .wp-caption img { border: 1px solid #888; }
#content #container p.wp-caption-text { font-size: 11px; padding: 3px 5px 0; color: #666; text-align: right; }

#thecomments { width: 580px; margin: 0 auto; }

#content #main h3#respond, #content #main h3#comments { text-transform: uppercase; color: #666; font-size: 14px; font-weight: 400; padding: 1em 0 0.2em;  }
#content #main h3#comments { padding-top: 0; }

.commentlist { padding: 15px 0; }
.commentlist li {  border-top: 1px dotted #ddd; padding: 10px; }
.commentlist li.alt { background: #efefef; }
#content #container .commentlist p { padding: 7px 0 7px 50px; font-size: 12px; }
.avatar { float: left; margin-right: 18px; }

#commentform { padding: 15px 0; }
#commentform input { width:300px; font-size: 14px; color: #333; height:20px; line-height:26px; padding: 3px; border: 1px solid #ddd; background:#efefef; margin: 5px 5px 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#commentform textarea { width:578px; height: 150px; font-size: 14px; color: #333; line-height:26px; padding: 3px; border: 1px solid #ddd; background:#efefef; margin: 5px 5px 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#commentform input#submit  { width:auto; font-size: 12px; text-transform: lowercase; cursor: pointer; color: #fff; height:auto; line-height:auto; padding: 5px 10px; border: 1px solid #121212; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#121212; margin: 5px 5px 5px 0;}

#main table {
	border-collapse: collapse;
	width: 570px;
	border: none;
}
#main th, #main td {
	padding: 2px 5px;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#main th {
	background-color: #CCCCCC;
}
.clear { clear: both; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }#content img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar .info-box .box img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
#content #main ul li li {
	padding: 4px 0 1px 30px;
	font-size: 13px;
	list-style-type: none;
}
#content #main ul li ul li {
	padding: 4px 0 1px 30px;
	font-size: 13px;
	list-style-type: none;
}
#sitemap {
	list-style-type: none;
}
.feedburner {
	border-top-style: none;
	text-align: center;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.feedburner a {
	border-top-style: none;
	text-align: center;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.offerboxt {background: url(images/dot.gif) 0 0 repeat-x; width: 20em}
.offerboxb {background: url(images/dot.gif) 0 100% repeat-x}
.offerboxl {background: url(images/dot.gif) 0 0 repeat-y}
.offerboxr {background: url(images/dot.gif) 100% 0 repeat-y}
.offerboxbl {background: url(images/bl.gif) 0 100% no-repeat}
.offerboxbr {background: url(images/br.gif) 100% 100% no-repeat}
.offerboxtl {background: url(images/tl.gif) 0 0 no-repeat}
.offerboxtr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
/*---landing page test----*/
        #serverheader .serverlogo-small,
.info-box .btn-rss{
	text-indent:-6666px;
	display:block;
	overflow:hidden;
}

/*---- HEADER CSS ----*/
#serverheader{
	width:100%;
	height:72px;
	background-image: url(images/serverbackup-header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#serverheader .serverholder{
	width:996px;
	height:100px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
#serverheader .serverlogo{
	position:absolute;
	z-index:3;
	top:18px;
	left:46px;
	font-style: normal;
	color: #0099FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#serverheader .serverlogo a{
	width:112px;
	height:80px;
	cursor:pointer;
	color: #0099FF;
	text-decoration: none;
}
#serverheader .serverlogo-small{
	width:90px;
	height:22px;
	position:absolute;
	top:24px;
	right:141px;

}