/*
	Author	:	Sonora DesignWorks
	Website	:	sonoradesignworks.com
*/


@import url("reset.css");
@import url("subNav.css");






/* BODY */

body {
	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/page/pageBack.jpg) repeat-x #777779;
	font-size:12px;
	
}

/* GENERAL */

/* HEADINGS */

h1 { color:#000; font-size:18px; padding-bottom:5px; border-bottom:1px solid #eee; width:560px; margin-top:5px; margin-bottom:20px}

h2 { font-size:17px; color:#001c62 }

h3 {
	margin-bottom:15px; 
	font-size:16px; 
	font-variant:small-caps; font-weight:bold
}

h4 { font-size:20px !important; color:#002a96}

/* SITEWIDE LINKS */

a:link {
	color:#001c62;
	text-decoration:none
}

a:visited {
	color:#001c62;
	text-decoration:none
}

a:hover {
	color:#001c62;
	text-decoration:underline;
}

a:active {
	color:#001c62;
	text-decoration:underline;
}


/* HEADER */

#header {
	background:url(../images/page/headBack.gif) no-repeat;
	width:895px;
	height:135px;

}

#flash {margin-left:8px; border-bottom:3px solid #fbd68c; width:880px; height:195px}





/* NAVIGATION */


#navBack {
	background-color:#000000; 
	height:26px; 
	width:100%; 
	background-image:url(../gImages/navBack.gif); 
	background-position:top;
}
	


#nav {
	width:880px; height:46px;
	background:url(../images/nav/navBack.jpg) no-repeat;
	margin-left:8px
}



#rightCol img {border:2px solid #ccc}
.textImage {float:right; margin-left:16px; margin-bottom:15px; border:2px solid #ccc; position:relative; top:5px; right:-5px}


/* CONTENT */


#rightColumn {
	 
	width:250px; 
	padding-right:10px; 
	float:right; 
	padding-top:10px
}



#content {
	background:url(../images/page/contentBack.png) repeat-y;
	clear:both;
	width:895px;
	margin:0 auto;
}

#home-page #content,
#staff-page #content,
#case-page #content,
#results-page #content
{background:url(../images/page/contentBackHome.png) repeat-y;}

#mainContent { width:795px; padding: 40px 70px 40px 80px; line-height:17px; min-height:250px}


#leftCol {width:520px; float:left}
#rightCol {float:right; width:205px; min-height:200px; }

.eventsCall {
	background:url(../images/home/events-callout.gif) no-repeat; 
	width:312px; height:117px; padding: 60px 0 0 45px; position:relative; float:left}

