/****************************************************/
/* c2Styles.css - Cruz Creative Studio stylesheet   */
/****************************************************/

/* Reset all default margin’s and paddings to zero.  */
 
* {padding:0px; margin:0px;}

body  { font-family: Arial, Helvetica, sans-serif;
        font-size : 12px;
				color : black;
	 		  font-weight: normal;
			  font-style : normal;
			  text-align: center;
/*			background: white url(C2_BKG2.jpg) 50% 25px no-repeat;  */
 }

									
h1,h2,h3,h4,h5	{ font-family: Arial, Helvetica, sans-serif;
                  margin: 5px 0px;
                  color: saddlebrown; }  */
/*                  color: sienna; }         */

h1 { font-size: 1.5em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.1em; }

p { font-size: 1em;
    color: #633;
    margin: 15px 0px; }
									
li { list-style-type: none; }

a:link { color: #69f;
         text-decoration: none;}

a:hover { color: brown;
         text-decoration: underline;}
								
a:visited { color: #69f;
           	text-decoration: none; }


/*-- Common to all pages --*/
									
#container1 {
  text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
/*  background-image: url(../images/BLUE-SOLO.gif);
/*  background-image: url(BGD1.gif);   */
  background-image: url(../images/C2STUDIO_bkg.gif);
	background-repeat: no-repeat;
	width: 1000px;
	height: 601px;
	border: 0px solid #000;
}

#header {
 border: 0px solid #000;
 height: 60px;
 text-align: center;
}

#headerid {
  display: none;
	}

#imgC2 {
  margin-top: 20px;
	}
	
#topmenu1 {
 height: 30px;
 border: 0px solid red;
 text-align: center;
}

#tmenu { direction: ltr;
				 font-size: 1em;
				 margin: 5px 0px 0px 0px;
         border: 0px solid red;
}

ul#tmenu li {
   margin: 5px 6px;
   border: 0px solid black;
	 display: inline;
	 letter-spacing: 2px;
}


ul#tmenu a:link { color: #69f;
         text-decoration: none;}

ul#tmenu a:hover { color: saddlebrown;
         text-decoration: none;}

#top_on {
  color: saddlebrown;
	font-weight: bold;
}

/*-- Home page --*/
								
#topcontent1 {
 border: 0px solid blue;
 height: 197px;
 text-align: center;
}

#center1 {
 border: 0px solid green;
 height: 109px;
 text-align: center;
}

/*-- About page --*/

#topcontent2 {
  margin: 50px 280px 0px 280px;
  border: 0px solid blue;
	height: 330px;
  text-align: left;
}

#imgc {
  text-align: center;
	margin: 0px 0px 10px 0px;
	}
	
#topcontent2 p {
  margin: 14px 0px;
  border: 0px solid red;
	}

	
/*-- Work page and related --*/

#leftmenu {
 float: left;
 height: 380px;
 width: 515px;
 border: 0px solid blue;
 text-align: left;
}

/*-- Shorter left menu for Corp Events --*/
#leftmenuCE {
 float: left;
 height: 350px;
 width: 515px;
 border: 0px solid cyan;
 text-align: left;
}

#workList {
  font-size: 0.8em;
	font-weight: bold;
  margin-top: 40px;
	margin-left: 110px;
	border: 0px solid #000;
}

#workList2 {
  font-size: 0.7em;
  margin-top: 40px;
	margin-left: 110px;
	border: 0px solid #000;
}

ul.lmenu { direction: ltr;
           color: #008be0;
					 font-size: 12px;
					 letter-spacing: 1px;
}

ul.lmenu li {
   margin: 3px;
   border: 0px solid;
}

ul.lmenu a { color: #69f;
        text-decoration: none;}

ul.lmenu a:link { color: #69f;
         text-decoration: none;}

ul.lmenu a:hover { color: saddlebrown;
         text-decoration: none;}

				 
#left_on {
  color: saddlebrown;
	font-weight: 800;
}

#left_hi {
  color: saddlebrown;
	}

#bro31 { color: saddlebrown;
         text-decoration: underline; }

#bro32 { color: #69f;
         margin: 0px 2px;
 }

#rcontent {
  position: relative;
 margin-left: 520px;
 width: 475px;
 height: 380px;
 text-align: left;
 border: 0px solid orange; 
}

#designitem {
  position: absolute;
	top: 20px;
	right: 40px;
  width: 420px;
	height: 345px;
	border: 0px solid magenta;
}

/*-- Shorter left menu for Corp Events --*/
#rcontentCE {
  position: relative;
 margin-left: 520px;
 width: 475px;
 height: 350px;
 text-align: left;
 border: 0px solid orange; 
}

/*-- Shorter left menu for Corp Events --*/
#designitemCE {
  position: absolute;
	top: 20px;
	right: 40px;
  width: 420px;
	height: 325px;
	border: 0px solid magenta;
}

#designTin {
   position: absolute;
	 top: 475px;
	 left: 510px;
   font-size: 0.95em;
	 font-style: normal;
	 color: #69f;	 
   margin: 0px;
	 border: 0px solid magenta;
   text-align: left;	 
}

#cline {
   font-size: 12px;
	 font-style: normal;
	 color: #69f;
	 height: 22px;	 
   margin: 8px 80px 0px 80px;
	 border: 0px solid magenta;
   text-align: center;	 
}

#cline1 {
   font-size: 0.95em;
	 font-style: normal;
	 color: #69f;
	 height: 22px;	 
   margin: 8px 80px 0px 80px;
	 border: 0px solid magenta;
   text-align: center;	 
}

