/* 



Bitwork - CSS File



*/





/*** GLOBAL  ***/

html,body{height:100%}

body {
	margin: 0 auto;
	padding: 0;
	color: #474747;
	height: 100%;
	font: 14px Tahoma, Geneva, sans-serif;

}

* {

	margin:0;

	padding:0;

}

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clr{clear:both}

form{margin:0; padding:0; }

hr {

	border: 0;

	color: #dedede;

	background-color: #dedede;

	height: 1px;

	margin:0px 0px 6px 0px;

	padding:0px;

}



/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */

h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Geneva, sans-serif;	font-weight:normal; color:#242424}

h1 {font-size:30px;

color: #000;
	text-shadow: 2px 2px 3px #999;
	}

h2 {
	font-size: 24px;
	color: #000;
	text-shadow: 2px 2px 3px #999;
}

h3 {
	font-size: 18px;
	color: #000;
	text-shadow: 2px 2px 3px #999;
}

h4 {font-size:16px;font-weight:bold;}

h5 {font-size:12px; margin:3px 5px; padding:0px; font-weight:bold; letter-spacing:1px;}


/* text wrap */
.text_wrap {
  width: 600px;
  border: 1px solid red;
  word-wrap: break-word;
}


/* links */

a {
	color: #333333;
	text-decoration: blink;
}

a:hover{
	color: #000000;
	font-weight: bolder;
	text-align: left;

	
	
}

a img{border:none}

.imgleft{
	float: left;
	padding-right: 15px;
	font-weight: normal;
	margin: 2px;
}

.imgright{float:right; padding-left:15px;}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 0px;
	color: #474747;

}

ul, ol {

	margin:10px 0 35px 40px;

}

li ol,

li ul

{

	font-size:1.0em;

	list-style:square;

	margin-bottom:0;

	margin-top:0;

}

li ol {list-style:decimal;}

blockquote {

	font-style:italic;

	margin:25px 0 25px 0px;

	color:#333;

	padding:10px 20px 10px 35px;

	background-image:url(../images/quote.gif);

	background-repeat:no-repeat;

}


/* button */
.btn {
  background: #d4dfe6;
  background-image: -webkit-linear-gradient(top, #d4dfe6, #2980b9);
  background-image: -moz-linear-gradient(top, #d4dfe6, #2980b9);
  background-image: -ms-linear-gradient(top, #d4dfe6, #2980b9);
  background-image: -o-linear-gradient(top, #d4dfe6, #2980b9);
  background-image: linear-gradient(to bottom, #d4dfe6, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 2px 0px 1px #1b2d75;
  font-family: Arial;
  color: #fafafa;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/* code */

code {

	font-family:Verdana, Arial;

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #dddddd;

	padding:15px 10px;

}

/*** END OF DEFAULT ELEMENT STYLES ***/



/*** CONTAINER ***/

#main_container{ background-image:url(../images/bg_container.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}

#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}

#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:112px;}

/*** END OF CONTAINER ***/



/*** CENTERCOLUMN ***/

#centercolumn{width:990px; margin:0px auto 0px auto;}

/*** END OF CENTERCOLUMN ***/



/*** TOP ***/

#toparea{ height:100px; width:990px;  position:relative;  z-index:10}

#logo{ width:320px; float:left;}

#pad_logo{ padding:0px 0px 0px 20px;}

#topmenu{width:670px; float:left; height:100px;}

/* searchtop */

#searchtop{padding:25px 0px 0px 0px; float:right;}

#searchtop form{margin:0px !important; padding:0px !important;}

#searchtop p{margin:0px;}

.bg_input{background-image:url(../images/bg_search.png); background-repeat:no-repeat; width:200px; height:26px; display:block;}

.inputbox{background:transparent; border:0px; width:166px; padding:4px 0px 5px 4px; margin-left:1px; color:#857f7f}

/* Top Navigation bar menu styling */

#navtop {margin:0px; padding:0px 0px 0px 0px; clear:right; position:relative; float:right;}

#nav{}

#nav, #nav ul{margin:0px; padding:0px; list-style-type:none;}

#nav a{

height:36px;

display:inline;

padding:0;

text-decoration:none;

line-height:28px; 

outline:none;

z-index:35;

position:relative;

float:left;

margin: 0 0px 0 0;

font-size: 13px;

color:#cac9c9;

}



#nav .current_page_item a, #nav a:hover{
	color: #5c5959;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;

}



#nav .current_page_item ul a{

font-weight: normal;

color:#cac9c9;

}



#nav .current_page_item ul a:hover{

color:#5c5959;

}





#nav ul a{

line-height:33px; 

}



#nav li{

float:left;

position:relative;

z-index:35;

margin-top:11px;

padding:0px 20px;

background-image:url(../images/separator.gif);

background-repeat:no-repeat;

background-position:0px 10px;

}



#nav li li{

border-left:none;

margin-top:0;

background-image:none;

padding:0px;

border-bottom:solid 1px #2f2f2f;

background-color:#111

}



