/*************************************************
	practical.is
*************************************************/

/* Note that some of these styles are overriding the ones in Blueprint */

html { height: 100%; margin-bottom: 1px; }

body {
	color: #222;
	font-family: Arial, Helvetica,sans-serif;
	font-size:68.75%;
	margin:0px;
	padding:0px;

}

h1,h2,h3,h4,h5,h6 {
	color: #111;
	font-family: Arial, Helvetica,sans-serif;
	padding-top:0px;
	text-align: left;
}

h1,h2,h3{
	text-transform: uppercase;
	text-align: left;
}

h4{
	color:#ce1141;
}

.redText{
	color:#ce1141;
}

.whiteText{
	color:#fff;
}

.strong{
	text-transform: uppercase;
}

/* Used only provide a border outside of the blueprint container */
.outerContainer {
	width: 972px;
	margin: 0 auto;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

.container{
	width:950px;
	padding-bottom:1em;
}

/* Fixes the extra space below the header in Firefox */
#Header{
	overflow:hidden;
}

#Header.big{
	height:387px;
}

#Header.small{
	height:220px;
}

#FlashUpgrade{
    font-size:1.2em;
    padding:20px;
}

#Content{
	padding:4em 30px 10px 20px;
	/*text-align: justify;*/
	font-size:1em;
}

#Footer{
	color:#666666;
	padding:30px 30px 0px 20px;
	font-size:0.91em;
}

#FooterLogos{
    float:right;
    padding:27px 0px;
}

#FooterLogos img{
    padding-left:30px;
}

/* LINK */

a:link, a:visited{
	color:#ce1141;
	text-decoration:none;
}

a:hover{
	background-color:#ce1141;
	color:white;
}

/* Right column styles

    1 = red / gray
    2 = red / black
    3 = white / white
    4 = Nothing (for image only)
    5 = Currently same as 4
    6 = red / bordered white

*/

.extra1, .extra2, .extra3, .extra4, .extra5, .extra6, .extra7{
	padding-top:1em;
}

.extra1 .top{
	background-color:#ce1141;
}

.extra2 .top{
	background-color:#ce1141;
}

.extra3 .top{
	background-color:#fff;
}

.extra4 .top{
	/* never displayed */
}

.extra5 .top{
	background-color:#888;
}

.extra6 .top{
	background-color:#ce1141;
}

.extra7 .top{
	/* never displayed */
}

.extra1 .top H3,
.extra2 .top H3,
.extra3 .top H3,
.extra4 .top H3,
.extra5 .top H3,
.extra6 .top H3,
.extra7 .top H3{
	font-weight:bold;
	padding-left:20px;
	padding-right:10px;
	line-height: 1;
	padding-top: 1.95em;
	padding-bottom: 0.70em;
	margin:0;
	color:white;
}

.extra3 .top H3{
	color:#444;
}


.extra1 .content{
	background-color:#eeeeee;
	padding:1em 20px 1em 20px;
	position:relative;
}

.extra2 .content{
	background-color:#000000;
	color:#fff;
	padding:1em 20px 1em 20px;
	position:relative;
}

.extra3 .content{
	padding:1em 20px 1em 20px;
	position:relative;
}

.extra4 .content{
	padding:0;
	margin:0;
	position:relative;
}

.extra4 .content img{
	margin:0;
	display:block;
}

.extra5 .content{
	padding:1em 20px 1em 20px;
	position:relative;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

.extra6 .content{
	padding:1em 20px 1em 20px;
	position:relative;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

.extra7 .content{
	padding:1em 20px 1em 20px;
	position:relative;
	border:1px solid #d0d0d0;
}

.extra1 h1,
.extra2 h1,
.extra3 h1,
.extra4 h1,
.extra5 h1,
.extra6 h1{
	text-transform:uppercase;
}


.serviceLinks{
    margin-top:0em;
    padding:0em;
}

.serviceLinks ul{
    padding:0;
    margin:0;
    list-style:none;
}

.serviceLinks li{
    padding:0;
    margin:0;
    list-style:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    clear:both;
}

.serviceLinks li a:link,
.serviceLinks li a:visited{
    display:block;
    background-color:#ce1141;
    color:#fff;
    float:left;
    padding:0.3em 1em;
    margin:0 0 0.45em 0;
}

.serviceLinks li a:hover{
    background-color:#5B5C5E;
}

.galleryContainer{
    padding-top:1em;
    margin-bottom:-10px;
    width:960px;
    float:left;
}

.galleryThumbnail{
    float:left;
    padding:0px 10px 10px 0px;
}

.galleryThumbnail img{
    padding:0px;
    margin:0px;
    display:block;
    cursor:pointer;
}




.staffImage{
    position:relative;
	float:left;
	padding:0px;
	margin:-187px 0px 0px 240px;
}

p{
	margin:0px;
	padding:0px;
}

/* This line shows the grid.  Handy for development */
/*.container { background: url(/css/blueprint/lib/grid.png); }*/



.generic_form{
    padding:0;
    margin:0;
    width:100%;
}

.generic_form input{
    width:100%;
    margin:0 0 1em 0;
    padding:0;
    font-size:11px;
    font-family: Arial, Helvetica,sans-serif;
}

.generic_form textarea{
    width:100%;
    height:70px;
    margin:0 0 1em 0;
    padding:0;
    font-size:11px;
    font-family: Arial, Helvetica,sans-serif;
    background-color:#fff;
}


#LanguageSelection{
    position:absolute;
    margin-left:305px;
    margin-top:16px;
}

#TopSocialNetworkLinks{
    position:absolute;
    margin-left:405px;
    margin-top:16px;
}

#LanguageSelection a,
#TopSocialNetworkLinks a{
	display:block;
    float:left;
    padding-right:5px;
    margin-top:-4px;
}




#LanguageSelection a:link,
#LanguageSelection a:visited,
#LanguageSelection a:hover,
#TopSocialNetworkLinks a:link,
#TopSocialNetworkLinks a:visited,
#TopSocialNetworkLinks a:hover
{
    background-color:transparent;
}

#SocialBookmarks{
    list-style:none;
    margin:50px 0px 0px 0px;
    padding:0px;
}

#SocialBookmarks li{
    float:left;
    padding-right:5px;
}

#SocialBookmarks a:link,
#SocialBookmarks a:visited,
#SocialBookmarks a:hover{
    background-color:transparent;
}


.redTimeline{
	background-image: url("/images/layout/redTimeline.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:2.5em;
	position:relative;
}

.grayTimeline{
	background-image: url("/images/layout/grayTimeline.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:2.5em;
	position:relative;
}

.timeline{
	position:relative;
	top:-.5em;
}

.timeline h3{
	color:#d9dada;
	font-size: 1.5em;
	font-weight:bold;
	margin-bottom:0em;
}

.timeline p{

}

.timelineWrapper{
	position:relative;
	padding-top:8em;
	padding-bottom:6em;
}


/* Overwrite blueprint */
p img {
	margin:.4em 1.5em 1.5em 0;
	float:left;
}