/* ==========================================================================
   GLOBAL styles
   ========================================================================== */

body { 
	overflow-x:hidden; font-family:"museo-sans-rounded"; font-size:13px;
}

/*
 * Clearfix: contain floats
 */
 #wrapper { margin:0 auto; padding:0; width:100%;}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 */

.clearfix {
    *zoom: 1;
}

.container {
    position: relative;
    margin: 0px auto;
    padding:0;
    clear: both;
	width:1000px;
}
.blue { color:#016aac;}
#header { width:100%; height:100px; margin-top:10px;}
#header .left_hd { width:30%; float:left; font-size:16px; padding-left:10px;}
#header .right_hd { width:30%; float:right;}
.hd_div_top { width:100%; height:56px;}
.hd_div_btm { width:100%; margin-top:5px; font-size:20px; font-weight:bold;}
.social { display: inline-block; cursor: pointer; width: 32px; height: 32px; margin-right: 5px; }
.facebook { background: url(../images/socialpack/facebook.png) }
.facebookb {width: 32px; height: 32px;}
.facebook:hover { background: url(../images/socialpack/facebooka.png) }
.twitter { background: url(../images/socialpack/twitter.png) }
.twitter:hover { background: url(../images/socialpack/twittera.png) }
.linkedin { background: url(../images/socialpack/linkedin.png) }
.linkedin:hover { background: url(../images/socialpack/linkedina.png) }
.youtube { background: url(../images/socialpack/youtube.png) }
.youtube:hover { background: url(../images/socialpack/youtubea.png) }
.google { background: url(../images/socialpack/google+.png) }
.google:hover { background: url(../images/socialpack/google+a.png) }
.social01 { display: inline-block; cursor: pointer; width: 32px; height: 54px; margin-right: 8px; float:right; }
.facebooktop1 {width: 32px; height: 54px}
.facebooktop { background: url(../images/socialpack/facebooka1.png) }
.facebooktop:hover { background: url(../images/socialpack/facebooka2.png) }
.twittertop { background: url(../images/socialpack/twittera1.png) }
.twittertop:hover { background: url(../images/socialpack/twittera2.png) }
.linkedintop { background: url(../images/socialpack/linkedin1.png) }
.linkedintop:hover { background: url(../images/socialpack/linkedina1.png) }
.youtubetop { background: url(../images/socialpack/youtube1.png) }
.youtubetop:hover { background: url(../images/socialpack/youtubea1.png) }
.googletop { background: url(../images/socialpack/google+1.png) }
.googletop:hover { background: url(../images/socialpack/google+a1.png) }
.deviantarttop { background: url(../images/socialpack/deviantarta1.png) }
.deviantarttop:hover { background: url(../images/socialpack/deviantarta2.png) }
.menu-div { width:100%; padding:10px 0 50px 0;}

/*
 * Class of Begining page
*/



@media only screen and (min-width: 960px) and (max-width: 1199px) {
    #wrapper {
        width: 1000px;
    }
	.container {
        width: 1000px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #wrapper  {
        width: 682px;
    }
	
	.container {
        width: 682px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header {
        width: 428px;
        margin: 0 auto;
    }
	
	
	.container {
        width: 428px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
	 #header {
        width: 320px;
        margin: 0 auto;
    }
    .container {
        width: 320px;
        margin: 0 auto;
    }
}

.row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 22% }
.three,.row .three { width: 25% }
.four,.row .four { width: 29.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
#banner { width:100%; margin-top:.8em; }
#banner .bnleft { width:9%; float:left; }
#banner .bncenter{ width:80%; float:left; margin-left:3%;}
#banner .bnright{ width:9%; float:right;}
.services-box { width:100%; float:left; margin-bottom:20px;}
.services-box .bx1 { width:23%; height:260px; float:left;}
.services-box .bx2 { width:23%; height:260px; float:left; margin-left:2.5%;}
.services-box .bx3 { width:23%; height:260px; float:left; margin-left:2.5%;}
.services-box .bx4 { width:23%; height:260px; float:left; margin-left:2.5%;}
.services-box .bx5 { width:23%; float:left;}
.services-box .bx6 { width:23%; float:left; margin-left:2.5%;}
.services-box .bx7 { width:23%; float:left; margin-left:2.5%;}
.services-box .bx8 { width:23%; float:left; margin-left:2.5%;}
.services-box .inpage1 { width:17%; height:auto; float:left;}
.services-box .inpage2 { width:57%; height:auto; float:left; margin-left:2%;}
.services-box .fullpage { width:70%; height:auto; float:left;}
.services-box .inpage3 { width:22%; height:auto; float:right;}
.services-box .inpage3 .topbx_rt { width:100%; height:auto;}
.services-box .inpage3 .btmpbx_rt { width:100%; height:auto; margin-top:15px;}

input
{
	border:#bbbbbb solid 1px;
	background-color:#dddddd;
	color:#8f8e8e;
	font-family:"museo-sans-rounded";
	font-size:12px;
	width:200px;
	padding:3px 5px 3px 5px;
	margin:3px;
}
select
{
	border:#bbbbbb solid 1px;
	background-color:#dddddd;
	color:#8f8e8e;
	width:200px;
	padding:3px 5px 3px 5px;
	margin:3px;
}
textarea
{
	border:#bbbbbb solid 1px;
	background-color:#dddddd;
	color:#8f8e8e;
	font-family:"museo-sans-rounded";
	font-size:12px;
	height:50px;
	width:200px;
	padding:3px 5px 3px 5px;
	margin:3px;
}


.submit,a.submit { cursor: pointer; border: 0px; color: #fff; padding: 6px 10px; display: inline; background:#069; width:85px; }
.submit:hover,a.submit:hover { background: #333; color: #fff; }

.ul_align-01{
	padding:0px 0px 0px 20px;
	font-family:"museo-sans-rounded";
	font-size:12px;
	text-decoration:none; color:#FC0;
	font-weight:normal;
	list-style:square;
	}
.ul_align-01 li{
	font-family:"museo-sans-rounded";
	border-bottom:dashed 1px #FC0;
	padding-top:3px;
	padding-bottom:3px;
	width:150px;
	float:left;
	}
.ul_align-02{
	padding:0px 0px 0px 15px;
	font-family:"museo-sans-rounded";
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	list-style:square;
	}
.ul_align-02 li{
	padding-top:3px;
	padding-bottom:3px;
	font-family:"museo-sans-rounded";
	font-size:14px;
	}
.ul_align-03{
	padding:0px 0px 0px 20px;
	font-family:"museo-sans-rounded";
	font-size:12px;
	text-decoration:none; color:#FC0;
	font-weight:normal;
	list-style:square;
	}
.ul_align-03 li{
	font-family:"museo-sans-rounded";
	border-bottom:dashed 1px #FC0;
	padding-top:3px;
	padding-bottom:3px;
	width:190px;
	float:left;
	}	
.clearboth { clear:both;}
#footerfull {width:100%; height:350px; border-top:1px solid #CCC; background:#000;}
#footer {width:1000px;  height:auto; margin:0 auto; padding:0; color:#929292;}
#footer p { font-size:11px; text-align:justify; line-height:18px; padding:20px 10px 10px 0; color:#929292;}

a.footer_link {
	color: #28a8e0;
	text-decoration: none;
}

a.footer_link:hover {
	color: #28a8e0;
	text-decoration: underline;
}

a.legal_link {
	color: #929292;
	text-decoration: none;
}

a.legal_link:hover {
	color: #febe13;
	text-decoration: none;
}
a.copy_link {
	color: #a6b131;
	text-decoration: none;
}

a.copy_link:hover {
	color: #a6b131;
	text-decoration: underline;
}
.footer_divider {
	height: 100%;
	border-left: solid 1px #191c18;
	border-right: solid 1px #4a4d4e;
}
.or_hd { font-weight:bold; color:#f58220;}
.org { color:#fcb116;}
.readmore{
	width:138px;
	float:left;
	height:33px;
	font-family:"museo-sans-rounded";
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	line-height:33px;
	background-image:url(../images/read-more.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:5px;
	}
.readmore:hover{
	background-image:url(../images/read-more.png);
	}
.readmore_blue {font-family:"museo-sans-rounded";
	font-size:12px;
	text-decoration:none;
	color:#06F;}
.readmore_blue:hover{font-family:"museo-sans-rounded";
	font-size:12px;
	text-decoration:none;
	color:#06F;}
ul.accordion { margin: 0 0 22px 0; padding-left:0; border-bottom: 1px solid #e9e9e9; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding:10px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li .title h1,
ul.accordion > li .title h2,
ul.accordion > li .title h3,
ul.accordion > li .title h4,
ul.accordion > li .title h5 { margin: 0 }
ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 12px; }
ul.accordion > li .content { display: none; padding: 10px; }
ul.accordion > li.active { border-top: 1px solid #e9e9e9; }
ul.accordion > li.active .title { background: white; padding-top: 13px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
.floatright,.right { float: right }
.back-top { bottom: 55px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }
.back-top a { width: 50px; nowhitespace: afterproperty; height: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #f7941d url(../images/up-arrow.png) no-repeat center center; border-radius: 5px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; }
.back-top a:hover { background-color: #f7941d; } /* arrow icon (span tag) */
.back-top span { width: 50px; nowhitespace: afterproperty; height: 50px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; }

ul#sitemap { margin-left:10px; font-size:14px;}
ul#sitemap li {list-style:none; margin-bottom:10px; padding-left:20px; background:url(../images/arrow.jpg) 0 5px no-repeat;}
ul#sitemap li a { color:#6f6f6f; text-decoration:none;}
ul#sitemap li a:hover { color:#bb9b4e; text-decoration:none;}
ul#sitemap li ul { margin-left:20px; margin-top:10px;}
ul#sitemap li ul li {list-style:none;}
ul#sitemap li ul li ul { margin-left:20px; margin-top:10px;}
ul#sitemap li ul li ul li{list-style:none;}