#nav ul {

display:none;

left:0px;

position:absolute;

top:30px;

width:172px;

}



#nav li ul a{

width:128px;

height:auto;

float:left;

text-align:left;

padding:0 21px;

}



#nav ul ul{

top:auto;

border-top:none;

}	



#nav li ul ul {

left:155px;

top:0px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

display:none;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;

}



#nav li ul a{

border-top:none;

}



/*** END OF TOP ***/



/*** CONTENT ***/

#content{background-image:url(../images/bg_content.png); background-repeat:no-repeat; width:990px;}

#padding_content{ padding:30px 25px 30px 25px; float:left}

#topcontent{padding:0px 0px 20px 0px;}

.boxtop{ width:280px; float:left; padding:4px 4px 4px 0px; background: #e5e7e7; border-radius: 6px;  transition-property: background, border-radius; transition-duration: 1s; transition-timing-function: linear;}

.boxtop:hover {
    background: #cbcdcd;
    border-radius: 8%;
  }


.linetop{background-image:url(../images/linebox.gif); background-position:center; background-repeat:no-repeat; height:150px; width:40px; float:left;}

#maincontent{ padding:0px 0px 0px 0px;}

/* main */

#main{width:630px; float:left;}
#main2{width:100%; float:left;}

#maintext{
	padding: 0px 40px 0px 0px;
	font-size: 36px;
}

#maintext_portfolio{padding:0px 0px 0px 0px}

/* side */

#side{width:300px; float:left; padding-left:0px;}

.sidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:top; background-color:#ededed}

.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:bottom;}

.contentbox{padding:10px 10px 20px 10px; position:relative;}

.contentbox h2{
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
}

.contentbox .strip{position:absolute !important; right:0; top:0; background-image:url(../images/strip.png); background-repeat:no-repeat; width:82px; height:82px;}

.sidetext{padding:0px 0px 25px 0px;}

ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}

ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}

ul.l1 li a, ul.l1 li a:visited{
	color: #474747;
	text-decoration: none;
	font-size: 14px;
}

ul.l2{margin:0px; padding:0px; list-style-type:none;}

ul.l2 li{ float:left; padding:0px 10px 10px 0px;}

.but{vertical-align:middle;}

.inputbox01{width:190px; border:0px; vertical-align:top; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/input01.gif); background-repeat:no-repeat;}

/*** END OF CONTENT ***/



/*** FOOTER ***/

#footer{ width:990px; margin:0px auto; color:#cac9c9 !important}

#footer p, #footer ul{color:#cac9c9 !important}

#foot{padding:25px 0px 0px 0px;}

#foot h3{color:#cac9c9;}

#foot a, #foot a:visited{color:#cac9c9; text-decoration:none;}

#foot a:hover{
	text-decoration: underline;
	font-family: Tahoma, Geneva, sans-serif;
}

