/*-------------------------------------------------
Theorem Creations.com Structure
-------------------------------------------------*/

.clear { clear:both; }
.clearerer { clear: both; display: block; margin: 0; padding: 0; height: 0; font-size: 1px; line-height: 1px;}

body {    margin: 0 0 0 0; background-color: #e5e5e5;    font-size:12px;    font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 18px;}
div#outer {    width: 910px;    background-color:#FFFFFF;    margin-top: 0px;    margin-bottom: 50px;    margin-left: auto;    margin-right: auto;    padding: 0px;    }
div#header {    padding: 5px;    margin: 0px;    background-image: url(images/main_tile.gif); background-repeat: repeat-y; }
div#nav {    padding: 5px;     background-image: url(images/main_tile.gif); background-repeat: repeat-y; margin-left: auto;    margin-right: auto; }
div#flash {    padding: 5px;    margin: 0px;    background-image: url(images/main_tile.gif); background-repeat: repeat-y; }
div#samples {    padding: 5px;    margin: 0px;    background-image: url(images/main_tile.gif); background-repeat: repeat-y; overflow: auto;}
.sampleBox {background-color:#ededed; border-color:#d4d4d4; border-width: 1px; padding: 14px; margin: 3px; border-style: solid;}
div#main {    padding: 10px; margin: 0 auto 0 auto; background-image: url(images/main_tile.gif); background-repeat: repeat-y; overflow: auto;}
div#main2 {    padding: 20px; margin: 0 auto 0 auto; background-image: url(images/main_tile.gif); background-repeat: repeat-y; overflow: auto;}
#main-a {
	float: left;
	width: 580px;
	padding: 10px;
}

#main-b { 
	float: left;
	width: 260px;
	height: 1%;
	padding: 10px;
}
#main-c {
	float: left;
	width: 650px;
	padding: 10px;
}

#main-d { 
	float: left;
	width: 200px;
	height: 1%;
	padding: 10px;
}

#main-e {
	float: left;
	width: 730px;
	padding: 10px;
}

#main-f { 
	float: left;
	width: 120px;
	height: 1%;
	padding: 10px;
}

div#botImage {    
	padding: 0px;    
	margin: 0px;  
}

div#footer {
	margin: 0px;
	background-color: #e5e5e5;
	padding: 10px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
}
#footer-a {
	float: left;
	width: 440px;
}

#footer-b { 
	float: left;
	width: 440px;
	height: 1%;
	text-align: right;
}

/* LINKS */
a:link, a:visited { color: #ff6d47; text-decoration: underline; }
a:hover { color: #ffffff; background-color: #fd643d; text-decoration: none; }

.hdrpurple:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #4e339d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
.hdrpurple:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #4e339d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}
A.hdrpurple:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #4e339d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
	background-color: #c4bdf7;
}


.hdrfootergrey:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.hdrfootergrey:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.hdrfootergrey:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
	background-color: #999996;
}

a.logolink img {
	border: 1px solid #ececec;
}
a.logolink:hover img {
	border: 1px solid #ff6d47;
}


/* FONTS */
.font_smallblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; font-weight:normal}
.font_medblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight:normal}
.font_meddarkgrey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight:normal;line-height: 16px;}
.font_regblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; font-weight:normal}
.font_largeblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; font-weight:normal}
.font_jumboblack {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000; font-weight:normal}
.font_required  {  font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color: #ff0000}
.font_largepurple {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #4e339d; font-weight:normal}
.font_purplebold {  color: #4e339d; font-weight:bold; font-size:12px;}
.font_largered {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: #ce1d00; font-weight:normal}



/* BACKGROUND TILES */
.back_order { background-image: url(images/order_back.gif); background-repeat:no-repeat;}

/* HEADERS */
h1 {
        padding: 0;
		margin: 0;
        color: #000;
        font-size: 16px;
        font-weight: normal;
		color: #4e339d;
}

h2 {
        margin: 10px 0 10px 0px;
        font-size: 13px;
        color: #4e339d;
        font-weight: normal;
        padding: 0;
		margin: 0;
}
h3 {
        padding: 0;
		margin: 0 0 4px 0;
        color: #000;
        font-size: 15px;
        font-weight: normal;
		color: #4e339d;
		border-bottom: dotted 1px #999999;
}


#quote-show {
        font-size: 16px;
        width: 260px;
        font-weight: normal;
        margin: 40px auto 30px auto;
        line-height: 140%;
        text-align: center;
        margin-top: 10px;
        font-family: georgia;
}

cite {
  color: #999;
  font-size: 10px;
  font-style: italic;
}



p {
	line-height: 18px;
	}
li { margin-top: 0.5em; margin-bottom: 0.8em; }
form { margin:0; padding:0; } 


/* NAVIGATION*/
/* GLOBALHEADER */
#globalheader { width: 870px; height: 35px; margin: 0 auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 145px; height: 0; padding-top: 35px; overflow: hidden; }
#globalheader #globalnav li a { background-image: url(images/b_all.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#nav-1 a { background-position: 0 0; }
#globalheader #globalnav li#nav-2 a { background-position: -145px 0; }
#globalheader #globalnav li#nav-3 a { background-position: -290px 0; }
#globalheader #globalnav li#nav-4 a { background-position: -435px 0; }
#globalheader #globalnav li#nav-5 a { background-position: -580px 0; }
#globalheader #globalnav li#nav-6 a { background-position: -725px 0; }

/* OVER STATES */
#globalheader #globalnav li#nav-1 a:hover { background-position: 0 -35px; }
#globalheader #globalnav li#nav-2 a:hover { background-position: -145px -35px; }
#globalheader #globalnav li#nav-3 a:hover { background-position: -290px -35px; }
#globalheader #globalnav li#nav-4 a:hover { background-position: -435px -35px; }
#globalheader #globalnav li#nav-5 a:hover { background-position: -580px -35px; }
#globalheader #globalnav li#nav-6 a:hover { background-position: -725px -35px; }


/* PORTFOLIO */
