/*----------------------------------------------

* Filename: styles.css

* Version: 1.0.0 (2009-06-12)

* Website: http://www.bluelynxmarketing.com

* Author: Blue Lynx Marketing, Inc.

* Description: Handles the site layout.

   ---------------------------------------------*/

   

/*---------------------------------------------

  				Global Reset

  --------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 

	padding: 0; 

	border: 0; 

	outline: 0; 

	font-weight: inherit; 

	font-style: inherit; 

	font-size: 100%; 

	font-family: inherit;  

}



div,img {

behavior:url(iepngfix.htc);

border:none;

}

body{

	font:normal  12px/20px Tahoma, Helvetica, sans-serif;

	color: #000000;

	margin: auto;

	background:#CFECF0 url(./images/Art-in-Motion-ShortHeader2.jpg) top center no-repeat;

	border-top:0px solid #85abbd;

}





form input {

	font:normal  11px/20px Tahoma, Helvetica, sans-serif;

	vertical-align:middle;

}



a:link, a:visited, a:active

{

	color: #2379a1;

	text-decoration:underline;

}

a:hover

{

	color: #2379a1;

	text-decoration:none;

}



ul.listitems

{

margin:0 0 0 20px;

padding:0;

}



ul.listitems li

{

margin:0;

padding: 3px 10px;

list-style:circle;

}









/*--------------------------------------------

  				page structure

  --------------------------------------------*/

.header	{

	width:auto;

	height:180px;

	padding:0 0 0 0px;	

}



.logo	{

	margin-left:0px;

	padding:8% 0 0 7%;

}		

	

	

#total	{

	width:980px;

	height:auto;

	margin:auto;

}



#middlepart

{

background:#ffffff;

padding:0 20px;

overflow:auto;

height:100%;

}



#leftpart	{

	width:600px;

	float:left;

	padding:30px 20px;

	height:auto;

}

#leftpart p {

	padding:0 0 10px 0px;

}



		

#rightpart	{

	width:245px;

	background:url(./images/leftbg.gif) top left no-repeat;

	float:left;

	margin:auto;

	height:auto;

	padding:30px 20px;	

}







.featured	{

	background:url(./images/featuredbg.jpg) no-repeat;

	height:325px;



}





.bordermain

{

border:1px solid #dbd6d2;

background:#FFFFFF;

padding:7px;

}





.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width:980px; /*Width of Carousel Viewer itself*/

height: 316px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}

.stepcarousel .belt  h1

{

font:normal bold 2.2em Arial, Helvetica, sans-serif;

margin:0;

padding:0 0 10px 0;

color:#5e5e5e;

letter-spacing:-1px;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 8px 10px 0px 20px; /*margin around each panel*/

width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:auto;

padding:10px;

}

.panel .stepbottom

{

float:right;

width:450px;

}



.stepcarousel .corner {

	position:absolute;

	top:7px;

	left:7px;

	width:85px;

	height:85px;

}



.featuredcorner {

	background:url(./images/featuredcorner.png) 0 0 no-repeat;

}

.websitecorner {

	background:url(./images/websitecorner.png) 0 0 no-repeat;

}

.logocorner {

	background:url(./images/logocorner.png) 0 0 no-repeat;

}







a.readmore:link,a.readmore:visited, a.readmore:active

