/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font:.813em Helvetica, Arial, sans-serif /* 12px font */; color:#636363; background:#f2f2f2; margin:0 auto }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; behavior:url("/css/pngfix.htc") }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#008899; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#b61900; text-decoration:underline }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.center { margin:0 auto; text-align:center }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:1.769em /* 23px */; font-weight:normal; line-height:1.304em; color:#008899; padding:0 0 12px 12px }
h2, h3, h4, h5, h6 { line-height:normal; padding:10px 0 }
h2 { font-size:1.615em 	/* 21px */ }
h3 { font-size:1.385em 	/* 18px */ }
h4 { font-size:1.231em 	/* 16px */ }
h5 { font-size:1.077em 	/* 14px */ }
h6 { font-size:0.923em	/* 12px */ }

/* lists */
/* unordered */
ul { padding:5px 20px }
ul ul { padding:0 20px }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:5px 20px }
ol ol { padding:0 20px }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* - MAINWRAP
=========================================================================*/
#MainWrap { width:880px; background:#fff; margin:0 auto }

/* - HEADER
=========================================================================*/
#Header { width:880px; height:69px; font-size:15px; background:#fff; margin:0 auto }
#Header .home, #Header .home:hover { float:left; display:inline; font-size:17px; color:#b61900; text-decoration:none; margin:27px 38px 0 42px }
#Header .logo_halski { float:right; display:inline; margin:0 35px 0 0 }

/* - NAVIGATION
=========================================================================*/
#Navigation { float:left; padding:29px 0 0; margin:0 }
#Navigation li { float:left; list-style:none; padding:0 20px 0 0; margin:0 }
#Navigation a { float:left; display:inline; color:#6b6b6b; padding:0 4px }
#Navigation a:hover { color:#fff; background:#b61900; text-decoration:none }

/* - SPLASH
=========================================================================*/
#Splash { float:left; width:850px; height:279px; padding:0 15px; background:#fff }
#Splash.internal { float:left; width:850px; height:173px; font-size:36px; color:#fff; background:url(/images/banners/banner_blank.jpg) 15px 0 no-repeat }
#Splash.internal span { display:block; width:550px; line-height:.889em; line-height:.889em; text-transform:lowercase; padding:37px 0 0 29px }
#Splash.internal span strong { float:left; padding-bottom:20px; padding-top:1px }

#Splash.wired-routers { background:url(/images/banners/banner_wired_routers.jpg) 15px 0 no-repeat }
#Splash.port-switches { background:url(/images/banners/banner_port_switches.jpg) 15px 0 no-repeat }
#Splash.wireless-network-access-point { background:url(/images/banners/banner_wireless.jpg) 15px 0 no-repeat }
#Splash.security-appliances-and-firewalls { background:url(/images/banners/banner_security.jpg) 15px 0 no-repeat }
#Splash.voip-calling { background:url(/images/banners/banner_voip.jpg) 15px 0 no-repeat }

/* - COLUMNS
=========================================================================*/
#ColumnLeft { position:relative; float:left; display:inline; width:534px; padding:0 0 50px; margin:-44px 0 0 32px }
#ColumnLeft.home { border-top:5px solid #e5e5e5; margin:18px 0 0 32px }
#ColumnRight { float:right; display:inline; width:243px; padding:0 0 7px; margin:18px 32px 0 0 }
#ColumnRight .section { float:left; clear:both; width:100%; border-top:5px solid #e5e5e5; padding:0 0 25px}
#ColumnRight.fade { min-height:550px; height:auto !important; height:550px; background:#f7f7f7 url(/images/columnright_fade.gif) 0 100% no-repeat; padding-left:18px; padding-right:17px; margin:0 15px 0 0 }
#HalskiContact { float:right; clear:right; display:inline; width:243px; border-top:5px solid #e5e5e5; padding:0 0 50px; margin:0 32px 0 0 }

