body {
	color: #062838
	background: url(../images/keep/bg_shadows.jpg) repeat-x scroll left top;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image:  url("../images/bg_shadows.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: transparent;
}
p {
	margin: 0;
	padding:  0px 0px 1em;
	color: #062838;
}
 
a img { border: none; }
img.video {margin: 0 0 0 15px;}
img.solidworks_logo {width: 166px; height: 73px; /*display:block;*/ margin: 0 0 15px 5px;}
.clearer{clear:both; line-height: 0; height: 0;}
 
.sides {
 	margin: 0;
 	padding: 0px 0px 1em;
 	color: #062838;
 }
 .sides a:link{
 	color: #062838;
	text-decoration: none;
 }
  .sides a:visited{
 	color: #062838;
	text-decoration: none;
 }
  .sides a:hover{
 	color: #062838;
	text-decoration: underline;
 }

h1 {
	margin: 0px;
	font-size: 170%;
	font-weight: bold;
	color: #005A84;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height:1.3em;
}
.subheader {
	margin: 0px;
	font-size: 170%;
	font-weight: bold;
	color: #C01F0A;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h2 {
	margin: 0px;
	padding: 0 0 5px 0;
	font-size: 140%;
	font-weight: bold;
	color: #C81818;
	line-height:1.3em;
}
.details {
	font-size: 120%;
	color: #FFFFFF;
	padding-left: 11px;
	background-attachment: scroll;
	background-image:  url("../images/bg_details.jpg");
	background-repeat: no-repeat;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 13px;
}

h3 {
	color: #005A84;
	font-size: 120%;
	padding-left: 23px;
	background-image: url("../images/blt_square_arrow.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left;
}

h3 a:link {
	color: #005A84;
	text-decoration: none;
}
h3 a:visited {
	color: #005A84;
	text-decoration: none;
}
h3 a:hover {
	color: #005A84;
	text-decoration: underline;
}
/* Form styles */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 450px;
  max-width: 470px;
  width: 450px; 
}
form span {color:#C81818; font-weight:bold;}

form fieldset {
   	clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
	padding: 30px;
	margin: 0px;
	border: 1px solid #C81818;
}

form fieldset legend {
	color: #C81818;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* Image Styles */ 

/* png hack to allow 24 bit opacity in ie6+ */
* { behavior: url(styles/iepngfix.htc) }

.image_border {
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #7ABAF2;
	float: left;
	margin-right: 13px;
}
/* menu image rollover opacity */
a.linkopacity: img {
padding: 0px;
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

a.linkopacity:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8; 
opacity: 0.8;
-khtml-opacity: 0.8;}
 
 
 
/* FRAMEWORK Styles */

/* Main Content Styles */
#inner {
	text-align:left;
	width:840px;
	margin:auto;
 }
#outer {
	text-align:left;
	width:850px;
	margin:auto;
	background-attachment: scroll;
	background-image:  url("../images/bg_page_header.gif");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
 }
 
#flashwrapper{
	width: 840px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#flash {
	width: 600px;
	height: 200px;
	background-color: #FFF;
	float: left;
}
#keypoints {
	width: 240px;
	float: left;
	background-color: #062838;
	height: 200px;
	background-attachment: scroll;
	background-image:  url("../images/bg_triangle.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#homeblock {
	background-image: url("../images/bg_dotted_lines_right.gif");
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 600px 300px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#homeblock p{
	padding-right: 270px;
	padding-left: 8px;
	line-height: 1.4em;
}
#phoneblock {
	background-image: url("../images/bg_phone_home.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 22px 0px;
	float: right;
	height: 176px;
	width: 230px;
	background-color: #FFFFFF;
	font-size: 10px;
}
#phoneblock p {
	padding-right: 80px;
	padding-top: 0px;
}
#subblock {
	margin-top: 20px;
	background-color: #FFF;
	background-image: url(../images/bg_dotted_subpage_vert.gif);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}

#subblock_contact {
	margin-top: 20px;
	background: #FFF url('../images/bg_dotted_contact.gif') 0% 0% repeat-y;
}

