/*-------------------------------------------------------
* Filename: style.css
* Website: http://www.creativeqbox.com
* Author: cqb
--------------------------------------------------=== */

/* === Global styles === */

body { background: url("../images/bg_header.jpg") #F1F0ED repeat-x; margin:0; padding:0; font:normal 11px/15px Verdana; color: #8E8E91;}	

A { color: #8E8E91; text-decoration: none }
A:visited { text-decoration: none }
A:active { text-decoration: none }
A:hover { text-decoration: underline }

h2.title { font: bold 16px/16px MgOpen Modata, Helvetica, Geneva; padding-top:12px; margin:0; vertical-align: baseline;outline: 0; color:#EC0000; }
h2.number { font: bold 20px/16px MgOpen Modata, Helvetica, Geneva; color:#EC0000; margin:0;  }

/* === Structure === */

.Wrap { margin-left: auto; margin-right: auto; width: 980px; }
.WrapFooter { margin-left: auto; margin-right: auto; width: 100%; height:50px; background:url("../images/bg_footer.jpg") repeat-x;   }
.clearfix { margin-left: auto; margin-right: auto; display: block; clear: both; padding-top:10px; }
.clearfix_hrzn { float:left; display: block; margin:5px;  }

/* === Header === */

.Wrap .Header { height:110px; }
.Wrap .Header .Logo { height:70px; margin:25px 0px 0px 0px; float:left; }
.Wrap .Header .Box { width:300px; height:44px; margin:30px 0px 0px 0px; float:right; }
.Wrap .Header .Box .Left { width:8px; height:44px; float:right; background:url("../images/header_box_left.jpg") no-repeat; }
.Wrap .Header .Box .Center { height:16px; padding:14px 14px 14px 14px; float:right; background:url("../images/header_box_center.jpg") repeat-x; color:#FFFFFF; }
.Wrap .Header .Box .Right { width:8px; height:44px; float:right; background:url("../images/header_box_right.jpg") no-repeat; }

/* === Menu === */

.Wrap .Menu { height:50px; }
.Wrap .Menu .Left { width:5px; height:50px; float:left; background:url("../../global/images/menu_bg_left.jpg") no-repeat; }
.Wrap .Menu .Center { width:970px; height:50px; float:left; background:url("../../global/images/menu_bg_center.jpg") repeat-x; }
.Wrap .Menu .Center .Search { width:170px; height:50px; float:left; }
.Wrap .Menu .Right { width:5px; height:50px; float:left; background:url("../../global/images/menu_bg_right.jpg") no-repeat; }

/* === Animation === */

.Wrap .Animation { height:310px; }

/* === Content === */

.Wrap .Content { width:980px; float:left; }
.Wrap .Content .Sub { width:320px; height:150px; float:left;  }
.Wrap .Content .Sub .icon { float:right;  }
	/* === Top === */
.Wrap .Content .Sub .Top { width:320px; height:40px; float:left; }
.Wrap .Content .Sub .Top .Left { width:12px; height:40px; float:left; background:url("../../global/images/content_bg_top_left.jpg") no-repeat; }
.Wrap .Content .Sub .Top .Center { width:296px; height:40px; float:left; background:url("../../global/images/content_bg_top_center.jpg") repeat-x; }
.Wrap .Content .Sub .Top .Right { width:12px; height:40px; float:left; background:url("../../global/images/content_bg_top_right.jpg") no-repeat; }
	/* === Middle === */
.Wrap .Content .Sub .Middle { width:320px; height:78px; float:left; }
.Wrap .Content .Sub .Middle .Left { width:12px; height:78px; float:left; background:url("../../global/images/content_bg_middle_left.jpg") repeat-y; }
.Wrap .Content .Sub .Middle .Center { width:296px; height:78px; float:left; background: #FFFFFF; }
.Wrap .Content .Sub .Middle .Right { width:12px; height:78px; float:left; background:url("../../global/images/content_bg_middle_right.jpg") repeat-y; }
	/* === Bottom === */
.Wrap .Content .Sub .Bottom { width:320px; height:32px; float:left; }
.Wrap .Content .Sub .Bottom .Left { width:12px; height:32px; float:left; background:url("../../global/images/content_bg_bottom_left.jpg") no-repeat; }
.Wrap .Content .Sub .Bottom .Center { width:296px; height:32px; float:left; text-align:right; background:url("../../global/images/content_bg_bottom_center.jpg") repeat-x; }
.Wrap .Content .Sub .Bottom .Right { width:12px; height:32px; float:left; background:url("../../global/images/content_bg_bottom_right.jpg") no-repeat; }

/* === Clients === */

.Wrap .Clients { width:980px; float:left; }
.Wrap .Clients .Sub { width:980px; height:222px; float:left;  }
.Wrap .Clients .Sub .icon { float:right;  }
	/* === Top === */
.Wrap .Clients .Sub .Top { width:980px; height:40px; float:left; }
.Wrap .Clients .Sub .Top .Left { width:12px; height:40px; float:left; background:url("../../global/images/content_bg_top_left.jpg") no-repeat; }
.Wrap .Clients .Sub .Top .Center { width:956px; height:40px; float:left; background:url("../../global/images/content_bg_top_center.jpg") repeat-x; }
.Wrap .Clients .Sub .Top .Right { width:12px; height:40px; float:left; background:url("../../global/images/content_bg_top_right.jpg") no-repeat; }
	/* === Middle === */
.Wrap .Clients .Sub .Middle { width:980px; height:150px; float:left; }
.Wrap .Clients .Sub .Middle .Left { width:12px; height:150px; float:left; background:url("../../global/images/content_bg_middle_left.jpg") repeat-y; }
.Wrap .Clients .Sub .Middle .Center { width:956px; height:150px; float:left; background: #FFFFFF; }
.Wrap .Clients .Sub .Middle .Right { width:12px; height:150px; float:left; background:url("../../global/images/content_bg_middle_right.jpg") repeat-y; }
	/* === Bottom === */
.Wrap .Clients .Sub .Bottom { width:980px; height:32px; float:left; }
.Wrap .Clients .Sub .Bottom .Left { width:12px; height:32px; float:left; background:url("../../global/images/content_bg_bottom_left.jpg") no-repeat; }
.Wrap .Clients .Sub .Bottom .Center { width:956px; height:32px; float:left; text-align:right; background:url("../../global/images/content_bg_bottom_center.jpg") repeat-x; }
.Wrap .Clients .Sub .Bottom .Right { width:12px; height:32px; float:left; background:url("../../global/images/content_bg_bottom_right.jpg") no-repeat; }

/* === Sub === */

.Wrap .SubContent { width:980px; float:left; }

	/* === Menus === */
.Wrap .SubContent .Menus { width:250px; float:left;  }
		/* === Menus Top === */
.Wrap .SubContent .Menus .Top { width:250px; height:40px; float:left;  }
.Wrap .SubContent .Menus .Top .Left { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_left.jpg") no-repeat;  }
.Wrap .SubContent .Menus .Top .Center { width:220px; height:40px; float:left; background:url("../../global/images/sub_bg_top_center.jpg") repeat-x;  }
.Wrap .SubContent .Menus .Top .Right { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_right.jpg") no-repeat;  }
		/* === Menus Middle === */
.Wrap .SubContent .Menus .Middle { width:248px; float:left; border-right:1px solid #CECECE; border-left:1px solid #CECECE;   }
.Wrap .SubContent .Menus .Middle .Center { width:246px; float:left; padding:0px 1px 0px 1px; background-color:#FFF;  }
		/* === Menus Bottom === */
.Wrap .SubContent .Menus .Bottom { width:250px; height:20px; float:left;  }
.Wrap .SubContent .Menus .Bottom .Left { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_left.jpg") no-repeat;  }
.Wrap .SubContent .Menus .Bottom .Center { width:220px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_center.jpg") repeat-x;}
.Wrap .SubContent .Menus .Bottom .Right { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_right.jpg") no-repeat;  }

	/* === Main === */
.Wrap .SubContent .Main { width:720px; float:left;  }
		/* === Main Top === */
.Wrap .SubContent .Main .Top { width:720px; height:40px; float:left;  }
.Wrap .SubContent .Main .Top .Left { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_left.jpg") no-repeat;  }
.Wrap .SubContent .Main .Top .Center { width:690px; height:40px; float:left; background:url("../../global/images/sub_bg_top_center.jpg") repeat-x;  }
.Wrap .SubContent .Main .Top .Right { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_right.jpg") no-repeat;  }
		/* === Main Middle === */
.Wrap .SubContent .Main .Middle { width:718px; float:left; border-right:1px solid #CECECE; border-left:1px solid #CECECE;   }
.Wrap .SubContent .Main .Middle .Center { width:698px; float:left; padding:10px 10px 0px 10px; background-color:#FFF;  }
		/* === Main Bottom === */
.Wrap .SubContent .Main .Bottom { width:720px; height:20px; float:left;  }
.Wrap .SubContent .Main .Bottom .Left { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_left.jpg") no-repeat;  }
.Wrap .SubContent .Main .Bottom .Center { width:690px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_center.jpg") repeat-x;  }
.Wrap .SubContent .Main .Bottom .Right { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_right.jpg") no-repeat;  }

	/* === FullMain === */
.Wrap .SubContent .FullMain { width:980px; float:left;  }
		/* === FullMain Top === */
.Wrap .SubContent .FullMain .Top { width:980px; height:40px; float:left;  }
.Wrap .SubContent .FullMain .Top .Left { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_left.jpg") no-repeat;  }
.Wrap .SubContent .FullMain .Top .Center { width:950px; height:40px; float:left; background:url("../../global/images/sub_bg_top_center.jpg") repeat-x;  }
.Wrap .SubContent .FullMain .Top .Right { width:15px; height:40px; float:left; background:url("../../global/images/sub_bg_top_right.jpg") no-repeat;  }
		/* === FullMain Middle === */
.Wrap .SubContent .FullMain .Middle { width:978px; float:left; border-right:1px solid #CECECE; border-left:1px solid #CECECE;   }
.Wrap .SubContent .FullMain .Middle .Center { width:958px; float:left; padding:10px 10px 0px 10px; background-color:#FFF;  }
.Wrap .SubContent .FullMain .Middle .Center .Left { width:479px; float:left;   }
.Wrap .SubContent .FullMain .Middle .Center .Right { width:479px; float:left;   }
.Wrap .SubContent .FullMain .Middle .Center .L { width:79px; float:left; padding:5px 0px 5px 0px;   }
.Wrap .SubContent .FullMain .Middle .Center .R { width:400px; float:left; padding:5px 0px 5px 0px;   }
.Wrap .SubContent .FullMain .Middle .Center .B { width:400px; float:left; text-align:right; padding:5px 0px 5px 0px;   }
		/* === FullMain Bottom === */
.Wrap .SubContent .FullMain .Bottom { width:980px; height:20px; float:left;  }
.Wrap .SubContent .FullMain .Bottom .Left { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_left.jpg") no-repeat;  }
.Wrap .SubContent .FullMain .Bottom .Center { width:950px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_center.jpg") repeat-x;  }
.Wrap .SubContent .FullMain .Bottom .Right { width:15px; height:20px; float:left; background:url("../../global/images/sub_bg_bt_right.jpg") no-repeat;  }

/* === Portfolio === */

.Wrap .Portfolio { width:342px; height:150px; float:left; background:url("../../global/images/bg_gallery.jpg") no-repeat top left; }
.Wrap .Portfolio .Image { width:130px; height:130px; float:left; padding:10px;}
.Wrap .Portfolio .Title { width:182px; height:25px; float:left; padding:10px 10px 0px 0px; font-weight:bold;}
.Wrap .Portfolio .Desc { width:182px; height:65px; float:left; padding:10px 10px 0px 0px;}
.Wrap .Portfolio .Link { width:182px; height:30px; float:left; padding:10px 10px 0px 0px; text-align:right;}

/* === Gallery === */

.Wrap .Gallery { width:167px; height:210px; float:left; background:url("../../global/images/bg_gallery_small.jpg") no-repeat top left; }
.Wrap .Gallery .Image { width:145px; height:145px; float:left; padding:11px; }
.Wrap .Gallery .Title { width:145px; height:25px; float:left; padding:0px 11px 0px 11px; text-align:center;}
.Wrap .Portfolio .Desc { width:182px; height:65px; float:left; padding:10px 10px 0px 0px;}
.Wrap .Portfolio .Link { width:182px; height:30px; float:left; padding:10px 10px 0px 0px; text-align:right;}

/* === Footer === */

.WrapFooter .Sub { font-size:11px; width:980px; height:50px; margin-left: auto; margin-right: auto; }
	/* === Footer Bottom === */
.WrapFooter .Sub .Bottom { font-size:9px; font-weight:bold; width:960px; padding:0px 10px 0px 10px; height:50px; background:url("../images/footer_glow.png") no-repeat; }
.WrapFooter .Sub .Bottom .Copyright { height:32px; padding-top:18px; color:#FFFFFF; float:left; }
.WrapFooter .Sub .Bottom .Others { height:32px; padding:18px 0px 0px 0px; color:#FFFFFF; float:right; }
.WrapFooter .Sub .Bottom .Others ul { padding:0px; margin:0px; }
.WrapFooter .Sub .Bottom .Others ul li { float:left; list-style-type:none; padding:0px 0px 0px 5px; margin:0px; }
.WrapFooter .Sub .Bottom a { color:#FFFFFF; border-bottom:1px dotted #9FD6EB; }
.WrapFooter .Sub .Bottom a:hover { color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #FFFFFF; }
	/* === Footer Links === */
.WrapFooter .Sub .Links { width:980px; height:220px; padding:15px 0px 15px 0px;  }
.WrapFooter .Links .Left { display:inline; float:left; width:740px; margin:0; height:220px; }
.WrapFooter .Links .All { float:left; text-align:right; width:170px; margin:0; height:220px; padding:0px 15px 0px 0px; background: url("../../global/images/footer_line.jpg") repeat-y right top; }
.WrapFooter .Links .All ul li{ list-style-type:none; height:18px; padding:0px 0px 5px 0px; margin:0px; }
.WrapFooter .Links .All ul li a{ text-decoration:none; border-bottom: 1px #999999 dotted; padding:0px 1px 2px 1px; }
.WrapFooter .Links .All ul li a:hover{ text-decoration:none; border-bottom: 1px #999999 dotted; padding:0px 1px 2px 1px; }
.WrapFooter .Links .Right { float:left; text-align:right; width:240px; margin:0; height:220px; padding:0px; }
.WrapFooter .Links .Right ul li{ list-style-type:none; padding:0px 0px 10px 0px; margin:0px; }
.WrapFooter .Links .Right .social{ width:50px; float: left; list-style-type:none; padding:0px 0px 10px 0px; margin:0px; }

/* === Navigation === */
#navigation { width:800px; position:relative; z-index:99; float:left; }
#navigation ul	{ margin: 0; padding:0; font-weight: bold; font-size:11px; list-style: none; }
#navigation li	{ position:relative; float: left; margin:0px 3px 0px 3px;}
#navigation li a	{color: #333; text-decoration: none; float: left; padding:18px 10px 17px 10px; }
#navigation li a:hover { color:#FF0000; }
#navigation .active { background:url("../images/bck_menu.jpg") repeat-x 0px 12px; margin:0px 3px 0px 3px;}
#navigation .active a {color:#FFF;}
#navigation .line {background:url("../../global/images/menu_line.png") repeat-x; width:2px; height:50px;}
#navigation ul li ul	{ position:absolute; top:50px; left:-11px; display:none; list-style-type: none; list-style-image:none; list-style-position:outside; width:236px; }
#navigation ul li ul li a	{ padding: 10px 0 10px 16px; width:215px; }
#navigation li a.odd	{ border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; color:#333; background:#D5D6D6 url("../../global/images/navigation_bg.png") repeat-x center left; }
#navigation li a.even	{ border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; color:#333; background:#D5D6D6 url("../../global/images/navigation_bg.png") repeat-x center left; }
#navigation li a.odd:hover, #navigation li a.even:hover	{border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; color:#333; background:#D5D6D6 url("../../global/images/navigation_bg.png") repeat-x center left; }

/* === Left Menus === */

.arrowsidemenu{ width: 246px; border:0px;}
.arrowsidemenu div a{ font-weight: bold; display: block; background: transparent url(../images/arrow_menu.jpg) 100% 0; height: 24px; padding: 3px 0 5px 20px; line-height: 24px; text-decoration: none; }
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{ }
.arrowsidemenu div a:hover{ color: #EC0000; background-position: 100% -32px; }
.arrowsidemenu div.unselected a{ }
.arrowsidemenu div.unselected a:hover{ color: #EC0000; }
.arrowsidemenu div.selected a{ color: #EC0000; background-position: 100% -32px ; }
.arrowsidemenu ul{ list-style-type: none; margin: 0; padding: 0; }
.arrowsidemenu ul li{ }
.arrowsidemenu ul li a{ display: block; text-decoration: none; height: 24px; line-height: 24px; padding: 3px 0px 5px 30px; background: transparent url(../images/arrow_menu.jpg) 100% -64px; }
.arrowsidemenu ul li a:hover{ background: transparent url(../images/arrow_menu.jpg) 100% -96px; color: #EC0000; }

/* === BreadCrumb === */

.Wrap .breadcrumb { width:980px; height:30px; float:left;   }
.Wrap .breadcrumb .left { width:15px; height:30px; float:left; background:url("../../global/images/bread_left.jpg") no-repeat; }
.Wrap .breadcrumb .center { width:950px; height:30px; float:left; background:transparent url("../../global/images/bread_center.jpg") repeat-x;  }
.Wrap .breadcrumb .right { width:15px; height:30px; float:left; background:url("../../global/images/bread_right.jpg") no-repeat;  }
#breadcrumb .home a { width:10px; height:30px; float:left; background:url("../../global/images/icon_home.png") no-repeat center;    }
#breadcrumb { background-repeat:repeat-x; height:30px; line-height:30px; width:100%; overflow:hidden; margin:0px; padding:0px; }
#breadcrumb li  { list-style-type:none; float:left; padding-right:10px; }
#breadcrumb a { height:30px; display:block; background:url("../../global/images/icon_right.png") no-repeat center right; padding-right: 15px; }

/* === Forms === */

form { margin:0px; }
fieldset.search { float:left; margin:0px; padding-top:14px;  }
input.search { font-size:10px; float:left; border:none; background:url("../../global/images/search_left.png") no-repeat top left; padding:5px 0px 5px 10px; width:125px;  color:#999; }
input.search-button {float:left; border:none; width:25px;  }
.B input{ width:385px; height:20px; border:1px solid #CACACA; padding:4px; background-image: url("../../global/images/bck_form.jpg"); background-repeat:repeat-x;}
.B input.button{width:125px; height:32px; font-size:12px; font-weight:bold; border:1px solid #CACACA; padding:4px; margin:0px 0px 0px 15px; background-image: url("../../global/images/bck_form.jpg"); background-repeat:repeat-x; cursor: pointer;
}
.B textarea{width:385px; height:100px; border:1px solid #CACACA; padding:4px; background-image: url("../../global/images/bck_form.jpg"); background-repeat:repeat-x;}

/* === Misc === */

a.button { display:inline-block; background:url("../../global/images/button_left.jpg") no-repeat top left; width:auto; font-size:9px; }
a.button span { text-decoration:none; display:inline-block; margin-left:10px; background:url("../../global/images/button_right.jpg") no-repeat top right; padding:2px 23px 5px 0px; }
a.button:hover { text-decoration:none; cursor:pointer; background:url("../../global/images/button_left.jpg") no-repeat top left; width:auto; font-size:9px;}
a.button:hover span { text-decoration:none; margin-left:10px; background:url("../../global/images/button_right.jpg") no-repeat top right; padding:2px 23px 5px 0px; }
ul.newslist{margin:10px 0px 10px 0; padding:0;;}
ul.newslist li{padding:3px 0px 3px 15px;margin-bottom:5px;list-style-type:none; background:url("../../global/images/newslist.gif") no-repeat left;}