.column_title { font-size:15px; font-weight:bold; color:#000; border-top:1px solid #cecece; padding:8px 0 13px }
#ColumnLeft .column_title { padding-left:12px }
#ColumnRight .column_title, #HalskiContact .column_title { padding-left:8px; padding-bottom:7px }

#ColumnLeft p { line-height:1.462em }

/* - POSTS
=========================================================================*/
.post { font-size:15px; border-bottom:1px solid #e5e5e5; padding:11px 0 }
.post h2 { padding:5px 0 7px 12px }
.post p { padding:0 40px 24px 12px }
.post .comments { font-size:12px; padding-left:12px }
.post .comments a { color:#a3a3a3 }
.post .comments a span { color:#000 }
.post .comments a:hover { color:#000; text-decoration:none }
.post .postdate { float:right; font-size:12px; color:#a3a3a3; padding-right:16px }

.more { padding:12px }
.more a { font-size:15px; font-weight:bold; color:#7f7f7f }
.more a:hover { color:#b61900; text-decoration:none }

.post .sociable { margin-bottom:0 }

/* - SIDEBAR
=========================================================================*/
#ColumnRight p, #HalskiContact p { color:#7f7f7f; border-top:1px solid #e5e5e5; padding:15px 15px 14px 9px }

.product_list { float:left; width:100%; padding:0; margin:0 }
.product_list li { float:left; clear:both; width:100%; border-top:1px solid #e5e5e5; list-style:none }
.product_list img { position:relative; float:left; width:40px; height:34px; margin:0 0 0 5px }
.product_list span { float:left; display:inline; word-spacing:-2px; padding:9px 0 9px 5px }
.product_list a { float:left }
.product_list a:hover span { cursor:pointer }

#HalskiContact .product_list { border-bottom:1px solid #e5e5e5 }
#HalskiContact .product_list span, .blog_list span { padding-left:9px }
.blog_list span { font-family:Arial, Helvetica, sans-serif; font-style:italic }

/* - PRODUCTS
=========================================================================*/
#ProductList { width:100%; border-bottom:1px solid #e2e3e4 }
#ProductList tr.odd { background:#f8fbfb }
#ProductList tr.even { background:#fff }
#ProductList td { border-top:1px solid #e2e3e4; vertical-align:middle }
#ProductList .product_head { font:bold 11px Arial, Helvetica, sans-serif; color:#a3a6ac; padding:5px 0 7px }
#ProductList .product_image { width:122px }
#ProductList .product_image img { display:block; height:61px; margin:0 auto }
#ProductList .product_title { width:342px }
#ProductList .product_title a { font-size:12px; font-weight:bold; color:#024d6f }
#ProductList .product_title span { font-size:10px; color:#000 }
#ProductList .product_price { width:69px; font-weight:bold; color:#000 }
#ProductList .product_price span { color:#999999 }

#ProductOverview { border-top:4px solid #e5e5e5 }
.product { float:left; width:267px; height:250px; text-align:center }
.product h3 a:hover { text-decoration:none }

/* - SEARCH
=========================================================================*/
#searchform { border:solid #e5e5e5; border-width:5px 0 1px; margin: 10px auto }
#searchform div { border-top:1px solid #cecece; padding:8px 0 8px 12px }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
#searchform label { font-size:15px; font-weight:bold; color:#000;   }
#searchform input { width:300px; background:#fff; font:11px Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#000; padding:3px }
#searchform input#searchsubmit { cursor:pointer; width:auto; height:auto; line-height:25px; background:#008899; font-size:11px; font-weight:bold; border:0; color:#fff; padding:3px 10px }
	*:first-child+html #searchform input#searchsubmit { height:22px; line-height:normal } * html #searchform input#searchsubmit { height:22px; line-height:normal }

/* - COMMENTS
=========================================================================*/
#comment{ height:100%; padding:0 32px 37px 24px; margin:0px 0px }
h3#comments { font-size:18px; border-bottom:1px solid #e2e3e4; padding:20px 0 20px 24px; margin:0 0 15px } 	
#respond{ border-top:3px solid #cecece; height:100%; padding:0px 5px; margin:0px 0px; background:#f1f1f1 }	
#respond h3{ font-size:18px; padding:10px 10px 0px 10px; margin:10px 0px }
#commentform { padding:0px 10px 10px 10px; margin:0px 0px 0px 0px }
#commentform input { width:300px; background:#fff; font:13px Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#000; padding:3px;
margin:0 0 2px }
#commentform textarea { overflow:auto; background:#fff; border:1px solid #ccc; font:13px Arial, Helvetica, sans-serif; color:#000; width:97%; padding:5px }
#commentform input#submit { cursor:pointer; width:auto; height:auto; line-height:25px; background:#008899; font-size:11px; font-weight:bold; border:0; color:#fff; padding:3px 10px }
	*:first-child+html #commentform input#submit { height:22px; line-height:normal } * html #commentform input#submit { height:22px; line-height:normal }
#commentform p { padding-top:2px }
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0 }
ol.commentlist li { min-height:68px; height:auto !important; height:68px; list-style:none; border-bottom:1px solid #e2e3e4;  margin:0 0 15px;  padding:5px 7px 0 75px; position:relative }
#ColumnLeft ol.commentlist li p { margin-top:5px; margin-bottom:10px }
ol.commentlist li div.comment-author { padding:0 250px 0 0 }
ol.commentlist li div.vcard { font:bold 12px/1.4 helvetica,arial,sans-serif }
ol.commentlist li div.vcard cite.fn { font-style:normal }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none }
ol.commentlist li div.vcard img.avatar { left:7px; position:absolute; top:7px }
ol.commentlist li div.comment-meta { font-size:11px; position:absolute; right:10px; text-align:right; top:7px }
ol.commentlist li div.comment-meta a { color:#888; text-decoration:none }
ol.commentlist li div.comment-meta a:hover { color:#333 }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 36px }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0 }
ol.commentlist li div.reply { width:auto }
ol.commentlist li div.reply a { position:absolute; top:52px; left:7px; display:block; font-size:9px; line-height:normal; font-weight:bold; background:#0772AE; padding:3px 3px; color:#fff; text-decoration:none; text-transform:uppercase; width:36px; text-align:center }
ol.commentlist li div.reply a:hover { background:#000 }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0 }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em }
ol.commentlist li.even { background:#f1f1f1 }
ol.commentlist li.even div.vcard img.avatar { border:5px solid #fff }
ol.commentlist li.odd { background:#fff }
ol.commentlist li.odd div.vcard img.avatar { border:5px solid #e1e1e1 }
ol.commentlist li.pingback div.vcard { padding:0 250px 0 0 }

/* - CONTACT FORM
=========================================================================*/
.wpcf7 form { float:left; clear:both; width:458px; padding:0 0 0 20px }
.wpcf7 p { padding:0 }
.wpcf7 input { float:left; clear:both; width:450px; background:#fff; font:13px Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#000; padding:3px }
.wpcf7 label { float:left; clear:both; margin:7px 0 0 }
.wpcf7 textarea { float:left; clear:both; overflow:auto; background:#fff; border:1px solid #ccc; font:13px Arial, Helvetica, sans-serif; color:#000; width:446px; padding:5px }
.wpcf7 .required { float:left; border-left:5px solid #008899 }
.wpcf7 .required.req_text { float:right; clear:both; margin:7px 0 0 }
.wpcf7 .required input { width:446px; border-left:0 none }
.wpcf7-form-control-wrap { float:left; clear:both; smargin:0 0 7px }
.wpcf7-not-valid-tip-no-ajax { float:left; clear:both; border-left:5px solid #fff; padding:2px 0 0 2px; margin:0 0 0 -5px }
.wpcf7 .wpcf7-response-output { float:left; clear:both; width:440px; background:#f7f7f7; padding:5px; margin:10px 0 }
.wpcf7 input.contact_submit { float:left; clear:left; cursor:pointer; width:auto; height:auto; line-height:25px; background:#008899; font-size:11px; font-weight:bold; border:0; color:#fff; padding:3px 10px; margin:7px 0 0 }
	*:first-child+html .wpcf7 input.contact_submit { height:22px; line-height:normal } * html .wpcf7 input.contact_submit { height:22px; line-height:normal }

/* - FOOTER
=========================================================================*/
#Footer { clear:both; height:69px; font-size:.923em; color:#979797; background:#f2f2f2 }
#Footer .copyright { float:left; padding:15px 18px 0 21px }
#Footer ul, #Footer li { float:left; padding:15px 0 0; margin:0 }
#Footer li { list-style:none; padding:0 12px 0 0 }
#Footer a { float:left; color:#4c4c4c }
#Footer a:hover { color:#b61900 }


.social {
    float: right;
    margin: 0;
	margin-top:10px;
    text-align: right;
    width: 100px;
}

.social a {
    background: url("/images/social-sprite.jpg") no-repeat 0 0;
    display: inline-block;
    margin: 0 0 0 5px;
    width: 23px;
	height: 21px;
}
.social a:hover {
    text-decoration: none;
}
.social a.twitter {
    background-position: 0 0;
}
.social a.twitter:hover {
    background-position: 0 -21px;
}
.social a.facebook {
    background-position: -23px -0;
}
.social a.facebook:hover {
    background-position: -23px -21px;
}
.social a.linkedin {
    background-position: -46px 0;
    margin-left: 15px;
}
.social a.linkedin:hover {
    background-position: -46px -21px;
}