#footleft{float:left; width:420px; padding:10px 0px 0px 30px;}

#footleft ul{
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#footleft ul li{list-style-type:none; display:inline; padding:0px 0px;}

#footleft ul li a{padding:0px 5px;}

#footright{float:left; width:540px;}

#footright #bookmark{float:right; padding:0px 20px 0px 0px ;}

#footright ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}

#footright ul li{list-style-type:none; float:left; margin-right:8px;}

/*** END OF FOOTER ***/#main_container #centercolumn #content #padding_content #maincontent #main #maintext h1 {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h3 strong {
	font-size: 14px;
}
#main_container #centercolumn #content #padding_content #topcontent .boxtop h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000000;
}
div {
	font-weight: bold;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf strong {
	color: #000000;
	font-family: Arial, Tahoma, Verdana;
}
div {
	font-size: 14px;
}
div {
	font-size: 12px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-size: 14px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-size: 12px;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext p strong {
	color: #000000;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext {
	color: #000;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext {

}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext p {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext h2 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 24px;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h4 li {
	font-weight: bold;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h4 li {
	font-weight: bold;
	font-size: 12px;
}
h4 {
	font-family: Verdana, Geneva, sans-serif;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h4 p {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 24px;
	color: #000000;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext blockquote p {
	font-family: Arial, Tahoma, Verdana;

}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-weight: normal;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-family: Verdana, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-weight: bold;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	font-size: 11px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #maintext_portfolio .container_pf {
	color: #000099;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext ul {
	font-family: Verdana, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext ul li .text-input {
	color: #0033FF;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext ul li strong {
	color: #666666;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #side .sidetext ul li {
	font-weight: normal;
	color: #000000;
	font-size: 14px;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h3 {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container #centercolumn #content #padding_content #topcontent .boxtop p {
	font-weight: normal;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post p {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post .clr ul li {
	font-size: 14px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post h4 {
	font-weight: normal;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}
h3 {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container #centercolumn #content #padding_content #topcontent .boxtop p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	margin: 4px;
}



 
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post div div {
	color: #000000;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post div div {
	text-align: center;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post div div {
	text-align: left;
}
#main_container #centercolumn #content #padding_content #maincontent #side .sidebox .c_bottomsidebox .contentbox p {
	font-weight: normal;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}
a {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container #centercolumn #content #padding_content #topcontent .boxtop strong {
	text-align: right;
	color: #000;
	font-size: 12px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent p b {
	font-size: 16px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent p {
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post p strong {
	font-weight: normal;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post p {
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#main_container #centercolumn #slideshow_container #top #slideshow .slideshow_content .slide_text h4 {
	font-size: 20px;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext ul ul li {
	font-size: 14px;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext h5 {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
#main_container #centercolumn #content #padding_content #maincontent #main #maintext ul li {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
#topcontent .boxtop .post {
	font-size: 18px;
}
.boxtop a {
	font-size: 12px;
}
#main_container #centercolumn #content #padding_content #maincontent #side .sidebox .c_bottomsidebox .contentbox p {
	font-family: Tahoma, Geneva, sans-serif;
}
p {
	font-family: Tahoma, Geneva, sans-serif;
}
p {
	font-family: "Arial Black", Gadget, sans-serif;
}
#main_container #centercolumn #slideshow_container #top #slideshow .slideshow_content .slide_text {
	font-weight: normal;
}
#main_container #centercolumn #slideshow_container #top #slideshow .slideshow_content .slide_text {
	font-family: Arial, Helvetica, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext p strong {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#main_container #centercolumn #slideshow_container #top #slideshow .slideshow_content .slide_text {
	font-size: 12px;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext ul ul ul {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext ul ul li strong {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext ul ul {
	font-family: Tahoma, Geneva, sans-serif;
}
#main_container_inner #centercolumn #content #padding_content #maincontent #main #maintext .post ul li {
	font-weight: normal;
}
