* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #000 url(images/body.jpg) repeat-x 0 0;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #004C74; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

.shell { margin: 0 auto; width:980px; margin-top:15px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.hidden{display:none;}

h2{font-size:18px; font-family:"Myriad Pro"; font-family:Arial, "Trebuchet MS", sans-serif; color:#004c74; line-height: 20px;}
h4, h4 a{font-size:11px; color:#004c74; text-decoration:none}
h4 a:hover{text-decoration:underline;}
#header{background:url(images/header.jpg) no-repeat 0 0; height:89px; border-bottom:2px solid #064e75; padding:12px 48px 0 49px}

h1#logo{font-size:0; line-height:0; float:left; width:178px}
h1#logo a{display:block; background:url(images/logo.gif); text-indent:-4000px; height:35px}

h2#slogan{font-size:0; line-height:0; text-indent:-4000px; display:block; background:url(images/slogan.gif); width:244px; height:35px; float:left}

#search{float:right; padding-top:1px}
#search form span{background:url(images/blog-input.gif) no-repeat 0 0; float:left; height:26px; width:165px}
#search form input{background:transparent; border:0; padding:4px 4px; width:150px; color:#666666}
#search form input.submit{background:url(images/blog-submit.gif); border:0; width:62px; height:26px; font-size:0; line-height:0; text-indent:-4000px; cursor:pointer; float:left; }


#navigation{height:32px; margin-top:22px; overflow:hidden; }
#navigation li{display:inline;}
#navigation li a{float:left; font-size:14px; color:#fff; font-family:"Myriad Pro"; background:url(images/navigation-a.gif) repeat-x 0 0; text-transform:uppercase; text-decoration:none; margin-right:1px}
#navigation li a span{background:url(images/a-span.gif) no-repeat left 0; float:left}
#navigation li a strong{background:url(images/a-strong.gif) no-repeat right 0; float:left; padding:9px 11px 13px 10px; font-weight:normal}

#navigation li a:hover,
#navigation li a.active{background:url(images/a-hover.gif) repeat-x 0 0;}
#navigation li a:hover span,
#navigation li a.active span{background:url(images/a-hover-span.gif) no-repeat  left 0;}
#navigation li a:hover strong,
#navigation li a.active strong{background:url(images/a-hover-strong.gif) no-repeat  right 0;}

.head{height:190px;}
#head-home{background:#000 url(images/head-home.jpg) no-repeat 0 0;}
#head-home2{background:#000 url(images/head-home2.jpg) no-repeat 0 0;}

#main { height: 100%; position: relative; }

.content{float:left; display:inline; width:634px; padding:23px 11px 0 23px}
.content p{padding-top:16px; line-height: 16px;}
.sidebar{float:right; display:inline; width:299px; padding:24px 0 0 0;}
.sidebar h2{padding-left:12px;}
.articles{background:url(images/articles.gif) no-repeat 1px 0; padding-top:3px; margin-top:10px; border-bottom:1px solid #ececec; padding-left:1px}
.article{background:url(images/article.gif) repeat-x 0 0; border-top:1px solid #ececec; padding:7px 30px 6px 10px; margin-bottom:2px}
.date{float:left; display:inline; width:46px; height:40px; text-align:center; background:url(images/blogdate.gif) no-repeat 0 0}
/* Updated by Anand || 2012-01-26 || Story: order change for events listing on Castool. Get rid of the posting date (i.e. January 23 for every event)*/
.date.hidden{display: none;}
.date span{font-size:13px; color:#fff; display:block; margin:3px 0 6px 0; line-height:16px;}
.date strong{font-size:22px; color:#000000; display:block;line-height: 15px}/*4a4a4a*/
.entry{float:right; display:inline; width:200px;margin-bottom: 30px}
.entry span{display:block; font-style:italic; padding-top:3px; color:#666666}

a.more{display:block; width:125px; font-size:11px; font-weight:bold; color:#fff; background:url(images/more.gif); padding:3px 0 4px 7px; text-decoration:none; margin-top:10px; margin-left:11px}

.submenu{background:#f8f8f8 url(images/submenu.jpg) no-repeat 0 0; margin-top:-22px; padding:11px 0 8px 3px; margin-bottom:24px; height:100%; overflow:hidden}
.submenu li{display:block; float:left; width:100%}
.submenu li a{display:block; background:url(images/submenu-a.gif) no-repeat 0 0; font-size:14px; color:#fff; padding:9px 0 8px 27px; text-decoration:none; font-weight:bold; margin-bottom:2px; position:relative; }
.submenu li a:hover,
.submenu li a.active{background:url(images/submenu-a-hover.gif) no-repeat 0 0}

.products{padding-top:20px;}
.product{background:#f0f3f6 url(images/product.gif) repeat-x 0 6px; width:311px; margin-bottom:8px;float:left}
.product-top{background:url(images/product-top.gif) no-repeat  0 0;}
.product-bottom{background:url(images/product-bottom.gif) no-repeat  0 bottom; padding:11px 31px 32px 9px}
.img{border:1px solid #aeaeae; float:left; display:inline; width:113px}
.description{float:left; display:inline; width:155px; padding-top:7px}
.description h4 a{color:#333333}
.content .description p{padding-top:8px;}
.description a.view-info{background:url(images/info.gif) no-repeat 0 0; display:block; padding:2px 0 3px 26px; color:#1f80b3; text-decoration:none}
.description a.view-info:hover{text-decoration:underline;}
.second{float:right}

.options{padding-bottom:7px; height:100%; overflow:hidden}
.options p{color:#d1a334; font-size:9px; text-transform:uppercase; text-align:center; padding:19px 0 17px 0}
.option{background:url(images/option.gif) no-repeat 0 bottom; width:318px; padding-bottom:20px; float:left; height:100%; overflow:hidden; margin-right:11px}
.last{margin-right:0;}
.option img{float:left;}
.option h1{font-size:0; line-height:0; text-indent:-4000px; display:block; height:90px;}
.option h1.first{background:url(images/h1-first.gif) no-repeat 0 0;}
.option h1.second{background:url(images/h1-second.gif) no-repeat 0 0; width:318px}
.option h1.third{background:url(images/h1-third.gif) no-repeat 0 0;}

.welcome{background:url(images/welcome.gif) repeat-y 0 0; color:#fff; margin-bottom:63px; height:100%}
.welcome-top{background:url(images/welcome-top.gif) no-repeat 0 0;}
.welcome-bottom{background:url(images/welcome-bottom.gif) no-repeat 0 bottom; padding:34px 40px 93px 35px}
.welcome h2{font-size:18px; color:#fff; font-family:"Myriad Pro"}
.welcome p{padding-top:16px;}

#footer{background:url(images/footer.jpg) no-repeat 0 0; padding:16px 0 0 23px; color:#fff; height:100px}
.leftbox{float:left; display:inline; width:580px}
.rightbox{float:right; display:inline; width:375px;height:101px;font-size:11px; background:url(images/rightbox.gif) no-repeat 0 0}

#footerlogo{display:block; font-size:0; line-height:0; text-indent:-4000px; background:url(images/footerlogo.gif); width:127px; height:31px; margin-bottom:4px}

#footer a{color:#fff; text-decoration:none; font-size:10px}
#footer a:hover{text-decoration:underline}
.leftbox span{padding:0 4px}
.leftbox p{padding-top:2px;}

.rightbox h2{font-size:0; line-height:0; text-indent:-4000px; display:block; background:url(images/footer-h2.gif); width:244px; height:13px}
.rightbox .boxes{padding-left:61px; margin-top:12px; padding-bottom:8px}
.rightbox .box{width:98px; float:left}
.rightbox .box.lastbox{width:115px;}

.blog .content{padding:20px 11px 12px 23px; overflow: hidden;}
.blog #header{padding:23px 51px 0 80px; height:78px}
.blog h1#logo{float:right;}
/*.blog #header h2{float:left; width:260px; font-size:24px;}*/
.blog #header h2 { float:left; font-size:24px; line-height: 17px}
.blog #header h2 a { float: none; color:#fff;text-decoration: none;/*padding-top: 3px*/}
.blog #header h2 span{font-size:12px; font-weight:normal; display:block; padding-top:8px;width:212px; float: none; color: #fff; padding-left:1px;}

.blog #navigation{height:23px; margin-top:14px; margin-left:1px;}
.blog #navigation a{background:transparent; padding:0 14px 0 0; text-transform:none; font-size:14px; line-height:16px}
.blog #navigation a:hover,
.blog #navigation a.active{background:transparent;}

.blog .entry{float:none; display:block; width:100%} 
.blog .post{margin-bottom:30px;}
.blog .post p{ line-height:16px}

#sidebar #search{float:none; margin-bottom:3px}
#sidebar #search form span{background:/(images/blog-input.gif) no-repeat 0 0; width:163px; padding-bottom:2px}
#sidebar #search form input.submit{background:url(images/blog-submit.gif); width:64px; height:28px; }
.blog  .shell #main{background:#fff;}
/* Updated by Anand || 2012-01-26 || Story: order change for events listing on Castool. Get rid of the posting date (i.e. January 23 for every event)*/
.blog .content h2{background:url(images/blogdate.jpg) no-repeat 0 0; padding:11px 0 19px 53px; margin-bottom:-4px; font-family:Arial}
.blog .content h2.no-background{background: none; padding:11px 0 19px 0px; margin-bottom:-4px; font-family:Arial}
.blog .content h2 a{font-weight:normal; border-bottom:1px dotted #ccc; font-size:22px; color:#000; display:block; text-decoration:none; padding-bottom:5px; padding-left:1px}
.blog .content h3{font-size: 24px;/*color: #34a6d6;*/color: #0860a4;margin: 5px 0 25px 0}
.blog .content h3 a {color: #000; font-size: 22;text-decoration: none;font-weight: normal}
.blog .content h3 a:hover {text-decoration: underline;font-weight:normal;}
.blog .content .num-comment{float:right; background:url(images/bubble.gif) no-repeat 0 0; padding:0 0 3px 19px; margin-top:-11px; color:#858585; font-size:11px}


#sidebar{float:right; display:inline; width:236px; padding-top:18px}
#sidebar ul{list-style-type:none;  padding-bottom:8px;}
#sidebar ul li.category{padding:2px 0 0 5px;}
#sidebar ul li.archives{padding:0 0 0 5px;}
#sidebar ul li.category ul li{background:url(images/cathegory.gif) no-repeat 12px 0; padding:0 0 3px 36px; margin-top:7px;}
#sidebar ul li.category ul li a{text-decoration:none; color:#000; font-size:14px}
#sidebar ul ul{background:#ececec; width:210px; height:100%; overflow:hidden}
#sidebar h2{background:url(images/sidebar-h2.gif) no-repeat 0 0; color:#fff; font-weight:normal; font-size:14px; font-family:arial; padding:5px 0 7px 13px; margin-top:9px}
#sidebar ul li.archives ul li{background:url(images/archives.gif) no-repeat 13px 0; padding:0 0 3px 35px; margin-top:7px}
#sidebar ul li.archives ul li a{text-decoration:none; color:#000; font-size:14px}

.navigation .alignleft{float: left;font-size: 11px;font-family: arial;color: #33a4d6;}
.navigation .alignright {float: right;font-size: 11px;font-family: arial;color: #33a4d6;}

.navigation a {text-decoration: none;}
.navigation a:hover {text-decoration: underline;}

#reply {width: 400px;}
#reply p {padding-top: 5px;}
#reply .comment {float: left;width: 400px;}
#reply .comment-btn {float: right;margin-right: -3px;}
#respond h3 {margin: 20px 0 5px 0;font-family: arial;font-size: 13px;}
ol li {padding-bottom: 15px}
ol li p {margin-top: 5px;padding-top:2px !important;}
.entry ol{padding-top:15px;padding-left:15px;}
.entry ol ol{list-style-type: lower-alpha;}
.entry ul{padding-left:30px;padding-top:15px;}
.entry ul li{padding-bottom:10px;}

h5 {font-size: 24px;line-height:26px;color: #0860a4;margin: 70px 0 25px 0}
.commentlist {list-style-type:none;}
.commentlist p {margin-bottom: 15px;}

#comment-box { 
	width:420px;
	border: solid 1px #2585bf;
	margin-bottom:10px ;
}
#comment-box .top {
	background: #e4ecf6;
	border-top: solid 1px #f3f7fb;
}
#comment-box .top strong {
	width: 400px;
	background: url(images/comment.gif) 0 0 no-repeat;
	font-size: 15px;
	line-height: 25px;
	padding-left: 20px;
	font-weight: normal;
	margin-left: 10px;
}
#comment-box p{
	width:400px;
	font-size: 13px;
	border-top:solid 3px #fff;
	background: #f3f7fb;
	padding: 5px 10px !important;
	margin: 0 !important;
}
blockquote {
	background-image:url(images/quote.png);
	width:531px;
	height:65px;
	padding-left:47px;
	padding-right:47px;
	padding-top:25px;
	margin-top:5px;
}
html>body blockquote
{
	*margin-top:0px;
}
* html blockquote
{
	margin-top:0px;
}

.email-list-signup {
	background:url(/images/email_list.png) no-repeat;
	width:212px;
	height:205px;
	padding:0px;
}

.email-list-signup .name {
	margin-top:86px;
	margin-left:32px;
	width:150px;
}

.email-list-signup .email {
	margin-top:24px;
	margin-left:32px;
	width:150px;
}

.email-list-submit {
	margin-top:15px;
	margin-left:72px;
	background:url(/images/submit_button.png) no-repeat;
	padding:0px;
	border:none;
	height:28px;
	width:69px;
}