#rightblock {
	float: right;
	background-color: #FFFFFF;
	font-size: 10px;
	width: 290px;
}
#rightblock p {
	float: right;
	background-color: #FFFFFF;
	font-size: 10px;
}
#contentleft {
	width:150px;
	padding:0px 20px 0px 5px;
	float:left;
	margin: 0 0 20px 0;
}

#contentleft a:link, #contentleft a:visited {
 	color: #C01F0A;
 	text-decoration: underline;
 }
#contentleft a:hover {
	color: #C01F0A;
	text-decoration: none;
 }
 
#contentcenter2 { width:650px; padding:0px 25px 0px 0px; float:left; line-height:1.4em;}

#contentcenter { width:355px; padding:0px 25px 0px 0px; float:left; line-height:1.4em;}

#contentcenter a:link, #contentcenter a:visited {
 	color: #C01F0A;
 	text-decoration: underline;
 }
#contentcenter a:hover {
	color: #C01F0A;
	text-decoration: none;
}
 
#contentcenter ul{margin: 0 0 3em 35px; padding: 0;}
#contentcenter li{}
#contentcenter span {font-weight: bold;}
 
#content_table table { font-size: 11px; border-collapse: collapse; width: 355px; }
#content_table th {text-align: left; background: #0E4355;color:#FFF; text-align:center; padding:4px;}
#content_table td {	border: 1px solid #EAEFF2; text-align: center; padding:4px;}
#content_table img { padding:2px; }

#contentright {width:250px; padding:0px; float:left;}

/* Top nav Styles */
#hdr {
	width:850px;
	height:110px;
	color: #333333;
	background-attachment: scroll;
	background-image:  url("../images/log_solidworks_reseller.jpg");
	background-repeat: no-repeat;
	background-position: 680px 45px;
}

/*Main Nav styles */
.top {
  width: 100%;
  margin: 0px;
  padding: 0px 0.5em;
  background: url(none);
}
.top ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.top li {
  margin: 0;
  padding: 0;
  float: left;
  width: 7em;
  margin-right: 0px;
  background:  url("../images/but_hnav_1.jpg");
  background-position:bottom;
  background-repeat:no-repeat;
  text-align: center;
  width: 120px;
  height: 100px;
}
.top li.two {
  background:  url("../images/but_hnav_2.jpg");
  background-position:bottom;
  background-repeat:no-repeat;
}
.top li.three {
  background:  url("../images/but_hnav_3.jpg");
  background-position:bottom;
    background-repeat:no-repeat;
}
.top li.four {
  background:  url("../images/but_hnav_4.jpg");
  background-position:bottom;
    background-repeat:no-repeat;
}
.top li.five {
  background:  url("../images/but_hnav_5.jpg");
  background-position:bottom;
    background-repeat:no-repeat;
}
.top li.six {
  background:  url("../images/but_hnav_6.jpg");
  background-position:bottom;
    background-repeat:no-repeat;
}
.top li.seven {
  background:  url("../images/but_hnav_7.jpg");
  background-position:bottom;
    background-repeat:no-repeat;
}
	
.top a {color: #FFF; display: block; padding-top: 52px; padding-bottom: 27px; text-decoration: none;}

.top a:hover {
	color: #00B6CE;
}

.seven {
background:  url("../images/but_hnav_7.jpg");
}
	
#hmenu {
margin: 0px;
padding: 0px;
}

/* Utilities Menu Styles */
ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}
ul#navlist li
{
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 4px;
	color: #FFFFFF;
	text-transform: none;
	letter-spacing: normal;
}
#navlist a, #navlist a:link
{
margin: 0;
padding: 5px 9px 4px;
color: #FFFFFF;
text-decoration: none;
}

