/*
tnt2 : tea and toast css file
*/

/* images embeded */


/* client sb page */


#shop1 {
	width: 400px;
	height: 532px;
	margin: 0 auto;
	background: url(images/shop1.jpg);
}

#clientsb {
	width: 700px;
	height: 168px;
	margin: 0 auto;
	background: url(images/clientsb.gif);
}

#clientsb01 {
	width: 600px;
	height: 205px;
	margin: 0 auto;
	background: url(images/clientsb01.gif);
}

#clientsb02 {
	width: 600px;
	height: 754px;
	margin: 0 auto;
	background: url(images/clientsb02.gif);
}

#clientsb03 {
	width: 585px;
	height: 499px;
	margin: 0 auto;
	background: url(images/clientsb03.gif);
}

#clientsb04 {
	width: 600px;
	height: 110px;
	margin: 0 auto;
	background: url(images/clientsb04.gif);
}

/* client sb page */

#icons1 {
	width: 440px;
	height: 79px;
	margin: 0 auto;
	background: url(images/icons1.png);
}

#css2 {
	width: 68px;
	height: 54px;
	margin: 0 auto;
	background: url(images/css3.jpg);
}

#css {
	width: 68px;
	height: 27px;
	margin: 0 auto;
	background: url(images/css.jpg);
}

#xhtml {
	width: 68px;
	height: 27px;
	margin: 0 auto;
	background: url(images/xhtml.jpg);
}

#able1 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	background: url(images/able1.jpg);
}

#able2 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	background: url(images/able2.jpg);
}

#stop1 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	background: url(images/stop1.jpg);
}

#stop2 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	background: url(images/stop2.jpg);
}

#sb {
	width: 600px;
	height: 1302px;
	margin: 0 auto;
	background: url(images/sb1.jpg);
}

#scb {
	width: 600px;
	height: 1450px;
	margin: 0 auto;
	background: url(images/scb.jpg);
}

#eduleeds {
	width: 600px;
	height: 1183px;
	margin: 0 auto;
	background: url(images/eduleeds.jpg);
}

#sov {
	width: 686px;
	height: 1113px;
	margin: 0 auto;
	background: url(images/sov.jpg);
}

#slhs {
	width: 600px;
	height: 1633px;
	margin: 0 auto;
	background: url(images/slhs.jpg);
}

#roomz {
	width: 600px;
	height: 1249px;
	margin: 0 auto;
	background: url(images/roomz1.jpg);
}

#pfp {
	width: 600px;
	height: 1400px;
	margin: 0 auto;
	background: url(images/pfp.jpg);
}

#minimarketplace {
	width: 97px;
	height: 49px;
	background: url(images/mkp11.jpg);
}

#mkplace {
	width: 600px;
	height: 550px;
	margin: 0 auto;
	background: url(images/mkplace.jpg);
}

#lcad {
	width: 600px;
	height: 1144px;
	margin: 0 auto;
	background: url(images/lcad.jpg);
}

#cando {
	width: 600px;
	height: 1200px;
	margin: 0 auto;
	background: url(images/cando.jpg);
}

#bwp {
	width: 600px;
	height: 810px;
	margin: 0 auto;
	background: url(images/bwp.jpg);
}

#newsimg {
	width: 405px;
	height: 76px;
	background: url(images/news.png);
}

#headlogo {
	width: 150px;
	height: 168px;
	margin: 0 auto;
	background: url(images/logo.png);
}

#whitepixel{
    width:100px;
    height:105px;
	background: url(images/whitepixel.jpg);
}

#headhello {
	width: 405px;
	height: 76px;
	background: url(images/hello2.png);
}

#headfolio {
	width: 405px;
	height: 76px;
	background: url(images/folio.png);
}

#headcontact {
	width: 405px;
	height: 76px;
	background: url(images/contact.png);
}

#headservices {
	width: 405px;
	height: 76px;
	background: url(images/services.png);
}

#headlogin {
	width: 405px;
	height: 76px;
	background: url(images/login.png);
}

/* images embeded end */

#widthset {
	width: 600px;
}

/*  cms form stuff  */


/*
navi 1 start - home rolls
*/

#navi_1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

#navi_1 {
	width: 150px;
	margin: 0px;
}

#navi_1 li a {
	text-decoration: none;
}

#navi_1 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navi_1 li a:link, #navi_1 li a:visited {
	color: #000000;
	display: block;
/*	background-color: #ffffff; */
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
    cursor:pointer;
}

#navi_1 li a:hover {
	color: #fff;
	background:  #80CBEC;
    font-size:13px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
}

/*
navi 1 end
*/


/*
navi services start - services yellow rolls
*/

#navi_2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
}

#navititle {
    font-size:11px;
    font-weight:bold;
    padding-left:10px;
}

#navi_2 {
	width: 150px;
	margin: 0px;
}

#navi_2 li a {
	text-decoration: none;
}

#navi_2 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navi_2 li a:link, #navi_2 li a:visited {
	color: #959797;
	display: block;
