@charset "utf-8";
* { margin:0; padding:0; color:#625e5e; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	
	text-align:center;
	min-width:980px;
	min-height:821px;
}
#vertical{
	float:left;
	height:50%;
	margin-top:-410px;/* half vertical height*/
	width:100%;
}
#hoz {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:821px;	
	overflow:hidden;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}
ul,
ol { list-style:none; }
body { background:url(../images/bg.png) top repeat; ma rgin:20px 0 0; color:#625e5e; }
a { color:#807f7f; text-decoration:none; }
a:hover { color:#00c6c8; }
img,
a img,
fieldset { border:0; vertical-align:middle; }


.wrapper { height:821px; background:url(../images/bg2.png) center top no-repeat; _background:url(../images/bg2-ie.jpg) center 20px no-repeat; }
.wrapperInner { width:980px; margin:auto; position:relative; }
.wrapperInner .breadcrumbs { position:relative; clear:both; top:-15px; left:-25px; }
.wrapperInner .breadcrumbs a {outline:0px;}
.wrapperInner .ftr { text-align:center; position:relative; clear:both; }
.nav { height:190px; }
.nav ul { float:right; }
.nav li { float:left; margin:0 10px; }
.nav li a { color:#807f7f; text-decoration:none; font-size:10.5pt; outline:0px;}
.nav li a.on,
.nav li a:hover { color:#00c6c8; }
.contentNavRow { clear:both; text-align:right; height:32px; padding:0 25px; }
.side { width:256px; float:left; display:inline; border:1px solid #282828; border-right:0; }
.main { width:720px; height:575px; float:left; display:inline; }
.portfolio { border:1px solid #282828;height:404px!important; width:720px;}
.portfolio li { height:404px; text-align:center; width:720px; overflow:hidden; display:none;} /* display:none; might fix 'jumping' when page loads... remove if there's any problem */
.portfolio #firstImg {display:block;}
.portfolio li img { height:100%; }
.slide_control { float:right; }
.slide_control li { float:left; }
.slide_control li span { float:left; width:28px; height:16px; overflow:hidden; cursor:pointer; }
.slide_control li .leftbutton { background:url(../images/arrows.gif) left bottom no-repeat; }
.slide_control li .rightbutton { background:url(../images/arrows.gif) right bottom no-repeat; }
.slide_control li .leftbutton:hover { background:url(../images/arrows.gif) left top no-repeat; }
.slide_control li .rightbutton:hover { background:url(../images/arrows.gif) right top no-repeat; }
.contact {  border:1px solid #282828;background:url(../images/bgContact.png) top repeat-x; height:370px; padding:34px 25px 0; }
.contact p { clear:both; padding:0 0 11px; }
.contact p label { color:#666; float:left; width:60px; }
.contact p .inputText { background:#141414; border:1px solid; border-color:#000 #484848 #484848 #000; padding:2px; width:246px; }
.contact p textarea { margin-left:60px; background:#141414; border:1px solid; border-color:#000 #484848 #484848 #000; padding:5px 5px; height:188px; width:444px; overflow:auto; vertical-align:middle; font-family:arial; font-size:13px; }
.submit { cursor:pointer; vertical-align:middle; width:58px; height:218px; border:0; padding:0; background:url(../images/submit.png) no-repeat; _background:url(../images/submit-ie.png) no-repeat; outline:0px;}
.clogin { cursor:pointer; vertical-align:middle; width:65px; height:40px; border:0; padding:0; background:url(../images/clogin.png) no-repeat; _background:url(../images/clogin-ie.png) no-repeat; outline:0px; float:right; margin: 0 0 0 0;}
/* .submit:hover { cursor:pointer; vertical-align:middle; width:58px; height:218px; border:0; padding:0; background:url(../images/submit_on.png) no-repeat; _background:url(../images/submit_on.png) no-repeat;} */
.gradBg {  border:1px solid #282828;background:url(../images/bgContact.png) top repeat-x; height:370px; padding:34px 35px 0; color:#959494; }
.gradBg * { color:#959494; }
.gradBg h1 { color:#eaeaea; font-weight:normal; }
.gradBg p { color:#959494; margin:11px 0; }
.galleryMain {  border:1px solid #282828;background:url(../images/bgContact.png) top repeat-x;height:404px; text-align:center; width:720px; overflow:hidden; }
.galleryMain #galleryULW { padding:0px 0 0 0px; zoom:1;overflow:hidden; height:403px; width:720px;}
.galleryMain #galleryUL { padding:10px 0 0 30px; zoom:1;overflow:auto; height:363px; width:689px; margin:0px;}
.galleryMain ul li { float:left; width:43%; margin:17px 15px; height:90px; overflow:hidden; text-align:left;}
.galleryMain ul li a img { float:left; margin:0 7px 0 0px; border:1px solid #6f6f6e; max-height:88px; max-width:160px; _height:90px; _width:160px; }
.galleryMain ul li a { color:#eaeaea; }
.galleryMain ul li a:hover { color:#00c6c8; }
.galleryMain ul li a span { color:#959494; }

.galleryMain ul li.hover {cursor:pointer;}
.galleryMain ul li.hover a img { border:1px solid #00c6c8; }
.galleryMain ul li.hover a:link { color: #00c6c8; }
.galleryMain ul li.hover a:visited { color: #00c6c8; }
.galleryMain ul li.hover a:hover { color: #00c6c8; }

#bigScreen {padding:0px; margin:0px;}
.sideText { width:212px; height:372px; padding:16px 22px; float:left; display:inline; border:1px solid #282828; border-right:0px; background:url(../images/img007.jpg) left top no-repeat; }.sideText h2 { font-size:16px; font-weight:normal; color:#00c6c8; }
.sideText h3 { font-size:14px; font-weight:normal; color:#808080; padding:3px 0 20px; }
.sideText h3 b { color:#c5c5c5; font-size:14px; font-weight:normal; }
.sideText p { color:#808080; font-size:11px; line-height:14px; }
.sideText p a { color:#c5c5c5; font-size:11px; }
.sideText p a:hover { color:#00c6c8; }
.picsUl { padding:3px 0 0; }
.picsUl li { float:left; display:inline; height:33px; margin:0 2px 0 0; border:1px solid #121212; }
.picsUl li a img { height:100%; }
.contentNavRow .back { float:right; color:#494848; background:url(../images/back.gif) right top no-repeat; padding:8px 0 0; }
.contentNavRow .back:hover { color:#00c6c8; }.logoBar { position:absolute; height:75px; width:980px; top:34px; overflow:hidden; text-indent:-9999px; text-decoration:none; }

/* Additions */
#homeSlideControl {display:none;} /* check if this is necessary */
#projectThumbs a, .logoBar, .back, .galleryMain a, button {outline:0px;} {outline:0px;}
.galleryMain .bigImageG a {outline:1px solid;}

#portfolio {*overflow:hidden; *height:404px;}
#bigImage {overflow:hidden; height:404px;} /* temporary fix */

.errormsg {color:red; margin:0 0 0 10px;}
.galleryMain #galleryUL { *margin-left:-360px; } /* Explorer jScrollPane fix - Temporary */

.textOverlay {margin:-40px 0px 0 1px; height:24px; padding:10px 0 0 0; background:url(../images/textOverlay2.png); text-align:left; width:718px; width:168px; margin:-45px 0px 0 0px; display:block; z-index:999; position:relative; *margin-left:-549px;;} /* flaot: left; */
/* doupble attributes in previous lines - incases Roy regrets cutting the overlay strip */

.textOverlay span {vertical-align:middle; margin:0px 20px; color: #999; padding-top:10px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.galleryMain .bigImageG a {outline:0px;}
} /* Quick fix for Safari */

.fileTree h3 {margin:0 20px;}
.fileTree ul {padding:10px 10px; font-size:14px;}
.fileTree ul li {list-style:none; clear:both; background:url(../images/file.png) 4px center no-repeat; height:14px; padding:3px 0px 4px 25px; color:#333;}
.fileTree ul li.headli {background:none; margin-bottom:5px; padding-left:0px;}
.fileTree ul li.folder {background:url(../images/folder.png) 0px center no-repeat;}
.fileTree ul li.subfile {padding:3px 25px 5px 40px; background:url(../images/file.png) 20px center no-repeat;}
.fileTree ul li a:link {display:block; width:230px; float:left;}
.fileTree ul li a:visited {display:block; width:230px; float:left;}
.fileTree ul li.folder a:link {display:block; width:230px; float:left;}
.fileTree ul li.folder a:visited {display:block; width:230px; float:left;}
.fileTree ul li.subfile a:link {display:block; width:215px; float:left;}
.fileTree ul li.subfile a:visited {display:block; width:215px; float:left;}
.fileTree ul li.headli a:link {display:block; width:255px; float:left;}
.fileTree ul li.headli a:visited {display:block; width:255px; float:left;}
.fileTree ul li a:hover {text-decoration:underline;}
.fileTree ul li span {display:block; width:150px; float:left; color:#666;}
.fileTree ul li.headli span {display:block; width:150px; float:left; color:#888;}


/* Temporary fix for the centering issue of the main content 
Not liking this, but the other alternative is to change bg2.png & another file fir ie... | please test on more screens, resolutions, browsers, etc...
*/
.wrapperInner { width:988px; }
.main { margin-right:8px; }
/* Temporary fix for the centering issue of the main content */

.templightimg {cursor: url(../images/zoom.png), crosshair;}