@charset "utf-8";
/* CSS Document */
a:focus { 
    outline: none; 
}
html{
background:url(../imgs/bg-0.gif) #f3fe01 top left no-repeat;
}
body
{
font-family:Arial, Helvetica, sans-serif;

}
img
{
border:0px;
}
.body
{
margin:0px;
padding:0px;
background:url(../imgs/bg-0.gif) #f3fe01 top left no-repeat;
}
#main
{

margin-top:40px;
width:100%;
position:relative;

}
#main #head
{
top:0px;
left:210px;
position:absolute;
width:300px;

}
#main #headInView
{
top:0px;
left:25px;
position:absolute;
width:300px;

}
#main #navigationBox
{
/* background image defined */
position:relative;


}
#main #navigationBox DIV.navElements
{
position:absolute;
top:120px;
left:40px;
width:300px;

text-align:right;
}
#main #navigationBox DIV.navElements img
{
border:0px;
}
#main #navigationBox DIV.navElements p.web
{
margin:0px 0px 10px 0px;
padding:0px;

}
#main #navigationBox DIV.navElements p.iphone
{

margin:0px 0px 3px 0px;
padding:0px;

}
#main #navigationBox DIV.navElements p.print
{
margin:0px 0px 5px 0px;
padding:0px;
}
#main #navigationBox DIV.navElements p.thoughts
{

margin:0px 0px 9px 0px;
padding:0px;
}
#main #navigationBox DIV.navElements p.skitch
{

margin:0px 0px 0px 0px;
padding:0px;
}
#main #navigationBox DIV.navElements p.links
{

margin:0px;
padding:0px;
}
#main #navigationBox DIV.navElements DIV.twitterBox
{
margin-top:50px;
text-align:left;
padding-left:73px;
}
#main #navigationBox DIV.navElements DIV.subLinks
{
font-size:18px;
color:#ffffff;
text-align:left;
padding-left:73px;
margin-top:30px;
}
#main #navigationBox DIV.navElements DIV.subLinks a:link,#main #navigationBox DIV.navElements DIV.subLinks a:visited,#main #navigationBox DIV.navElements DIV.subLinks a:hover
{
color:#ffffff;
text-decoration:none;
}
#subsectionsBlock
{
position:absolute;

width:650px;
left:360px;
top:125px;
overflow:hidden;
height:385px;
}
#subsectionsBlock #block1
{
width:650px;
overflow:hidden;
position:absolute;
top:0px;
left:650px;
height:385px;
}
#subsectionsBlock #block2
{
width:650px;
overflow:hidden;
position:absolute;
top:0px;
left:900px;
height:385px;
}
#subsectionsBlock #block3
{
width:650px;
overflow:hidden;
position:absolute;
top:0px;
left:1350px;
height:385px;
}
#subsectionsBlock #block4
{
width:650px;
overflow:hidden;
position:absolute;
top:0px;
left:1800px;
height:385px;
}
#subsectionsBlock #block5
{
width:650px;
overflow:hidden;
position:absolute;
top:0px;
left:2250px;
height:385px;
}
#subsectionsBlock #block5 h2
{
color:#584c58;
}
#subsectionsBlock #block5 p
{
line-height:150%;

}
#subsectionsBlock #block5 p a:link,#subsectionsBlock #block5 p a:visited,#subsectionsBlock #block5 p a:hover
{
font-weight:bold;
}
#subsectionsBlock #featured
{
position:absolute;
width:650px;
height:385px;
top:0px;
left:0px;
}
#subsectionsBlock p
{
width:200px;
margin:0px 7px 7px 0px;
position:relative;
padding:0px;
float:left;
}
#subsectionsBlock p span
{
position:absolute;
bottom:0px;
left:0px;
z-index:100;
width:192px;
font-size:11px;
color:white;
padding:2px 4px 2px 4px;
background:url(../imgs/titleBG.png) top left;
text-decoration:none;
}
#arrowBox
{
position:absolute; 
left:50px; 
top:-100px;
color:#ffffff;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;

}

#subsectionsBlock DIV.linkElement
{
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px;
width:100%;
border-bottom:1px dotted #584c58;
}
#subsectionsBlock DIV.linkElement h2
{
font-size:22px;
font-weight:normal;
color:#a147a3;
margin:0px 0px 10px 0px;
padding:0px;

}
#subsectionsBlock DIV.linkElement p
{
float:none;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
line-height:140%;
color:#584c58;
}
#subsectionsBlock DIV.linkElement p a:link, #subsectionsBlock DIV.linkElement p a:visited,#subsectionsBlock DIV.linkElement p a:hover
{
color:#584c58;
text-decoration:underline;
}

/* start orphan style */
#subsectionsBlockOrphan DIV.linkElement
{
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px;
width:100%;
border-bottom:1px dotted #584c58;
}
#subsectionsBlockOrphan DIV.linkElement h2
{
font-size:22px;
font-weight:normal;
color:#a147a3;
margin:0px 0px 10px 0px;
padding:0px;

}
#subsectionsBlockOrphan DIV.linkElement p
{
float:none;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
line-height:140%;
color:#584c58;
}
#subsectionsBlockOrphan DIV.linkElement p a:link, #subsectionsBlockOrphan DIV.linkElement p a:visited,#subsectionsBlockOrphan DIV.linkElement p a:hover
{
color:#584c58;
text-decoration:underline;
}
/* end */
#subsectionsBlock DIV.thoughtElement
{
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px;
width:100%;
overflow:hidden;
}
#subsectionsBlock DIV.thoughtElement img
{
float:left;
margin-right:10px;
}
#subsectionsBlock DIV.thoughtElement p, #subsectionsBlock DIV.thoughtElement p a:link, #subsectionsBlock DIV.thoughtElement p a:visited
{
float:left;
font-size:11px;
color:#584c58;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
text-decoration:none;
}
#subsectionsBlock DIV.thoughtElement DIV.fltLFT
{
float:left;
}
#subsectionsBlock DIV.thoughtElement p a:hover
{

font-size:11px;
color:#584c58;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
text-decoration:underline;
}
#subsectionsBlock DIV.thoughtElement h2
{

font-size:12px;
font-weight:normal;
margin:0px 0px 3px 0px;
padding:0px;
color:#584c58;
}
DIV.supportText
{
background-color:#CCCCCC;
padding:10px;
font-size:12px;
line-height:150%;
color:#000000;
}
DIV.supportText h2
{
margin:0px 0px 10px 0px;
font-size:15px;
font-weight:normal;
padding:0px;
color:#000000;
}
DIV.supportText  a:link, DIV.supportText a:visited,DIV.supportText  a:hover
{
color:#3399CC;
text-decoration:underline;
}
DIV.supportText p
{
color:#000000;
}

DIV.infoMain
{
position:absolute;
width:700px;
top:70px;
left:240px;
margin:0px;
padding:10px 10px 10px 10px;

}
DIV.infoMain h2
{
color:#584c58;
font-size:20px;
font-weight:normal;
margin:0px 0px 20px 0px;
padding:0px;
}
DIV.infoMain p
{

line-height:150%;
}
DIV.infoMain img
{
float:left
}
#subsectionsBlock DIV.listViewBox
{
width:100%; 
height:25px; 
margin-bottom:3px; 
text-align:right;
}
#subsectionsBlock DIV.listViewBox a:link, DIV.listViewBox a:visited, DIV.listViewBox a:hover
{
color:#000000;
font-size:12px;
text-decoration:none;
}
