body {
   
	
	background: #000000 url(IMG/waterblackreds2.jpg) no-repeat scroll center top;
	
    font-family: Verdana, Helvetica, san-serif;
	font-size: 11px;
	text-align: center;
	line-height: 13pt;
	color: #999999;
	margin: 0px;
}



a:link {color:#999999;
text-decoration: none;
}

a:hover {color: #2aabd2;
text-decoration: none;
}

a:visited {color: #2aabd2;
text-decoration: none;
}

a:focus, a:hover, a:active { outline:none }  
)

.smtext {
font-size: 9px;
color: #737373;
}

.bold {
font-weight: bold;
}

.boldbig {
font-weight: bold;
font-size: 14px;
}

.large {
padding: 0 0 20px;
font-size: 15px;
color: #999999;
}

.medtext {
padding: 0 0 20px;
font-size: 12px;
color: #999999;
}

.largeblue {
padding: 0 0 20px;
font-size: 15px;
color: #2aabd2;
}

.gold {
padding: 0 0 20px;
font-size: 15px;
color: #DFB200;
}

.goldtext {
padding: 0 0 20px;
font-size: 11px;
color: #DFB200;
}


.linkblue {
padding: 0 0 20px;
font-size: 11px;
color: #2aabd2;
text-decoration: underlined;


}

#socialspace {
width: 100px;
height: 6px;
background-color: transparent;
}


.blue12 {
padding: 0 0 20px;
font-size: 14px;
font-weight: bold;
color: #2aabd2;
text-decoration: underlined;
}

.largegrey {
padding: 0 0 20px;
font-size: 16px;
color: #cccccc;
}

img {
border: 0px;
}



h1 {
padding: 0 0 0px;
font-size: 16px;
color: #FFFFFF;
}

h2{
padding: 0 0 0px;
font-size: 15px;
color: #2aabd2;
	}

h3{
	color: #ffffff;
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	padding: 0 0 0 25px;
	background-image: url("images/bullet.jpg");
	background-repeat: no-repeat;
	background-position: 0 1px;
}


#topstrip {
width: 100%;
height: 30px;
margin-top: 2px;
padding: 0px;
background-color: #000000;
text-align: right;
color: #2aabd2;
}

#storeicon { 
	width: 880px;
	height: 1px;
	padding: 0px;
	text-align: right;
	background: transparent;
	background-repeat: no-repeat;
	color: #999999;
	font-size: 12px;
	margin: 0px auto;
	margin-right: 14px;
    margin-top: 10px;
    position: relative;
    z-index: 80;
    

	
}

#menutop { 
	width: 880px;
	height: 35px;
	padding: 0px;
	text-align: right;
	background: #000000;
	background-repeat: no-repeat;
	color: #999999;
	font-size: 12px;
	margin: 0px auto;
	margin-right: 20px;
    margin-top: 6px;

	
}

#menu1 { 
	width: 900px;
	height: 23px;
	padding: 0px;
	text-align: left;
	background: #000000;
	background-image: url(IMG/menuspace5.png);
	background-repeat: no-repeat;
	color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #00ccff;
	font-size: 11px;
	margin: 0px auto;
    margin-top: 1px;

	
}

#modernbricksmenu2{
padding: 0;
width: 860px;
border-top: 0px solid #1d1d1d;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 410px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font-size: 12px;
font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, san-serif;
color: #2aabd2;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: transparent;
border-top: 0px solid white;
}

#modernbricksmenu2 a:hover{
background-color: transparent; /*Brown color theme*/ 
color: #cccccc;
font-weight: normal;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: transparent; /*Brown color theme*/ 
color: white;
}

#middle { 
	width: 900px;
	height: 212px;
	padding: 0px;
	background-image: url(IMG/cottleheader2010.jpg);
	background-repeat: no-repeat;
	color: #cccccc;
	font-size: 11px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #00ccff;
	margin: 0px auto;
	text-align: left;
	margin-top: 1px;

	
}

#iconsspace {
 height: 82px;
 background-color: transparent;
 }
 

#iconsoverlay {
width: 630px;
height: 100px;
margin-top: 0px;
margin-left: -5px;
background-color: transparent;
text-align: left;
}




#menu2 { 
	width: 900px;
	height: 23px;
	padding: 0px;
	text-align: left;
	background: #000000;
	background-image: url(IMG/menuspace5.png);
	background-repeat: no-repeat;
	color: white;
	font-size: 11px;
margin-top: 1px;
margin: 0px auto;
	
}

#barblue { 
	width: 280px;
	height: 23px;
	padding: 0px;
	text-align: left;
	background: transparent;
	background-image: url(IMG/sidebar2.jpg);
	background-repeat: no-repeat;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #00ccff;
	color: white;
	font-size: 11px;
	}