{

background:url(./images/readmore.png) 0% 100% no-repeat;

padding:0 9px;

color:#55787b;

text-transform:uppercase;

float:right;

font:normal 10px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

a.readmore:hover

{

background:url(./images/readmore.png) 0% 100% no-repeat;

padding:0 15px;

color:#55787b;

text-transform:uppercase;

float:right;

font:normal 10px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

/*--------------------------------------------

  				navigation

  --------------------------------------------*/

.menu	{

height:42px;

background: url(./images/menutop.png) repeat-x top center;

margin:0px 0 0px 0;

}

.menu ul {

padding:11px 0 0 0;

margin:auto;

text-align:center;

}



.menu ul li {

	display:inline;

	border-radius:5px;

	-moz-border-radius:5px;	

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	}

	

.menu ul li a {

	font:normal bold 11px Arial, "Book Antiqua", Helvetica, sans-serif;

	margin:0 1px 0 0;

	padding:8px 10px;

	text-decoration:none;

	text-align:center;

	color:#fff;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	text-transform:uppercase;

}

	

.menu li a:link,.menu li a:visited {

	text-decoration:none;

	text-align:center;

	color:#fff;

}	

	

.menu li a:hover {

	background:#def4f8;

	color:#000;

	text-align:center;

	text-decoration:none;	

}





/*--------------------------------------------

  				headings

  --------------------------------------------*/

h1 { font:bold 2.5em Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.2px; padding-bottom: 5px; color:#438388; }

h2 { font:normal 220% Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;margin:0; padding-top: 13px; }

h3 { font:normal 180% Arial, Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0;}

h4 { font:normal 150% Arial, Verdana, Arial, Helvetica, sans-serif; }

h5 { font:normal 120% Arial, Verdana, Arial, Helvetica, sans-serif; }




h1.titles 		{ font:normal 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  color:#364e50; letter-spacing:-1px;padding-bottom: 10px;}

h1.titles  img	{ padding-right: 15px;vertical-align:middle;}



h2.instructor { font:normal 220% Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;margin:0; padding-top: 0px; }

blockquote		{border-left:6px solid #afd5d9;color:#999999;padding: 5px 15px; margin:10px 0;  }



h3 img

{

vertical-align:middle;

}


/*--------------------------------------------

  				miscellaneous

  --------------------------------------------*/


a.more:link,a.more:visited, a.more:active

{

background:url(./images/readmore.gif) 0% 50% no-repeat;

padding:0 0 0 16px;

color:#093050

float:right;

font:normal 12px/18px Tahoma, "Times New Roman", Times, serif;

text-decoration:underline;

}

a.more:hover

{

background:url(./images/readmore.gif) 0% 50% no-repeat;

padding:0 0 0 16px;

color:#0096a3;

float:right;

font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;

text-decoration:none;

}

		

a:focus { outline:none; }

		

img { border: 0 }



.date	{

	color:#ef5c0c;

	font-size:10px;

	font-weight:bold;

	float:left;

}



.newslist {

line-height:16px;

overflow:auto;

padding:10px 0;

}

.newslist p	{

line-height:16px;



}





h4.titles { 

	font:normal 1.4em Arial, Helvetica, sans-serif;  

	color:#b50000; 

	letter-spacing:-1px;

}

hr.hrbar

{

clear:both;

border:none;

width:100%;

border-bottom:1px solid #ccc;

}





address	{

	color:#333333;

	padding:0px;

	margin:0;



}



/*--------------------------------------------

  				footer

  --------------------------------------------*/

#footerpart	{

	width:100%;

	background:url(./images/footerbg.gif) top center repeat-x;

	float:left;

	height:auto;

	margin:0;

	padding:20px 0;



}





.footerleft	{color:#868f97;padding:0px 0px 10px 20px;margin:0; float:left;}



.footerright	{color:#868f97;padding:0px 20px 10px 0;margin:0; float:right; text-align:right;}









/*--------------------------------------------

  				form

  --------------------------------------------*/



.contacts img {

vertical-align:middle;

padding:2px 0;

}





.portfolioitem .details

{

float:right;

line-height:16px;

width:320px;

padding-left:20px;

}

.portfolioitem h3

{

color:#54a1ac;

}



.portfolioitem 

{

float:left;

position: relative;

margin:10px 0;

}

.portfolioitem .corner {

	position:absolute;

	top:-2px;

	left:-2px;

	width:85px;

	height:85px;

}

.bordersub

{

border:1px solid #dbd6d2;

background:#FFFFFF;

padding:8px;

}

/* ================================================= */

/* 	 INPUT FIELD CSS                                 */

/* ================================================= */



form input {

	background-color: #FAFAFA; background-image: url("./images/bg_box.gif");color: #484848;padding: 2px; 

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	}

form textarea

{

vertical-align:top;

}



form input[type=radio],

form input[type=checkbox]

					{border: none;}



input[type=text],

input[type=password],

textarea 

					{	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;	

	

background: #fff url('./images/bg_box.gif') repeat-x top left;border: 1px solid #b8b8b8;padding: 5px 8px;margin: 2px 0px;}



input[type=text]:focus,

input[type=password]:focus

{

	background: #fff url('./images/bg_box.gif') repeat-x top left;

}

input[type=submit],

input[type=button],

input[type=image],

input[type=reset],

textarea:focus 

					{

					background:none;

					}



form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio 

					{ width: auto;margin: 2px 10px;}



* input[type=image]

{

	background:none;

}

/*- Blog Comments --------------------------- */

#comment-box{

 border-top:1px solid #888;

 border-bottom:1px solid #888; 

 }

 

form p{

 margin:0 0 5px 0;

 padding:0;

 } 

 

#comment-box input {

 width: 220px;

 margin: 2px 0 10px 0;

 border-top: 1px solid #ccc;

 border-left: 1px solid #ccc;

 border-bottom: 1px solid #eee;

 border-right: 1px solid #eee;

 height:20px;

 font-size: 12px;

 color:#000;

 padding:5px 0 0 5px;



 }

 

#comment-box label {

 display: block;

 font-size: small;

 font-weight: bold;

 margin:0;

 padding:0;

}



#comment-box textarea {

 width: 350px;

 height: 150px;

 display: block;

 border: 1px solid #ddd;

 margin: 0 ;

 padding:5px 0 0 5px;

 font-size: small;

 color:#000;

 } 

 

input#submit-comment{

 font-size: small;

 font-weight: bold; 

 color:#000;

 width:155px;

 height:30px;

 margin:10px 0 0 0; 

 padding:0;

 border: 1px solid #ccc;

 background:#fff;

 }

 

ol.commentlist{

 margin:0;

 padding:0;

 list-style:none;  

 } 

  

ol.commentlist p{



 line-height:1.7em; 

 }

   

ol.commentlist li{

 border:1px solid #d8d8d8;

background:#f2f2f2;

 padding:10px;

 margin-bottom:15px;

 }

 

#content .commentlist ul li{ 

 list-style:none;

 }



.comment-author cite {

 float:left;

 margin-right:5px;

 font-style:normal;

 color:#000;

 }

 

.comment-author img {

 padding:5px;

 border:1px solid #ddd;

 background:#fff; 

 float:right;

 }



#menu1 {

width:233px;

margin:10px 0;

}



