body {

/* background:url('images/background.gif') #fff center top no-repeat; */

font-family:calibri, arial, verdana, sans-serif, helvetica;
font-size:14px;
line-height:130%;
color: #000;
}

		input, textarea, select  {
		font-size:14px;
line-height:130%;
		color:				#000;
		border:1px solid #aaaaaa;
	  	padding:2px;
	  	background:#ffffff url(images/inputBg.gif) top left no-repeat;
	  	margin-top:2px;
		}

h1, h2, h3, h4, h5 {

    color: #a53985;
    margin: 0px;
}


h1 {
    font-size:15px;
}

h2 {
    font-size:15px;
}

h3 {
    font-size:15px;
}

h4 {
    font-size:15px;
}

h5 {
    font-size:15px;
}

a {

font-size:14px;
line-height:130%;
color: #000;
text-decoration: underline;
}

a .none {
	border:none;
}

a:hover {

font-size:14px;
line-height:130%;
color: #000;
text-decoration: none;

}

.active{
font-size:14px;
line-height:130%;
font-weight:bold;
}



#wrapper {

background:url('sky.jpg') #fff center top repeat-x;
}

#header {
margin: 0px auto;
width:800px;
height:260px;
margin-top:-9px;
background:url('Clarity_Header.png');
}

#headerblue {
margin: 0px auto;
width:800px;
height:260px;
margin-top:-9px;
background:url('blueprint_header.png');
background-repeat:no-repeat;
}

a#home{display:block; width:800px; height:200; padding-top:10px; overflow:hidden; /*position:absolute;*/}
 html a#home{height:200px;}
a#home {/*left:450px;*/ top:10px; background:transparent; }

/*.headstrapline { 
float:right;
margin-top:-20px;
margin-right:150px;

color:#c246a6;
}*/

/*#middle{
width:800px;
height:200px;
background:url(images/sofa.jpg);
}*/

#navigation{
width:800px;
height:42px;
margin-top:0px;
margin-bottom:10px;
margin: 0px auto;
}

#navigation ul{
margin-top:6px;
list-style: none;
padding: 0;
margin: 0;
}

#navigation li{
float: left;
margin: 0 0.15em;
}


#navigation li a
{

padding-left:5px;
height: 2em;
line-height: 2em;
float: left;
width: 7.5em;
display: block;

color: #000;
text-decoration: none;
text-align: center;
}

#navigation li a:hover 
{

padding-left:5px;
height: 2em;
line-height: 2em;
float: left;
width: 7.5em;
display: block;
background-color:#38539a ;
color: #fff;
text-decoration: none;
text-align: center;
}

#navigation li.selected{
float: left;
margin: 0 0.15em;
}
#navigation li.selected  a
{

padding-left:10px;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
background-color:#38539a;
color: #fff;
text-decoration: none;
text-align: center;
}
#navigation li.selected  a:hover 
{

padding-left:10px;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
background-color:#38539a ;
color: #fff;
text-decoration: none;
text-align: center;
}


#contentwrapper{
width:800px;
font-size:14px;
line-height:130%;
margin:0px auto;

}

#main-content{
	width:400px;
	float:left;
	font-size:14px;
line-height:130%;
	
}

#sub-content{
	width:175px;
	float:left;
	margin-left:10px;
	font-size:14px;
line-height:130%;
}

#navigations{
	width:175px;
	float:left;
	margin-left:10px;
	margin-right:-3px;
}

/* Start of Column CSS */
#container3 {
	/* clear:left;
	float:left; */
	width:800px;
	overflow:hidden;
	background:#fff; /* column 3 background colour */
	font-size:14px;
line-height:130%;
margin: 0px auto;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	background:#fff; /* column 2 background colour */
	font-size:14px;
line-height:130%;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	background:#fff; /* column 1 background colour */
	font-size:14px;
line-height:130%;
}
#col1 {
	float:left;
	width:38.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}
#col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}
#col3 {
	float:left;
	width:18.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}

#container33 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background-color:#c246a6;
	font-size:14px;
line-height:130%;
}
#container22 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
background-color:#c246a6;
font-size:14px;
line-height:130%;
}
#container11 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
background-color:#c246a6;
font-size:14px;
line-height:130%;
}
#col11 {
	float:left;
	width:38.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}
#col22 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}
#col33 {
	float:left;
	width:18.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
	font-size:14px;
line-height:130%;
}

.clear {
    clear: both;
}

.black{
color:#000;
}

.purple{
color:#000;

}

.pink{
color:#a53985;
}

.bold{
	font-weight:bolder;
}

#leftcol{
float:left;
padding-left: 15px;
width:560px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#rightcol{
float:right;
padding-right: 10px;
width:200px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#rightcolblue{
float:right;
padding-left: 15px;
width:560px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#leftcolblue{
float:left;
padding-right: 10px;
width:200px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#rightcolcontact{
float:right;
padding-left: 15px;
margin-left:10px;
width:480px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#leftcolcontact{
float:left;
padding-right: 10px;
width:300px;
font-size:14px;
line-height:130%;
}

