/****************************************************************************************

 Development: Add your Company Name here

*****************************************************************************************

 Be nice and practice standard code practices and killer CSS3
 
*****************************************************************************************

0.  CSS Reset   
1.  Basic Setup  
2.  Header Styles   
3.  Navigation and Menu Styles 
4.  Footer
5.  Carousel  
6.  Image Alignments   
7.  Globals  
8.  Inner Template   

****************************************************************************************/




/**************************************************************************************** 

0. CSS Reset  

****************************************************************************************/
body, form {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/*ol, ul {list-style: none;}*/
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}



/**************************************************************************************** 

1. Basic Setup   

****************************************************************************************/


body{
  background:#eee url(../img/bg.jpg) repeat-x 0px 0px;
  color: #373739;
  font-size: 14px;
  line-height: 1.4em;
  font-family: 'Open Sans', sans-serif;
}

#container{width:980px;padding:10px 20px;margin:0 auto;}




#banner{
  height:266px;
  margin-top:15px;
  margin-bottom:20px;
  clear:both;}
#content{}



#boxwrap{
   overflow:hidden;
   padding-bottom:25px;
   font-size:13px;
   line-height:1.45em;
}
#boxwrap ul, #boxwrap li { margin:0; padding:0; }
#boxwrap ul { margin:0 0 18px 25px; }
.box h2, 
.boxa h2,
.boxb h2{
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size:24px;
   color:#333343;

}
.boxc h2{
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   /*font-size:18px;*/
   font-size:24px;
   color:#333343;
   margin-bottom:20px;
}
.box h3,
.boxa h3,
.boxb h3{
   font-family: 'Open Sans', sans-serif;
   font-weight:300;
   font-size:14px;
   color:#333343;
   margin-bottom:30px;

}
.box h4,
.boxa h4,
.boxb h4{
   font-family: 'Open Sans', sans-serif;
   font-weight:600;
   font-size:14px;
   color:#1f81bf;
   margin-bottom:30px;

}

.box ul,
.boxa ul,
.boxb ul{margin-left:25px;}

.box li,
.boxa li,
.boxb li{
   list-style:disc;
   line-height:1.5em;
}
 