#menu1 ul {

margin:0;

list-style:none;

padding:0 10px;

}



#menu1 li a {

font:bold 9px Verdana, Arial, Helvetica, sans-serif;

text-transform:uppercase;

voice-family:inherit;

height:11px;

margin:0;

overflow:auto;

height:100%;

border-bottom:1px solid #e0e0e0;

text-decoration:none;

}



#menu1 li li a {

font:bold 9px Arial, Helvetica, sans-serif;

margin:0;

text-decoration:none;

border-left:0 solid #999999;

border-bottom:1px solid #ededed;



text-decoration:none;

}



#menu1 li li a:link,#menu1 li li a:visited {

color:#bebebe;

display:block;

padding:6px 10px;

}



#menu1 li a:link,#menu1 li a:visited {

color:#bebebe;

display:block;

padding:6px 10px;

}



#menu1 li.current a {

color:#da701a;

}



#menu1 li a:hover {

color:#da701a;

padding:6px 10px;

}



#menu1 li li a:hover {

color:#da701a;

padding:6px 10px;

}

#contact
{ margin-left: auto; 
  margin-right: auto;
  width: 975px;
  height: 0px;
  text-align: left;
}

#contact h6
{
    margin: 0px;
    padding: 155px 0px 0px 0px;
    font:bold 1.5em Arial, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .15 em;
    text-align: right;
    color:#2a8d78;
}

#contact address
{
    margin: 0px;
    padding: 135px 0px 0px 0px;
    font:bold 1.5em Arial, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .15 em;
    text-align: left;
    color:#2a8d78;
}

#contact metro
{
    margin: 0px;
    padding: 155px 0px 0px 0px;
    font:bold 1.5em Arial, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .15 em;
    text-align: left;
    color:#2a8d78;
}

/*=====================================================================*/

/*                    Custom Adjustments                               */

/*=====================================================================*/


/* Custom No-Sidebar Page Content */
#middlepart-no-sidebar

{

background:#ffffff;

padding:0 20px;

overflow:auto;

height:100%;

}

#leftpart-no-sidebar	{

	width:750px;

	float:left;

	padding:30px 20px;

	height:auto;

}

#leftpart-no-sidebar p {

	padding:0 0 20px 0px;

}
		
#rightpart-no-sidebar	{

	width:245px;

	background:url(./images/leftbg.gif) top left no-repeat;

	float:left;

	margin:auto;

	height:auto;

	padding:30px 20px;	

}

.static_page h1{

font:bold 2.5em Arial, Verdana, Arial, Helvetica, sans-serif; 
letter-spacing:-0.2px; 
border-bottom: double #2a8d78;
padding-bottom: 2px;
color: #2a8d78; 
text-align:justify; 
}

/* Contact Info in Header */

/* Image Alignment */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft 
{float:left; width:auto; border:5px solid #2d8c78; padding:3px; margin-top:22px; margin-right: 10px}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.thumb {
float:left;
margin:4px 2px 0px 2px;
text-align:center;
width:240px;
}
.thumb img {
border:1px solid #FFFFFF;
}
.thumb img:hover, .thumb img a:hover {
border:1px solid #2E8D79;
}

/* Registration Button */
#Register { position: absolute; top: 0px; left: 0px;
  width: 100%; }


.entry img {border:5px solid #2d8c78; padding:3px; margin:5px;}