* { padding: 0; margin: 0; outline: 0; }

/*DOCUMENTS*/
  	.cms-documents {display:block;margin:0 0 10px 10px !important;clear: both} 
    .cms-documents .introtext{clear:both;display:block}
    .cms-documents a, .cms-documents a:visited  {text-decoration:underline;font-weight:normal;display:block;clear:both}
    .cms-documents div{}

    .cms-documents .doc, .cms-documents .docx  {background: url(images/webparts/icons/word.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .xls, .cms-documents .xlsx{ background: url(images/webparts/icons/excel.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .txt {background: url(images/webparts/icons/text.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .pdf {background: url(images/webparts/icons/pdf.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .rtf {background: url(images/webparts/icons/rtf.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .ppt, .cms-documents .pptx { background: url(images/webparts/icons/powerpoint.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .eps {background: url(images/webparts/icons/eps.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .ai {background: url(images/webparts/icons/ai.gif) no-repeat 0px -1px; padding: 0 0 0 35px}
    .cms-documents .psd {background: url(images/webparts/icons/psd.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .png {background: url(images/webparts/icons/psd.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .mov {background: url(images/webparts/icons/movIcon.gif) no-repeat;padding: 0 0 0 35px}
    .cms-documents .mpg {background: url(images/webparts/icons/mpgIcon.gif) no-repeat;padding: 0 0 0 35px}



/*Careers and contacts*/
#contactform{
width: 100%;
font-size: 16px;  /* Primary font size of form. Contained elements' font size are all relative to this setting */
}


#contactform input, #contactform textarea{
width: 98%;
border-radius: 5px;
border: 1px solid gray;
font: normal 1.5em auto; /* 24px, or 16px x 1.5 */
font:Garamond, "Garamond Premr Pro", "Garamond Premr Pro Smbd"; color:#666666;
padding: 0.4166666666666667em; /* 10px, or 24px x 0.4166666666666667 */
box-shadow: 0 0 10px gray inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contactform textarea{
resize:vertical; /* allow vertical resize of textarea */
height: 200px;
}


#contactform input:focus, #contactform textarea:focus{
box-shadow: 0 0 10px green inset;
}


#contactform input[type="radio"], #contactform input[type="checkbox"]{
padding: 0;
width: auto;
height: auto;
border-radius: 0;
}

#contactform select{
width: 80%;
font-size: 1.5em;
border: 2px solid #eee;
}

#contactform .formcolumn{ /* column div inside form */
width: 49%;
float: left;
}

#contactform .formcolumn:first-of-type{
margin-right: 2%; /* 2% margin after first column */
}

#contactform .formcolumn label, #contactform .formcolumn fieldset{
font: bold 0.8em Verdana; /* font size is 12.8px, or 16 x 0.8 */
text-transform: uppercase;
display: block;
margin-top: 2em;
margin-bottom: 3px;
}

#contactform fieldset{
width: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contactform .formcolumn label:first-child, #contactform .formcolumn fieldset:first-child{
margin-top: 0; /* first label or fieldset within each column should not no top margin */
}

#contactform fieldset ul{
list-type: none;
margin: 0;
padding: 0;
}

#contactform fieldset ul li{
display: inline-block;
margin-bottom: 5px;
margin-right: 1em;
}

#contactform div.buttons{
clear: both;
text-align: center;
}

#contactform input.button{
margin-top: 1.5EM;
width: 50%;
box-shadow: 0 0 10px gray;
text-transform: uppercase;
cursor: pointer;
min-width: 100px;
max-width: 600px;
color: white;
font-weight: bold;
letter-spacing: 7px;
text-shadow: 0 -2px 1px #8a8a8a;
background: rgb(169,3,41);
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}

#contactform input.button:active{
text-shadow: 0 0 1px #8a8a8a;
background: rgb(109,0,25);
background: -moz-linear-gradient(top,  rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,0,25,1)), color-stop(56%,rgba(143,2,34,1)), color-stop(100%,rgba(169,3,41,1)));
background: -webkit-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%);
background: -o-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%);
background: -ms-linear-gradient(top,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%);
background: linear-gradient(to bottom,  rgba(109,0,25,1) 0%,rgba(143,2,34,1) 56%,rgba(169,3,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 );
}

@media screen and (max-width: 480px){ /* responsive form settings, when window width is 480px or less */

	#contactform{
	font-size: 14px; /* decrease form font size */
	}

	#contactform .formcolumn{
	width: 100%;
	float: none;
	}
	
	#contactform .formcolumn:first-of-type{
	margin-right: 0; /* remove right margin from first form column */
	}

	#contactform .formcolumn:nth-of-type(2){
	padding-top: 2em; /* add padding to top of 2nd form column, so there is a gap between the 1st and 2nd column */
	}

	#contactform select{
	width: 98%;
	}

}




 
div1
{
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#ffffff;
width:300px;
border-radius:25px;
}
/*Entire Website Content*/
body { font-size: 14px; line-height:19px; font-family: Garamond, "Garamond Premr Pro", "Garamond Premr Pro Smbd";  color:#6b7174;  }

a { color: #4372a5; text-decoration: underline; }
a:hover { text-decoration: none; }


input, textarea, select { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#f1f1f1; }
fieldset { border:0; }
h1 {
		background: #002fba;
	font-family: "Verdana";
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		
		}
h2 { font-size:28px; color:#4b4b4b; font-weight:normal; font-weight:700; padding-bottom:5px; }
h3 { font-family: Verdana, Arial, Sans-Serif; font-size:16px; color:#1473a4; line-height:18px; padding-bottom:6px; border-bottom:1px dotted #dcdcdc; margin-bottom:9px; text-shadow: 5px 5px 5px #CCCCCC;  }
h5 { font-size:10px; font-weight:normal; line-height:12px; padding-bottom:2px; }
h5 a { color:#4372a5; text-decoration:none; }
h5 a:hover { text-decoration:underline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.last { margin-right:0 !important; margin-bottom:0 !important; border-right:0 !important; border-bottom:0 !important; }

.shell { width:964px; margin:0 auto; position:relative;  }



#logo { color:#4b4b4b; font-size:22px; line-height:69px; font-weight:normal; padding:21px 0 21px 12px; height:100%; }
#logo a { color:#4b4b4b; text-decoration:none; }
#logo span { display:block; padding:1px 0 0 32px; color:#959595; font-size:12px; line-height:12px; }

/* Search Box*/
#search { position:absolute; right:22px; top:21px; background:#528cc6; border:1px solid #fbfbfb; padding:0 9px 0 0; width:191px; }
#search .field { float:left; background:#528cc6; border:0; width:150px; padding:7px 6px 7px 17px; }
#search .submit { float:left; width:18px; height:28px; background:url(images/search-submit.gif); border:0; cursor:pointer; }

/* Navigation Header Menu Bar*/
#menu {
    height:35px; background:url(images/navigation.gif) left top no-repeat; padding:0px 0 0px 0px; position:absolute; bottom:-20px; right:22px; z-index:100;
}

#nav {
    height:12px;
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    text-align:center;
    }

#nav li {
    display:inline-block;
    position:relative;
    float:left;
 
    background: #595959;
	font-size:15px; font-weight:bold; line-height:31px; height:35px;
    }

#nav li a {
    display:inline-block;
    width:104px;
    line-height:35px;
    padding:0;
    text-decoration:none;
    color:#ffffff;
	   height:35px;  text-transform:uppercase; z-index:100; position:relative;
    }
    
#nav li li {float:left; #006633;}
    
#nav li li a {display:block; width:160px;font-size:12px;}
    
#nav li:hover {background:#CCCCCC}

/*--- Sublist Styles ---*/
#nav ul {
    position:absolute;
    padding:0px;
    left:0;
   
    display:none;
    }

/*--- Hide Sub Sublists ---*/
#nav li:hover ul ul {display:none;}

/*--- Sublevel UL's display and position on hover ---*/
#nav li:hover ul {display:block; } 
#nav li li:hover ul {margin-left:200px; margin-top:-35px; display:block; }

/* Sliding Carousel*/
#slider { background:#3366cc url(images/intro.jpg) center bottom repeat-x; position:relative; z-index:10; }
#slider .shell { padding:34px 0 0 0; position:relative; background:#3366cc url(images/shell.jpg) center -7px no-repeat; z-index:10; }
.jcarousel-container { border:10px solid #528cc6; width:903px; height:258px; margin:0 auto;}
.jcarousel-clip { width:903px; height:258px; position:relative; overflow:hidden; margin:0 auto; z-index:10; }
#slider ul {  background:#fff; width:903px; height:258px; position:relative; list-style:none; overflow:hidden; }
#slider ul li { width:903px; float:left; }

#slider ul li .slide-image { float:right; width:430px; padding-top:23px; }
#slider ul li .slide-image img { border:1px solid #686868; }

#slider ul li .slide-data { float:left; width:380px; padding:28px 60px 0 29px; }
#slider ul li .slide-data p { color:#6b7174; line-height:18px; padding-bottom:19px; }
#slider ul li .slide-data .button { display:block; width:86px; height:36px; line-height:36px; font-size:13px; color:#fff; font-weight:bold; text-decoration:none; background:url(images/slider-button.gif); padding: 0 15px 0 32px; text-align:center; cursor:pointer; }

#slider .jcarousel-prev { position:absolute; top:154px; left:4px; background:url(images/slider-arrow-left.png); width:26px; height:61px; z-index:20; cursor:pointer; }
#slider .jcarousel-next { position:absolute; top:154px; left:933px; background:url(images/slider-arrow-right.png); width:30px; height:61px; z-index:20; cursor:pointer; }

#intro { background:#3366cc url(images/intro.jpg) center bottom repeat-x; padding:0 0 19px 200px; }

#intro p { color:#c2d1f0; font-size:21px; font-family: Georgia, Serif; font-style:italic; line-height:22px; margin-top:14px; background:url(images/quotes.gif) left center no-repeat; padding-left:60px; }
#intro p span {  font-size:17px; font-weight:bold; display:block; font-style:normal; }

/* Main Content*/
#main { padding:27px 0 27px 0; }

.box { border:1px solid #e9e9e9 !important; width:269px; padding:12px 16px 12px 16px; float:left; display:inline; margin: 0 27px 25px 0; border-radius:1em 2.5em 1em 2.5em; }
.box .entry { height:173px; }
.box p { line-height:19px; }

.box-image { float:left; padding:3px 6px 0 0; }
.box-image img { border:3px solid #dfdfdf; }

.blog { padding-top:3px; }
.blog ul { list-style:none; }
.blog ul li { display:block; padding-bottom:17px; border-bottom:1px dotted #dcdcdc; margin-bottom:12px; }
.blog ul li p { line-height:18px; }

.links ul { list-style:none; }
.links ul li { padding:0 0 8px 13px; margin-bottom:7px; border-bottom:1px dotted #dcdcdc; background:url(images/ul-arrow.gif) left 6px no-repeat; line-height:14px; }

#main .button { float:left; height:25px; line-height:25px; background:url(images/main-button.gif); border:1px solid #e3e3e3; color:#fff; text-decoration:none; font-size:11px; cursor:pointer; padding:0 15px; }
#main .button:hover { border-color:#999; }

#content { width:615px; float:left; display:inline; margin-right:26px; padding:14px 0 0 16px; }
#content h3 { padding-bottom:11px; margin-bottom:10px; }
#content p { line-height:18px; margin-bottom:1px; }
#main #content .button { float:right; margin-top:5px; }

/* Bottom of Page Footer*/

#footer { background:#3366cc; color:#e5e1e1;border-top:1px solid #e1e1e1; font-size:13px;  height:49px; }
#footer .shell { background:#3366cc; padding:18px 0;}
#footer a { color:#e5e1e1; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer ul { list-style:none; }
#footer ul li { float:left; padding-right:7px; margin-right:7px; border-right:1px solid #e5e1e1; height:10px; line-height:10px; }

#footer .copy { float:right; height:10px; line-height:10px; }
#footer .copy a { text-decoration:underline; color:#ffffff; }
#footer .copy a:hover { text-decoration:none; }