.box span,  
.boxa span,
.boxb span{position:relative;top:25px;color:#1f81bf;margin-left: 1em; padding:3px 15px; list-style:none; background:url(../img/arrow.jpg) no-repeat 0px 8px;}

.boxc span{position:relative;top:20px;color:#1f81bf;} 

.box {
   display:block;
   padding:20px 15px;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   -o-border-radius: 1em;
      border-radius: 1em;
      border:1px solid #e7e7e7;
  -moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
   box-shadow:        2px 2px 3px 1px #e2e2e2;
   background-color:#fff;
  background-image: -moz-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -webkit-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -o-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -ms-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  position:relative;
}

.boxa{
   float:left;
   display:block;
   padding:20px 15px;
   width:308px;
   min-height:300px;
   margin-right:20px;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   -o-border-radius: 1em;
      border-radius: 1em;
      border:1px solid #e7e7e7;
  -moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
   box-shadow:        2px 2px 3px 1px #e2e2e2;
   background-color:#fff;
  background-image: -moz-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -webkit-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -o-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -ms-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  position:relative;
}
.boxb{
   float:left;
   display:block;
   padding:20px 15px;
   width:308px;
   min-height:300px;
   margin-right:20px;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   -o-border-radius: 1em;
      border-radius: 1em;
      border:1px solid #e7e7e7;
  -moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
   box-shadow:        2px 2px 3px 1px #e2e2e2;
    background-color:#fff;
  background-image: -moz-radial-gradient(center center, circle cover, #fefefe 25%, #f6f6f6 75%);
  background-image: -webkit-radial-gradient(center center, circle cover, #fefefe 25%, #f6f6f6 75%);
  background-image: -o-radial-gradient(center center, circle cover, #fefefe 25%, #f6f6f6 75%);
  background-image: -ms-radial-gradient(center center, circle cover, #fefefe 25%, #f6f6f6 75%);
  background-image: radial-gradient(center center, circle cover, #fefefe 25%, #f6f6f6 75%);
  position:relative;
}
.boxa .productlogo, .boxb .productlogo {
	position:absolute;
	top:10px;
	right:10px;
	}
.boxc{

   float:left;
   display:block;
   padding:20px 15px;
   width:225px;
   min-height:300px;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   -o-border-radius: 1em;
      border-radius: 1em;
      border:1px solid #e7e7e7;
  -moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
   box-shadow:        2px 2px 3px 1px #e2e2e2;
    background-color:#fff;
  background-image: -moz-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -webkit-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -o-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: -ms-radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);
  background-image: radial-gradient(center center, circle cover, #fefefe 45%, #f6f6f6 75%);

}
.boxb img.alignright{position:relative;top:-15px;left:-10px;}


a { text-decoration: none; 
    color: #1f81bf;
  

}
a:hover {

    text-decoration: none;
    color: #555;
   

}
a img { border: none; }

h1 {font-size: 50px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}

h1 {
margin: 50px 0 0 0;
}

h2 {
margin: 0 0 5px 0;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
/*ul li {list-style: none;}*/

th,td {
border: 0 solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 15px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}
img{border:none;}

.button{
   border: 1px solid #c92e33;
   background-color:#c92e33;
   border-radius: 8px;
   box-shadow: outset 0 1px 3px #c92e33, outset 0 -5px 15px #c92e33, 0 2px 1px #c92e33;
   -o-box-shadow: outset 0 1px 3px #c92e33, outset 0 -5px 15px #c92e33, 0 2px 1px #c92e33;
   -webkit-box-shadow: outset 0 1px 3px #c92e33, outset 0 -5px 15px #c92e33, 0 2px 1px #c92e33;
   -moz-box-shadow: outset 0 1px 3px #c92e33, outset 0 -5px 15px #c92e33, 0 2px 1px #c92e33;
   color: white;
   text-shadow: 0 1px 1px black;
   padding: 5px 10px;
   cursor:pointer;
   clear:right;
   font-size:14px;
   display:inline-block;
}

/**************************************************************************************** 

2. Header

****************************************************************************************/

#header{height:115px;}

#header-right{float:right;}
#header-left{float:left;position:relative;top:-20px;left:0;}

#header-right span{position:relative;top:-5px;left:5px;}
#header-right li{float:left;margin:2px 5px;}
#header-right li a{color:#333030}

#logo{float:left;}

/**************************************************************************************** 

3. Menu

****************************************************************************************/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	line-height:	1.0;
	clear:right;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; 
	background:#f1f1f1;
}
.sf-menu ul li {
	width:			100%;
	background: none;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; 
	/*z-index:		99;*/
	z-index:		100001;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; 
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em;
	top:			0;
}

.sf-menu {
	float:right;
	position:relative;
	top:30px;
	/*left:-40px;*/
	margin-bottom:	1em;
	
}
.sf-menu a {
	padding: 		.75em 2em;
	text-decoration:none;
	text-transform:uppercase;
}
.sf-menu li li a { padding:.75em; }

.sf-menu a, .sf-menu a:visited  { 
	color:#082d40;
}
.sf-menu li {
	background:none;
}
.sf-menu li li {
	background: #f1f1f1;
}
/*
.sf-menu li li li {
	background: #f1f1f1;
}
*/
.sf-menu li li:hover {
	background-color:#fafafa;
	}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: none repeat scroll 0 0 none;
	outline:		0;
	color:			#333;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/dwn-arr.png') no-repeat 100px 60px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	
}

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	background:		url('../img/slide-arr.png') no-repeat 100px 60px;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/**************************************************************************************** 

4. Footer

****************************************************************************************/


#footer {
	clear:both;
	margin-bottom: 20px;
	background:url(../img/footer-bg.jpg) repeat-x 0px 0px;
	padding:10px;
	/*height:292px;*/
}
#colophon {
	
	overflow: hidden;
	padding: 18px 0;
	margin-bottom:20px;
}
#colophon .boxright{
    float:right;
    width:490px;
}
#colophon .boxleft{
   float:left;
   width:490px;
}
#colophon .boxright h2,
#colophon .boxleft h2{padding-top:10px;width:420px;line-height:1.5em;}

#colophon .boxright h3{
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size:18px;
   color:#333343;
   margin-bottom:5px;
}

#bottom ul       { margin: 0px; padding: 0px; }
.bottombox       { float: left; width: 230px; margin:0px 10px 0px; list-style: none; min-height:230px;border-right:1px solid #333; }
.bottombox ul    { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
.bottombox li    { list-style-type: none; margin: 0; padding: 0; }
.bottombox ul li { padding:0; line-height:1.25em; }

.bottombox ul li a {
    color: #33c2e6; 
    display:block;
    padding:4px;
    font-weight:normal;
    font-size:13px;
     -webkit-transition-timing-function: ease-out;
   -webkit-transition-duration: 500ms;
   -moz-transition-timing-function: ease-out;
   -moz-transition-duration: 500ms;
     
}
.bottombox ul li a:hover {
    color: #fff;
     -webkit-transition-timing-function: ease-out;
   -webkit-transition-duration: 500ms;
   -moz-transition-timing-function: ease-out;
   -moz-transition-duration: 500ms;

}
.bottombox p {

    padding: 5px 0px;
    margin: 0;
    line-height: 150%;

}
.bottombox table {

    width: 100%;
    text-align: center;

}

h3.bottile { color:#fff;margin-bottom:5px;}

.bottomboxlast{ float: left; width: 200px; list-style: none; min-height:230px;}

.bottomboxlast ul li a {
    color: #33c2e6; 
    display:block;
    padding:4px 0px;
    float:left;
    margin-right:10px;
    font-weight:normal;
    font-size:13px;
     -webkit-transition-timing-function: ease-out;
   -webkit-transition-duration: 500ms;
   -moz-transition-timing-function: ease-out;
   -moz-transition-duration: 500ms;
     
}
.bottomboxlast ul li a:hover {
    color: #fff;
     -webkit-transition-timing-function: ease-out;
   -webkit-transition-duration: 500ms;
   -moz-transition-timing-function: ease-out;
   -moz-transition-duration: 500ms;

}
.bottomboxlast .left{float:left;display:block;}

.bottomboxlast #copyright{
   color:#e3e6e8;
   font-size:13px;
   margin-right:15px;
   margin-top:15px;
   margin-left:9px;
   line-height:1.25em;
}

.bottomboxlast #menu-footer-last{margin-left:9px;}
.bottomboxlast #menu-footer-last{list-style:none; }



.clear {
   clear: both;
   display: block;
   font-size: 0;
   height: 0;
   line-height: 0;
   width: 100%;
}

/**************************************************************************************** 

5. Carousel

****************************************************************************************/

#carousel{
   height:100px;
   clear:both;
   margin-bottom:20px;
   background:url(../img/carousel2.jpg) no-repeat 0px 0px;
}


/**************************************************************************************** 

6. Image Alignments

****************************************************************************************/


/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


img.bio-photo { 
	float:left;
	margin:10px;
	}


/**************************************************************************************** 

7. Globals

****************************************************************************************/


ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

.left { float:left; }
.right { float:right; }
.clearfix:before,.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
	}
.aside-bar {
	width:200px;
	margin:20px;
	margin-top:0;
	}
.aside-bar.left {
	margin-left:0;
	}

.aside {
	background: #f9f9f9;
	border: 1px solid #f0f0f0;
	border-radius: 1em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		-o-border-radius: 1em;
	box-shadow: 0px 0px 10px #e1e1e1;
		-moz-box-shadow:    2px 2px 3px 1px #e1e1e1;
		-webkit-box-shadow: 2px 2px 3px 1px #e1e1e1;
	margin: 20px;
	padding: 10px;
	width: 200px;
	font-size: .8em;
	line-height: 1.5em;
}
.aside-col { 
	width:200px;
	padding-left:1em;
}
.aside-col .aside { 
	width:auto;
	margin-left:0;
	}
.left .aside { margin-left:0; }
.aside-bar .aside { width:auto; }
.sidebar-box {
	padding:20px 15px;
	border:1px solid #ddd;
	border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-o-border-radius: 7px;
	box-shadow:        0 0 5px 1px #efefef;
		-moz-box-shadow:    0 0 5px 1px #efefef;
		-webkit-box-shadow: 0 0 5px 1px #efefef;
	background-color:#fff;
	background-image: radial-gradient(center center, circle cover, white 50%, #f6f6f6 200%);
		background-image: -moz-radial-gradient(center center, circle cover, white 50%, #f6f6f6 200%);
		background-image: -webkit-radial-gradient(center center, circle cover, white 50%, #f6f6f6 200%);
		background-image: -o-radial-gradient(center center, circle cover, white 50%, #f6f6f6 200%);
		background-image: -ms-radial-gradient(center center, circle cover, white 50%, #f6f6f6 200%);
}
.side-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.side-nav li {
	margin:10px 0;
	}
	
.form-row {
	margin:20px 0;
	}

/****
 * 8. Inner Template
 **/
.body-container { 
	background-color:#fff;
	border-radius: 1em;
		 -webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		-o-border-radius: 1em;
	border:1px solid #e7e7e7;
		-moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
		-webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
		box-shadow:        2px 2px 3px 1px #e2e2e2;
	margin:20px 0;
	padding:18px;
}
.body-head {
	border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
	background:url(/assets/img/bg_header-title.jpg) center center #1f3845;
	color:#fff;
	margin-bottom:20px;
	padding:19px 15px;
	position:relative;
}
.body-head h1, .body-head h2 {
	margin:0;
	line-height:1em;
}
.body-head h1 {
	font-size:38px;
	line-height:1.2em;
	}
.body-head h2 {
	font-size:16px;
	font-weight:normal;
}
.body-head img { 
	position:absolute;
	top:16px;
	right:10px;
	}
.left { float:left; }
.right { float:right; }
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.two-col-left .col1 {
	width:698px;
	margin-right:24px;
	overflow:hidden;
}
.two-col-left .col2 {
	width:218px;
}

.col2 form {
	background-color:#077fb4;
	border:1px solid #08638b;
	border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-o-border-radius:8px;
	color:#fff;
	margin:20px 0;
	padding:11px;
	}
.col2 form label { display:block; }
.col2 form .form-row { margin:14px 0; }
.col2 form h2 { margin:0 0 10px 0; }
.col2 form input[type=text], .col2 form textarea { 
	background-color:#fff;
	border:1px solid #08638b;
	box-shadow: inset 2px 2px 3px 1px #e2e2e2;
		-moz-box-shadow: inset 2px 2px 3px 1px #e2e2e2;
		-webkit-box-shadow: inset 2px 2px 3px 1px #e2e2e2;
	padding:5px;
	width:174px;
}
.lead {
	color:#999;
	font-size:21px;
	line-height:30px;
	font-weight:200;
	margin-top:0;
	}
.flags { list-style:none; }
.flags li a { vertical-align:middle; }
.col2 .box { margin:10px 0; }
/*
.box{
   float:left;
   display:block;
   padding:20px 15px;
   margin:10px 0;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   -o-border-radius: 1em;
      border-radius: 1em;
      border:1px solid #e7e7e7;
  -moz-box-shadow:    2px 2px 3px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 3px 1px #e2e2e2;
   box-shadow:        2px 2px 3px 1px #e2e2e2;
   background-color:#fff;
  background-image: -moz-radial-gradient(center center, circle cover, #fff 45%, #f6f6f6 75%);
  background-image: -webkit-radial-gradient(center center, circle cover, #fff 45%, #f6f6f6 75%);
  background-image: -o-radial-gradient(center center, circle cover, #fff 45%, #f6f6f6 75%);
  background-image: -ms-radial-gradient(center center, circle cover, #fff 45%, #f6f6f6 75%);
  background-image: radial-gradient(center center, circle cover, #fff 45%, #f6f6f6 75%);
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	margin:8px 0;
	font-size:16px;
	text-align:center;
	}
*/