/* COMPREHENSIVE CSS  PPS */ 

/*
COMPANY NAME - Office Dynamics
*/

/******************************************************************/
/*********************>>>>CSS REFERENCE<<<<************************/
/*****************************************************************
#f60 is the same as #ff6600, or #369 is = to #336699
/*  shorthand syntax  *//*
margin: 1px 2px 3px 4px; -->top right bottom left
border:1px solid #000;  --> width style color
border-width:1px 2px 3px 4px;  -->top right bottom left
background:#f00 url(background.gif) no-repeat fixed 0 0;  -->color image repeat attachment position
font:italic small-caps bold 12px "Verdana",sans-serif;
list-style:square inside url(image.gif);
*/
/*-----------------------STYLE IMPORTS-----------------------------*/
@import "reset.css";
/*------------------------------------------------------------------*/

/*------------------------------------------------------------*/
/******************   SITE HTML initial FORMAT    ****************
body
    #aspnetForm
        #container
        --top.inc-- 
        #textMenu1
        --mid1.inc--
        #textMenu2
        --mid2.inc--
        #contentarea
        --bottom.inc--
****/
/*------------------------------------------------------------*/
/***************  GENERAL ELEMENTS   **************************/
body{
	background: url(site_images/bg.jpg) repeat-x;
  	font: normal normal normal 12px Verdana, Geneva, sans-serif;
  	color: #555;
}
img{/* stops the blue border around link images for IE */
	border: none;
}
h1{
    width: 98%;
    border-bottom: 1px #ccc solid;
}
h2{}
h3{}
h4{}
h5{}
fieldset{
    padding: 7px 0 10px 10px;
}
#printerId{
    display: none;
}
pre{
    display: none;
}
#no-javascript noscript{
    width: 100%;
    height: 75px;
    background: #ff0000;
	font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: 100;
    padding: 5px 25px 0 25px;
    border: 5px #fc0 solid;
}
#no-javascript a{
    color: #00ffff;
}
#no-javascript a:hover{
    color: #ffff00;
}
a{
	text-decoration: none;
	color: #555;
}
a:hover{
	color: #6cf;
}
/*------------------------------------------------------------*/
/***************  ASP GENERATED CONTAINERS ********************/
#aspnetForm{
	background: url(site_images/bg2.jpg) repeat-y;
}
#container{
	background: url(site_images/left-nav-bg.jpg) no-repeat 0 0;
}
#bottom-wrap{
	width: 960px;
	margin: 0 0 35px 0;
}
/*------------------------------------------------------------*/
/***********************  WRAPPERS    ************************/
#container2{
	width: 960px;
}
#top-wrap{
	background: url(site_images/top-bg.jpg) no-repeat;
    width: 771px;
    height: 113px;
	margin: 0 0 0 189px;
}
#top-nav-wrap{
	
}
#leftwrap{
    width: 189px;
    float: left;
}
#hardnav{}
#splash{
    width: 824px;
    height: 246px;
    overflow: hidden;
	padding: 0 0 0 136px;
}
#s1{

}
#page-clear{
	clear: both;
	height: 1px;
}
/*------------------------------------------------------------*/
/********************  CUSTOM DIVISIONS ***********************/
#topofmid1{
	padding: 15px 0 0 5px;
    font-weight: bold;
	font-size: 18px;
    color: #39c;
}
/*------------------------------------------------------------*/
/********************       LOGO        ***********************/
#logo{
	float: left;
}
#logo a{
    width: 270px;
    height: 92px;
    display: block;
}
/*------------------------------------------------------------*/
/***************      CONTENT AREA        ********************/
#contentarea{
	width:761px;
	min-height: 400px;
	height:auto !important;
	height:400px;
	float: left;
	padding: 10px 0 0 10px;
}
#contentarea li{
    list-style: normal;
}
#contentarea ol, #contentarea ul{
    margin: 10px 0;
    padding: 0 0 0 30px;
}
#contentarea a{
	color: #00C;
	text-decoration: underline;
}
#contentarea a:hover{
	color: #ff0000;
}
/*------------------------------------------------------------*/
/***********************  TEXT MENU 1 ************************/
#textMenu1{
	width: 100%;
	height: 21px;
    clear: both;
}
.textMenu1ItemDiv{
	height: 21px;
    float: right;
    padding: 0 8px;
}
.textMenu1ItemDiv a{
    font-weight: bold;
    font-size: 12px;
    color: #107153;
    padding: 3px 0 0 0;
    display: inline-block;
}
.textMenu1ItemDiv a:hover{
	color: #f00;
}
/* all menu items */
#btnaboutus{}
#btncontact{}
#btnlogin{}
#btnjobs{}
#btnequipment{}
#btngallery{}
#btnhomePage{}
#btnrss{}
#btnftp{}
#btnstore{}
#btnorderForms{}
#btnnews{}
#btnarticles{}
#btnservices{}
#btnstaff{}
#btnfileUpload{}
/*------------------------------------------------------------*/
/***********************  TEXT MENU 2 ************************/
#textMenu2{
	width:180px;
	padding: 5px 0 25px 0;
}
.textMenu2ItemDiv{
	padding: 0 0 0 25px;
}
.textMenu2ItemDiv a{
	display: block;
	padding: 3px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.textMenu2ItemDiv a:hover{
	color: #f2d265;
}
/*------------------------------------------------------------*/
/***********************  FOOTER     ************************/
#footer-wrap{
	background: url(site_images/footer-bg.jpg) repeat-x;
	width:100%;
	}