/*	background-color: #ffffff; */
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#navi_2 li a:hover {
	color: #444;
	background:  #F7E738;
    font-size:13px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
    cursor:pointer;
}

/*
navi services end services yellow rolls
*/

/*
navi 3 start - folio rolls
*/

#navi_3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
}

#navi_3 {
	width: 150px;
	margin: 0px;
}

#navi_3 li a {
	text-decoration: none;
}
#navi_3 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navi_3 li a:link, #navi_3 li a:visited {
	color: #959797;
	display: block;
/*	background-color: #ffffff; */
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#navi_3 li a:hover {
	color: #fff;
	background: #ef097c;
    font-size:13px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
    cursor:pointer;
}

/*
navi 3 end - folio
*/

/*
navi 4 start - contact
*/

#navi_4 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
}

#navi_4 {
	width: 150px;
	margin: 0px;
}

#navi_4 li a {
	text-decoration: none;
}
#navi_4 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#navi_4 li a:link, #navi_4 li a:visited {
	color: #000000;
	display: block;
/*	background-color: #ffffff; */
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
}

#navi_4 li a:hover {
	color: #fff;
	background:  #B3D670;
    font-size:13px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
    cursor:pointer;
}

/*
navi 4 end - contact
*/

/*old and probably unused*/

.body {
    display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

.greybody {
	font-size: 12px;
	color: #E1E1E1;
}


/*end of old and unused*/

/*general generic tags*/

link{
	margin: 20px 0;
	font-weight: bold;
	padding: 0;
	font: normal small Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #999999;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5em;
}

h2 {
	padding: 10px 0px 0px 0px;
	font-size: 13px;
}

h3 {
	padding: 10px 0px 10px 0px;
	margin: 0;
	font-size: 11px;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	color: #EF097C;
	text-decoration: none;
    font-weight:bold;
    cursor:pointer;
}

a:visited {
	color: #EF097C;
    font-weight:bold;
	text-decoration: none;
    cursor:pointer;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a:hover {
	color: #fff;
    font-weight:bold;
	text-decoration: none;
    background-color:#EF097C;
    font-size:12px;
    cursor:pointer;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*end of general generic tags*/

#bold1{
    font-size: 13px;
    font-weight:100px;
    color:#959797;
}

/* page column layout bit */


#framecontent{
	position:inherit;
    float:left;
	width: 170px; /*Width of frame div*/
/*	overflow:hidden; Disable scrollbars. Set to "scroll" to enable*/
	background: url(images/navimid.png);
/*	background: #fff; */
}

#maincontent{
	padding: 0px 0px 0px 10px;
    position:inherit;
	left: 170px; /*Set left value to WidthOfFrameDiv*/
	right: 250px;
	overflow: visible;
	width: 650px;
    float:left;
    background: url(images/navimid.png);
	/*background: #ffffff;*/
}

.innertube{
	margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}



/*end of the column layout bit*/

/* page column layout part2 */

#centerwholepage{
	margin:0 auto;
}

#framecontent3{
	position:inherit;
    float:left;
	width: 170px; /*Width of frame div*/
/*	overflow:hidden; Disable scrollbars. Set to "scroll" to enable*/
/*	background: #fff; */
}

#framecontent2 {
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/*	background: #fff; */
}

#maincontent2 {
	position: static;
	top: 0;
/*	left: 80%; */ /*Set left value to WidthOfFrameDiv*/
	right: 20%;
	bottom: 0;
	overflow: hidden;
/*	width: 20%; */
/*	background: #FFFFFF; */
}

.innertube2{
	margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

/* form details css stuff */
.myinputstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 9px;
	color: #555;
}

.mylabelstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 12px;
    border:none;
    background-color:#FFF588;
	color: #444;
}

.myinputstyle:hover {
	color: #525252;
}

/* end of form css stuff */

#backdrop{
	background: url(images/eduleeds.demo.jpg);
    position:absolute;
    width:400px;
}

#topmainpadd{
    padding-top:105px;
}

/* form formatting */

#formtext {
    border:0px;
    border-color:#eee;
    background-color:#fff;
    padding: 0px 0px 0px 0px;
    font-size:14px;
    color:#444;
}

#formtext:hover {
    border:0px;
    border-color:#eee;
    background-color:inherit;
    padding: 0px 0px 0px 0px;
    font-size:14px;
    color:#444;
}

#formstyle{
    border:0px;
    background-color:#eaeaea;
    font-size:14px;
    padding: 0px 0px 0px 5px;
    color:#aaa;
}

#formstyle:hover{
    border:0px;
    border-color:#eee;
    background-color:#80CBEC;
    padding: 0px 0px 0px 5px;
    font-size:14px;
    color:#444;
}

#buttonstyle{
    border:0px;
    font-size:14px;
    padding: 0px 5px 0px 5px;
    color:#444;
}

#buttonstyle:hover{
    border:0px;
    border-color:#eee;
    background-color:#80CBEC;
    padding: 0px 5px 0px 5px;
    font-size:14px;
    color:#444;
}



/*end of the column layout part2*/