#iconsdiv { 
	width: 900px;
	height: 120px;
	padding: 0px;
	text-align: center;
	background-color: transparent;
	color: white;
	font-size: 11px;
margin: 0px auto;
margin-top: 10px;
}

#spacediv { 
	width: 900px;
	height: auto;
	padding: 0px;
	text-align: left;
	background-color: transparent;
	color: white;
	font-size: 11px;
margin: 0px auto;
}


#maindiv {
	width: 920px;
	text-align: center;
	margin: 0px auto;
	margin-top: 0px;
	background-color: #000000;
	color:#ffffff;
	padding: 5px;
	height: auto;
}



#contentwrapper{

width: 900px;
padding: 5px;
height: auto;
color: white;
background-color: transparent;
text-align: left;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 30px;
}

#leftcolumn{
width: 560px;
height: auto;
color: #cccccc;
text-align: left;
padding: 10px;
border-right-style: solid;
border-right-width: 0px;
border-right-color: #1d1d1d;
}

#greycontent{
width: 100%;
height: auto;
	background-image: url(IMG/repeatsquare1.png);
	background-repeat: repeat;
padding: 8px;
margin-left: -7px;
margin-top: 2px;
}

#greycontentside{
width: 100%;
height: auto;
	background-image: url(IMG/repeatsquare1.png);
	background-repeat: repeat;
padding: 8px;
margin-left: -9px;
margin-top: 2px;
}

#greycontent2{
width: 100%;
height: auto;
	background-image: url(IMG/repeatsquare2.png);
	background-repeat: repeat;
padding: 8px;
margin-left: -7px;
margin-top: 2px;
}

#greycontent3{
width: 100%;
height: auto;
	background-image: url(IMG/repeatsquare1.png);
	background-repeat: repeat;
padding: 8px;
margin-left: -3px;
margin-top: 0px;
}

#rightcolumn{
width: 300px;
height: auto;
color: #cccccc;
text-align: left;
padding: 10px;
}

#recent{
width: 280px;
height: 100px;
color: #cccccc;
text-align: left;
padding: 5px;
border: 2px solid #1d1d1d;
}

#logo{
width: 375px;
height: 194px;
padding: 3px;
border: 1px solid #1d1d1d;
}

#port{
width: 280px;
height: auto;
color: #cccccc;
text-align: left;
padding: 5px;
border-right-style: solid;
border-right-width: 0px;
border-right-color: #1d1d1d;
}


#recent2{
width: 280px;
height: auto;
color: #cccccc;
font-size: 11px;
text-align: left;
padding: 5px;
border-right-style: solid;
border-right-width: 0px;
border-right-color: #ffffff;
margin-left: 0px;
}

#cards{
width: 280px;
height: 160px;
color: #cccccc;
text-align: center;
padding: 5px;
border: 1px solid #1d1d1d;
}

#rightalignbutton{
width: 370px;
height: auto;
text-align: right;
background-color: transparent;
}

#centercontent{
width: 100%;
height: auto;
text-align: center;
}




#colors{
width: 20px;
height: 20px;
color: #cccccc;
text-align: center;
padding: 3px;
border: 1px solid #cccccc;
float: left;
margin-right: 5px;
}

#picdiv2 {
background-color: transparent;
border-style: solid;
border-color: #1d1d1d;
border-width: 1px;
height: 85px;
width: 85px;
padding: 3px;
}

#picdiv4 {
background-color: transparent;
border-style: solid;
border-color: #1d1d1d;
border-width: 1px;
height: 65px;
width: 65px;
padding: 3px;
}

#picdiv5 {
background-color: transparent;
border-style: solid;
border-color: #000000;
border-width: 0px;
height: 65px;
width: 65px;
padding: 3px;
}

#picdiv6 {
background-color: transparent;
border-style: solid;
border-color: #000000;
border-width: 0px;
height: 40px;
width: 40px;
padding: 3px;
}

#picdiv3 {
background-color: transparent;
border-style: solid;
border-color: #1d1d1d;
border-width: 1px;
height: auto;
width: 200px;
padding: 3px;
}

#leftmiddlecenter {
background-color: transparent;
width: 100%;
height: auto;
text-align: center;
}






#contentcolumn2{
margin-left: 620px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
background-color: black;
color: white;
height: auto;
text-align: left;
margin-top: 10px;
}




#picdiv {
background-color: transparent;
border-style: solid;
border-color: #1d1d1d;
border-width: 1px;
height: auto;
width: 75px;
padding: 3px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
color: white;
background-color: black;
}

#footer1{
width: 100%;
height: 23px;
background: transparent;
color: #cccccc;text-align: center;
padding: 3px 0;
margin: 0px auto;
}

#footer1 a{
color: white;
}