/*-- NOT USED     ----------------------*/
/*-- Additional displayed info for CE --*/
#tagline {
   margin: 0px 0px 0px 200px;
	 border: 0px solid magenta;
}
#prodline {
   margin: 35px 0px 0px 173px;
	 font-style: italic;
	 border: 0px solid magenta;
   color: saddlebrown;
}


/*-- Contact page styles --*/

#cleftmenu {
 float: left;
 border: 0px solid blue;
 height: 370px;
 text-align: left;
}

#contact {
  float: clear;
  margin: 5px;
  margin-top: 65px;
	margin-left: 150px;
	width: 260px;
	border: 0px solid #000;
}

#contact p {
  border: 0px solid red;
	}
	
#contact2 {
  float: clear;
  margin-top: 50px;
	margin-left: 150px;
	border: 0px solid magenta;
}

.contacthdr {
  font-size: 14px;
	font-weight: bold;
}

a.email1:link { color: #630;
         text-decoration: none;}

a.email1:hover { color: #630;
         text-decoration: underline;}
								
a.email1:visited { color: #630;
           	text-decoration: none; }

#ccontent {
 width: 390px;
 height: 368px;
 margin: 10px 0px 0px 500px;
 border: 1px solid #fff;
 text-align: left;
}
	
#ccontent2 {
  font-size: 0.9em;
  color: #333;
  margin: 30px 2px 0px 40px;
  border: 2px solid #999;
  text-align: left;
}

#fsusi {
   margin: 5px;
 }

#ccontent1 {
 width: 390px;
 height: 278px;
 margin: 100px 0px 0px 500px;
 border: 1px solid #fff;
 text-align: center;
}

.respond {
  font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
 
/*-- Clients page styles --*/
 
#topcontent3 {
  color: saddlebrown;
  font-size: 1.1em;
	font-weight: medium;
  margin: 15px 120px 0px 130px;
  border: 0px solid orange;
	width: 760px;
	height: 235px;
  text-align: left;
}

#topcontent3 p { width: 450px;
                 margin: 8px 0px 15px 0px;
 }

#topcontent3 a { color: saddlebrown;
        text-decoration: none;}

#topcontent3 a:link { color: saddlebrown;
                      text-decoration: none;}

#topcontent3 a:hover { text-decoration: underline;}


#clientcol1 {
  float: left;
	width: 200px;
  border: 0px solid blue;
	font-size: 1em;
	color: #69f;
}

#clientcol2 {
  float: right;
	width: 460px;
  border: 0px solid blue;
	font-size: 1em;
	color: #69f; }
  
#client2l {
  float: left;
	width: 200px;	
  border: 0px solid brown;
}

#client2r {
  float: right;
	width: 220px;
  border: 0px solid brown;
}

#clientest {
  clear: both;
	height: 110px;
	width: 760px;
	font-size: 1.0em;
	font-weight: normal;
	color: saddlebrown;
  margin: 20px 120px 0px 130px;
  border: 0px solid brown;
}		

.testimonial {
  float: right;
	width: 458px;
	height: 78px;
  border: 0px solid brown;
	line-height: 1.2em;
	}
	
#test1{
  display: block;
	height: 85px;	
}

#test2{
  display: block;
}

#test3{
  display: block;
	height: 68px;	
}

#test4{
  display: block;
	height: 100px;	
}

.clientT {
  clear: right;
	width: 190px;
	height: 50px;
  border: 0px solid brown;
	margin-left: 560px;
	}

/*-- Miami Herald --*/
#cli1{
  margin-top: 7px;
}

/*-- Bassett & Bassett --*/
#cli2{
  margin-top: 7px;
}

/*-- Retail Business Development --*/
#cli3{
  margin-top: -7px;
}

/*-- Southwest Solutions --*/
#cli4{
  margin-top: 25px;
}

/*-- Footers  --*/

#footer {
  position: relative;
  color: #fff;
  border: 0px solid red;
  height: 200px;
  text-align: center;
}

.footer2 {
  clear: both;
	position: relative;
	height: 125px;
	width: 1000px;
  border: 0px solid #000;
  text-align: center;	
}

.footer3 {
  clear: both;
	position: relative;
	height: 125px;
	width: 1000px;
  border: 0px solid #000;
  text-align: center;	
}

#emailblk {
  position: absolute;
  bottom: 5px;
  left: 35px;
  border: 0px solid blue;
  font-size: 0.9em;
}

a#email2:link { color: white;
         text-decoration: none;}

a#email2:hover { color: white;
         text-decoration: underline;}
								
a#email2:visited { color: white;
           	text-decoration: none; }
										
#crt {
  position: absolute;
  bottom: 5px;
	right: 25px;
	color: white;
  font-size: 0.9em;	
 }

#studio {
  font-family:  "Arial Black", Helvetica, sans-serif;
	color: white;
  font-size: 18px;
	margin-top: 15px;
	margin-left: 5px;	
  letter-spacing: 2px;
 }

#studiosm {
  font-family:  "Arial Black", Helvetica, sans-serif;
	color: white;
  font-size: 14px;
	margin-top: 10px;
	margin-left: 5px;
  letter-spacing: 2px;
}

a#fb:link {
 color: white;
 text-decoration: none;
 }

a#fb:hover { color: white;
         text-decoration: none;}
								
a#fb:visited { color: white;
           	text-decoration: none; }