#rightcolipad{
float:right;
/*padding-left: 15px;*/
width:245px;
min-height:245px;
font-size:14px;
line-height:130%;
}

#leftcolipad{
float:left;
padding-right: 10px;
width:245px;
min-height:245px;
font-size:14px;
line-height:130%;
}

#back{
float:right;
padding-right: 10px;
width:100px;
line-height:130%;
}

#onecol{
float:left;
/*padding-left: 15px;*/
width:800px;
min-height:200px;
font-size:14px;
line-height:130%;
}

#imac{
	width:720px;
	height:575px;
	background-image:url(images/blueprint_quicktime_4.gif);
	background-repeat:no-repeat;
	padding:55px 0px 0px 80px;
	clear:both;	
}

#quicktime{
	width:725px;
	height:460px;
	background-image:url(images/blueprint_quicktime.gif);
	background-repeat:no-repeat;
	padding:105px 0px 0px 75px;
	clear:both;
}

#screen{
	width:720px;
	height:510px;
	background-image:url(images/blueprint_quicktime_5.gif);
	background-repeat:no-repeat;
	padding:65px 0px 0px 80px;
	clear:both;
}

#macbook{
	width:719px;
	height:460px;
	background-image:url(images/blueprint_quicktime_3.gif);
	background-repeat:no-repeat;
	padding:55px 0px 0px 81px;
	clear:both;

}

#tv{
	width:720px;
	height:480px;
	background-image:url(images/blueprint_quicktime_2.gif);
	background-repeat:no-repeat;
	padding:45px 0px 0px 80px;
	clear:both;
}

#bprint{
	padding-left: 15px;
	width:785px;
	font-size:14px;
	line-height:130%;
}

#footleft{
margin-left:300px;
margin-top:-20px;
font-size:14px;
line-height:130%;
}

#footright{
margin-left:600px;
margin-top:-20px;
font-size:14px;
line-height:130%;
}

#footer {
width:800px;
color:#fff;
/*background-color:#c246a6;*/
background:url(images/footer.gif);
min-height:420px;
padding:0px;
/*min-height:50px;
padding:10px;*/
clear:both;
font-size:14px;
line-height:130%;
}

#footer2 {
margin: 0px auto;
width:800px;
height:400px;
background:url(sky3.jpg);
background-repeat:repeat-x;
background-position:center;
}

#quay {
margin: 0px auto;
width:800px;
height:400px;
background:url(ClarityFooterB.png);
background-repeat:no-repeat;
background-position:center;
z-index:5;
}

#white {
margin: 0px auto;
width:800px;
height:400px;
background:url(ClarityFooterA.png);
background-repeat:no-repeat;
background-position:center;
z-index:10;
}

#footer a{
color:#fff;
font-size:14px;
line-height:130%;
}

#footmap{
position:relative;
margin-left:250px;
font-size:14px;
line-height:130%;
}

.foot{
padding-left:40px;
padding-top:15px;
float:left;
font-size:14px;
line-height:130%;
}

#footcopy{
padding-right:40px;
padding-top:15px;
float:right;
color:#fff;
font-size:14px;
line-height:130%;
}

/*Form Stylings*/

#form{
	width:550px;
	/*color:#FFF;*/
}
#formtop{
	height:9px;
	width:550px;
	background-image:url(images/form-top.jpg);
	background-repeat:no-repeat;
}
#formmiddle{
	width:550px;
	background-image:url(images/form-single.jpg);
	background-repeat:repeat-y;
	padding-left:10px;
}
#formbtm{
	height:7px;
	width:550px;
	background-image:url(images/form-btm.jpg);
	background-repeat:no-repeat;
}

.white{
color:#fff;
}

/** Style the tweets */
#tweetcont {
	width:370px; 
	height:200px; 
	float:left; 
	padding-top:150px;
	position:absolute;
}

#tweettop {
	width:330px;
	height:7px;
	float:right;
	clear:right;
	background-image:url(images/tweet_01.png);
	background-repeat:no-repeat;
	padding: 0px 10px 0px 5px;
}

#tweetbtm {
	width:330px;
	height:7px;
	float:right;
	clear:right;
	background-image:url(images/tweet_05.png);
	background-repeat:no-repeat;
	padding: 0px 10px 2px 5px;
}

#tweeti {
	width:330px; 
	float:right;
	clear:both;
	background-image:url(images/tweet_03.png);
	background-repeat:repeat-y;
	padding: 0px 10px 2px 5px;
}

#tweet {
	width:310px;
	padding-right:15px;
	padding-left:5px;
}

#tweet ul {
  list-style: none;
  padding: 0;
}

.twitterPrefix {
  font-weight: bold;
  color: #a53985;
}

.twitterTime {
  font-style: italic;
  color: #a53985;
}