/*//// css-reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 1em; vertical-align : baseline;  background : transparent; } blockquote, q { quotes : none; } h1, h2, h3, h4, h5, h6 { font-weight : normal; } table { border-collapse : collapse; border-spacing : 0; } td { vertical-align : top; } fieldset, img, table { border : 0; } ol, ul, li { list-style-type : none; } :focus { outline : 0; } del { text-decoration : line-through; } html, input { font-size : 100%; } dt, address, caption, cite, code, dfn, big, small, em, i, th, var { font-style : normal; font-weight : normal; } input, select, th, td, li li, li p, td p, blockquote p { font-size : 1em;} html, input { font-size : 100%; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
/*//// page setup */
body { min-width : 850px; text-align : center; font :  62.5% Arial, Helvetica, sans-serif; background : #ffffff; }
a { color : #2E75A7; }
a:hover { text-decoration : none; }
/* common */
#header .wraper, #info p, .content, #footer { position : relative; margin : 0 auto; width : 845px; text-align : left; }
.content p.description, .guides, .guides li h3 { border-bottom : 1px solid #CFCDCD; }
#header ul li, .category ul li a, .category ul li a:hover { background : url(http://helpdeskvideo.domenca.com/images/icons.gif) repeat-y 0 0; }
.guides li h3 a:hover, .category h4 a:hover, #footer .vcard a:hover, #footer #siteMap a:hover { text-decoration : underline; }
.category h4, #header ul li, .guides li h3, .category h4 { font-size : 1.2em; font-weight : bold; }
kbd, #footer .vcard a.fLogo span { position : absolute; display : block; overflow : hidden; white-space : nowrap; font-size : 1px; line-height : 1px; text-decoration : none; text-indent : 1700px; }
#footer, #footer .vcard a.fLogo, #footer .vcard, #footer #siteMap { position : relative; }
#footer .vcard div.tel abbr, #footer .vcard span.email abbr, #footer .vcard span.url abbr, #footer .vcard a.fLogo { float : left; display : block; }
#footer li small, #footer hr, #footer .vcard a:hover.fLogo, #footer .vcard a, #footer #breadcrumbs a:hover, #footer #siteMap a { text-decoration : none; }
#footer li small, #footer hr { display : none; }
#footer ul li strong, #footer .vcard a:hover, #footer #siteMap a:hover { color : #BE2026; }
#footer .vcard a, #footer #siteMap a { color : #000; }
#footer .vcard div.adr, #footer ul li strong { border-bottom : 1px solid #C7C5B4; }
/* clearfix-hack */
.clear:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
.clear { display : inline-block; }
* html .clear { height : 1%; }
.clear { display : block; }
/* clearfix-hack-ends */
/* hides-from-IE-mac \*/
* html #footer { height: 1%; }
/* end-hide-from-IE-mac */
/*//// header */
#header { height : 9.4em; background : url(http://helpdeskvideo.domenca.com/images/header_bg.gif) repeat-x 0 100%; }
/* -------------------- logo */
#header h2 { padding-top : 20px; }
#header h2 img, #header h2 span { display : block; }
#header h2 span { padding-left : 43px; color : #505050; font-size : 1.1em; line-height : 1.4em; }
#header h2 a { text-decoration : none; }
#header ul { position : absolute; top : 4em; right : 0; }
#header ul li { float : left; padding-left : 40px; color : #3C3C3B; }
#header ul li.tel { background-position : 17px 125px; }
#header ul li.mail { background-position : 17px 64px; }
	
#info { background : #000; }
#info p { padding : 15px 0; color : #fff; font-size : 1.2em; }
#info p a { color : #fff; }	

.content { font-size : 1.2em; }
.content h1 { padding-top : 20px; color : #727272; font-size : 1.4em; font-weight : bold; }
.content p.description { padding : 5px 0 20px 0; font-size : 0.9em; }

.guides { padding-bottom : 30px; margin-bottom : 20px; }
.guides li, .category div { float : left; width : 290px; }
.guides li.last, .guides li h3, .category div.last, .category h4, .category ul { width : 265px; }
.guides li h3 { padding : 20px 0 10px 0; margin-bottom : 10px; color : #AD151D; }
.guides li h3 a { color : #AD151D; text-decoration : none; }
.guides li span { display : block; width : 263px; border : 1px solid #CFCDCD; }
.guides li span:hover { border : 1px solid #000; }
.guides li span img { display : block; cursor : pointer; }

.category { padding-bottom : 30px; }
.category h4 { padding : 20px 0 10px 0; color : #2C2C2C; }
.category h4 a { color : #2C2C2C; text-decoration : none; }
.category ul li { margin-bottom : 1px; font-size : 0.9em; }
.category ul li a { display : block; padding : 5px 5px 7px 20px; background-color : #E9EDE1; background-position :  12px 200px; }
.category ul li a:hover { background-color : #F3F7EB; background-position : 12px 265px; }

#footer { margin-bottom : 30px; font-size : 1.1em; line-height : 16px; background : #E4E3DB;	 }
#footer kbd { width : 10px; height : 10px; background : url(http://helpdeskvideo.domenca.com/images/kbd.gif) repeat-x 0 0; }
#footer kbd.tl { top : 0; left : 0; background-position : 126px 0; }
#footer kbd.tr { top : 0; right : 0; background-position : 116px 0; }
#footer kbd.br { bottom : 0;  right : 0; background-position : 174px 0; }
#footer kbd.bl { bottom : 0; left : 0; background-position : 164px 0; }
#footer #siteMap { float : left; width : 594px; }
#footer #siteMap kbd.tl { background-position : 234px 0;	}
#footer .vcard { float : right;	padding : 17px 7px 13px 17px; }
#footer .vcard kbd.tr { background-position : 224px 0; }
#footer .vcard a.fLogo { padding-top : 96px; background : url(http://helpdeskvideo.domenca.com/images/footer_logo.gif) no-repeat 0 4px; }
#footer .vcard a.fLogo span { top : 3px; left : 65px; width : 150px; color : #747489; font-size : 1.2em; line-height : 18px; font-weight : bold; }
#footer .vcard a:hover.fLogo span { text-indent : 0; }
#footer .vcard div.adr { clear : both;	 width : 225px; padding-bottom : 5px; margin-bottom : 5px; }
#footer .vcard div.tel abbr, #footer .vcard span.email abbr, #footer .vcard span.url abbr { width : 20px; }
#footer ul { margin-bottom : 13px; background : url(http://helpdeskvideo.domenca.com/images/footer_ul.gif); }
#footer ul.first { margin : 17px 0 0 0; }
#footer ul li { float : left; padding-top : 10px; width : 198px; }
#footer ul.first li { padding-top : 0; }
#footer ul li a  { display : block; padding-left : 17px; margin-right : 17px; }
#footer ul li a:hover, #footer ul li a.selected { background : url(http://helpdeskvideo.domenca.com/images/marker.gif) repeat-x 1719px 7px; }
#footer ul li strong { display : block; font-size : 1.1em; padding-bottom : 5px; margin-bottom : 5px; }