#navlist a:hover
{
	padding: 12px 9px 4px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* lefthand menu */
ul#leftnav
{
	background-color: #EAEFF2;
	margin: 0px;
	padding: 0px;
}
ul#leftnav li
{
	color: #062838;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-attachment: scroll;
	background-image:  url("../images/blt_leftnav.gif");
	background-repeat: no-repeat;
	background-position: right;
	list-style-type: none;
	text-align: right;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	font-size: 110%;
	font-weight: normal;
}


/* homepage styles for the right hand box */
#keypoints .keybacking {
	background-attachment: scroll;
	background-image:  url("../images/bg_home_keypoints.gif");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 130%;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 5px;
}
.keybacking a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.keybacking a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.keybacking a:hover {
	color: #667B86;
	text-decoration: none;
}
.keytext {
	font-size: 9px;
	margin: 0px;
	padding: 0px 40px 0px 10px;
	color: #FFFFFF;
}
.keytext a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.keytext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.keytext a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}

/* Footer Styles */
#footer {
	text-align:left;
	width:850px;
	margin:auto;
	background-attachment: scroll;
	background-image:    url("../images/bg_footer.gif");
	background-repeat: no-repeat;
	height: 105px;
	font-size: 10px;
	color: #CCC;
	letter-spacing: -0.01em;
	clear: both;
	padding:7px;
}
#footer a:link{
	color: #CCC;
	text-decoration: underline;
}
#footer a:visited{
	color: #CCC;
	text-decoration: underline;
}
#footer a:hover{
	color: #FFF;
	text-decoration: none;
}
 
/* Absolutely positioned logo */
#logo_wrapper{
	margin:0px;
	position: absolute;
	padding: 40px 5px 0px;
	float: right;
	height: 79px;
	width: 286px;
	z-index: 3;
} 
 
/* CONTENT Styles */

/* Main page Styles */
.home {
	font-size: 200%;
	color: #7ABAF2;
	font-weight: normal;
	padding-left: 20px;
	margin: 0px 0px 0px 13px;
	padding-top: 85px;
	padding-right: 50px;
	padding-bottom: 0px;
	left: 40px;
}

.subheaderh2_blue {
	font-size: 100%;
	color: #0074D9;
	margin: 0px;
	padding: 1em 0px 1em 31px;
	font-weight: bold;
}

.floatright {
	float: right;
}


/* Footer left and right styles */
.floatleft {
	float: left;
	padding-right: 43px;
	height: 25px;
}
.floatfax {
	float: left;
	padding-right: 4px;
	height: 25px;
}
.footerleft {
	padding-top: 13px;
	padding-left: 5px;
}
.footerright {
	float: right;
	padding-top: 25px;
	/*padding-right: 10px;*/
	margin: 0 5px 0 0 ;
}

.red {
	color: #C81818;
}
.keybacking {
	background-attachment: scroll;
	background-image:  url("../images/bg_home_keypoints.gif");
	background-repeat: no-repeat;
}


/* Form styles */
.inputMulti {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 2px;
	border: 1px solid #97A7C8;
	height: 5em;
}
.inputKeyword {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 2px;
	border: 1px solid #97A7C8;
	height: 1.5em;
}
.formborder {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #97A7C8;
	border-bottom-color: #97A7C8;
	border-left-color: #97A7C8;
}
.forma {
	background-color: #D5E0F1;
}
.formb {
	background-color: #E1E9F4;
}

/* GALLERY STYLES */
.gallery {padding: 2px; border: 1px solid #015A84; width: 150px; height: 105px; margin: 0 35px 35px 0;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	width: 49%; height: 100%; display: block;}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/gallery/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #FFF;
}

#trainingcourse{
	width:300px;
	border:thin dotted #CCC;
	padding:5px;
	margin:5px;
	float:left;
	color: #062838;	
}
#trainingcourse:hover{
	background-color: #E4E4E4;
}
#trainingcourse a:link, #trainingcourse a:visited{
	color: #C01F0A;
}
#trainingcourse li{
	list-style-type:square;
}
#trainingfooter {
	color: #062838;		
}
#trainingfooter li{
	list-style-type:square;
}
#trainingfooter a:link, #trainingfooter a:visited{
	color: #C01F0A;
}
h4 {
	color: #062838;	
	font-weight:bold;
	padding:0px;
	margin:0px;
}
#contentcenter li{
	list-style-type:square;
	color: #062838;	
}