#footer{
	width:771px;
	height:86px;
	clear: both;
	padding: 15px 0 0 189px;
}
.foot-child{
    float: left;
}
#child1{
    width: 264px;
}
#child1 li a{
	font-size: 9px;
	text-decoration: none;
}
#child1 span{
    font-size: 12px;
	text-decoration: none;
	color: #333;
}
#child1 li a:hover{
    color: #3cf;
}
#child2{
    width: 192px;
    font-weight: bold;
}
#child2 li{

}
#child2 a{
    font-size: 13px;
    padding: 0 7px;
}
#child2 a:hover{
		color: #f00;
	}
#child3{
    width: 315px;
	font-size: 14px;
	color: #f00;
	font-weight: bold;
}
#child3 a{
	font-size: 14px;
	color: #f00;
	font-weight: bold;
}
#child3 span{
	font-size: 12px;
	color: #999;
	font-weight: normal;
}
#child3 a:hover{
    color: #FC0;
}
.foot-child li a{
    text-decoration: none;
}
.foot-child ul{
    margin: 3px 0;
    height: 70px;
    padding: 10px 0 0 0;
}
#footer li{
    list-style: none;
}
#page-clear{
	width: 960px;
	height: 20px;
	clear: both;
	}
/*------------------------------------------------------------*/
/********************  PORTAL LOGIN ***************************/

#port-login{
    width: 180px;
    padding: 20px 0 20px 10px;
}
#port-login fieldset{
    background: url(site_images/portal-login.jpg) repeat-x;
    border: 1px #ccc solid;
}
#port-login legend{
    font-weight: bold;
    padding: 0 3px;
}
#port-login li{
    margin: 0 0 5px 0;
	list-style: none;
}
#port-login label{
    padding: 0 0 2px 0;
    display: block;
}
#submit-port{
    padding: 1px 5px; 
}
.shadow-input{
    background: url(site_images/input-bg2.jpg) repeat-x;
}
#file-center{
	width: 180px;
	padding: 0 0 0 10px;
}
#file-center fieldset{
    background: url(site_images/portal-login.jpg) repeat-x;
    border: 1px #ccc solid;
}
#file-center legend{
    font-weight: bold;
    padding: 0 3px;
}
#file-center li{
	list-style: none;
}
/*------------------------------------------------------------*/
/********************  FORMS   ************************/
.orderFormSectionTitle{
    padding: 15px 0 10px 0;
    font-weight: bold;
}
.orderFormRadio{
    margin: 3px 0;
    display: block;
}
.orderFormRadio label{
    padding: 0 0 0 7px;
}
#ctl00_ContentPlaceHolder1_lblPageTitle{}
#ctl00_ContentPlaceHolder1_lblinstructions{}
#ctl00_ContentPlaceHolder1_pnlLogin{}
/* ftp account field */
#ctl00_ContentPlaceHolder1_txtFtpAccount{
}
/* ftp password field */
#ctl00_ContentPlaceHolder1_txtFtpPassword{}
#ctl00_ContentPlaceHolder1_btnLogin{
	margin: 0px 0px 20px 0px;/* pushes footer down away from button */
}
#ctl00_ContentPlaceHolder1_RadAjaxPanel1 {}
#ctl00_ContentPlaceHolder1_RequiredFieldValidator1{}
#ctl00_ContentPlaceHolder1_LocalizedButton1{
	margin: 0px 0px 20px 0px;/* pushes footer down away from button */
}
#ctl00_ContentPlaceHolder1_Button1{
	margin: 0px 0px 20px 0px;/* pushes footer down away from button */
}
.formTable, .formCell, .instructions, .orderFormTitle{}
.formCell{
    padding: 0 10px 0 0;  
}
.formRow1 input{
    margin: 3px 0;
}											
.formRow2{}
.RadUploadSelectButton{}
#ctl00_ContentPlaceHolder1_LocalizedButton1, #ctl00_ContentPlaceHolder1_Button1, #ctl00_ContentPlaceHolder1_btnLogin{
    padding: 1px 5px;
    margin: 10px 0 25px 0;
}