.eventsCall a:link, .eventsCall a:visited {}
.eventsCall a:hover, .eventsCall a:active {text-decoration:none; color:#000}
	
.eventsCall p {position:absolute; top:146px; *top:156px; left:20px; color:#000; font-size:11px; font-weight:bold;}

/* FOOTER */

#footer {
	background:url(../images/page/footerBack.png) top no-repeat;
	width:895px;
	margin:0 auto;
	min-height:62px;
}

.footContact {float:left; color:#fff; font-size:12px; margin-left:25px; font-weight:bold; *margin-top:13px}
.footContact span {font-size:11px; color:#CCC}

.footBut {float:right; margin-right:25px; *margin-top:13px}

.footBut a:link, .footBut a:visited
{text-indent:-9999px; display:block; width:99px; height:28px; background:url(../images/buttons/contact.gif) no-repeat}

.footBut a:hover, .footBut a:active
{text-indent:-9999px; display:block; width:99px; height:28px; background:url(../images/buttons/contactRoll.gif) no-repeat}

.footCopy {float:left; clear:left; margin-top:15px; color:#282828; font-size:10px; margin-left:25px; *width:500px; *margin-top:20px;}
.footCopy a:link, .footCopy a:visited {color:#282828; font-size:10px; text-decoration:none}
.footCopy a:hover, .footCopy a:active {color:#282828; font-size:10px; text-decoration:underline}



#servTable td {vertical-align:top; }

#servTable img {margin-right:15px; margin-top:20px}
#servTable h2{margin-top:40px; margin-bottom:20px; border-top:1px dotted #cfcfcf; padding-top:25px}
.softimg {margin-top:0px !important; margin:0 auto; margin-right:15px}

.softT {vertical-align:middle !important}
.softI { text-align:center}

#softTable td {vertical-align:top; padding-top:20px}
#softTable h2{margin-top:40px; margin-bottom:20px; border-top:1px dotted #cfcfcf; padding-top:25px}



.trainBut {width:109px; height:21px; display:block; background:url(../images/buttons/tech-sprite.jpg) 0 0 no-repeat; text-indent:-9999px; float:left}
.trainBut:hover {width:109px; height:21px; display:block; 
background:url(../images/buttons/tech-sprite.jpg) 0 -21px no-repeat; text-indent:-9999px}

.techBut {width:109px; height:21px; display:block; background:url(../images/buttons/tech-sprite.jpg) 0 -64px no-repeat; text-indent:-9999px; float:left; margin-right:5px}
.techBut:hover {width:109px; height:21px; display:block; 
background:url(../images/buttons/tech-sprite.jpg) 0 -42px no-repeat; text-indent:-9999px}





#right-col-interior {width:625px; float:right; }
#right-col-interior h2, #right-col-interior2 h2 {color:#002a96; font-size:15px; margin-top:20px; font-weight:bold}

#right-col-interior p {width:500px; padding-right:65px; font-size:12px}
.bordBot {border-bottom:1px dotted #999; padding-bottom:35px; }
#right-col-interior li {width:500px; padding-right:65px; font-size:12px}

.bordBotTest {border-bottom:1px dotted #999; padding-bottom:20px; background-image:url(../gImages/quote.jpg); background-repeat:no-repeat; background-position:top left}

.bordBotUl {width:570px; border-bottom:1px dotted #999; padding-bottom:70px; *padding-bottom:10px; margin-top:20px}
.bordBotUl li {margin-left: 30px; margin-bottom:5px}



.clearfix {
clear:both;font-size:0.1px;height:0pt;line-height:0pt;width:0pt;
}

.softwareImg {float:right; margin-right:0px; border:1px solid #CCC; margin-left:15px; }
.softwareImg2 {float:right; margin-right:0px; border:1px solid #CCC; margin-left:15px; margin-top:12px; margin-bottom:15x}
.equipmentImg {float:left; margin-right:20px; margin-top: -10px}

.projectImg {border:1px solid #CCC; padding:3px}



.but {width:60px; cursor:pointer}
.titles {margin:15px 0 0px -2px}


#staff {float:right; width:660px; padding-right:115px}

#staff ul{font-weight:bold; list-style-type: none !important; width:300px;  }

#staff li ul {margin-left:30px; list-style-type:none; font-weight:normal; margin-bottom:15px; margin-top:5px}

/*form styles*/
input, textarea {background-color:#eee !important; width:200px; border:1px solid #666; padding:3px; color:#333; font-weight:bold;}
.radio {width:20px; background:none; position:relative; top:3px; border:0px}
input:focus, textarea:focus  {background-color:#e8e7e7 !important; -webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999;}

textarea {width:200px}
.submit {width:100px; cursor:pointer; -webkit-border-radius:5px;
-moz-border-radius:5px;}
.submit:hover {-webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; background:#FFF !important; -webkit-border-radius:5px;
-moz-border-radius:5px;}
.formTable td {padding-right:15px; padding-bottom:12px}

span {margin-bottom:10px}

.bullets {margin-left:10px; list-style-type:none}
.bullets li {padding-left:17px; background:url(../gImages/bullet.jpg) left top no-repeat; margin-bottom:8px}



#ticker { width:280px; height:90px;  overflow:auto; }
#ticker dt {  padding:0 10px 5px 0;  padding-top:10px;  border-bottom:none; }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 0; border-bottom:1px solid #ced4e0;   }
#ticker dd.last { border-bottom:1px solid #ced4e0; }
#ticker div { margin-top:0; }

#ticker dd {
list-style:none;
}


.sidePic {border:1px solid #ccc}

/*SEARCH FORM*/

#search {float:right; position:relative; top:100px; right:55px}
#si input {width:100px; font-size:10px; padding:9px; background-image:none  !important; -webkit-border-radius:5px;
-moz-border-radius:5px; border:1px solid #cacaca !important; background-color:#fff !important; }

#submit2 {width:60px !important; height:20px; cursor:pointer;  font-size:10px;  background:url(../images/search.jpg)  no-repeat !important; border:0px; *margin-top:1px }

#submit2:hover {width:60px !important; height:20px; cursor:pointer;  font-size:10px;  background:url(../images/search.jpg) 0 -20px no-repeat !important; border:0px}