/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center;  }
#flickr_badge_wrapper {padding:10px 0 10px 0;  overflow:hidden; height:1%;}
.flickr_badge_image {margin:0;}
.flickr_badge_image img {border: 1px solid black !important; float:left; margin-left:10px; margin-bottom:10px;}
#flickr_badge_source {text-align:center; margin:0 10px 0 10px; clear:both;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {}
#flickr_badge_wrapper {border: solid 0px #000000; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; text-align:center;}



#rssIcon{float:left; margin-left:0px;}
#aboutMe{overflow:hidden;}
#aboutMe p{ margin:0 0 0 115px; padding:15px; line-height:1.8em; }
#information img#headShot{display:block; float:left; margin:0 0 0 15px; display:inline; width:96px; height:96px; border:2px solid #193349;}
#links{margin: 0 15px 0 130px; border-top:1px dotted #3d6a8d; padding-top:10px; }
#aboutMe dl{ color:#000000; margin:0px 0px 0px 0px; padding-bottom:10px; padding-right:15px; float:left; }
.imageTreatment1{ float:left; margin:10px 10px 10px 0px; border:3px solid #ffffff;}

#pageNav{ display:block; padding:0px 0px 20px 0px; float:left; }
#pageNav a{float:left; display:block; padding:5px; border:1px solid #cccccc; background-color:#FFFFFF; text-decoration:none; margin-right:5px; display:inline;}
#pageNav a:hover{text-decoration:underline;}
#pageNav span{float:left; display:block; padding:5px; border:1px solid #1B4567; background-color:#ffffff; text-decoration:none; margin-right:5px; display:inline;}


#allPortfolio{ background-image:url(images/bg-porfolio-1207-2.jpg); background-position:right 40px; background-repeat:no-repeat; }
#portfolioInfo{ padding:0 40px 0 0;  margin-left:520px; margin:0 auto 40px auto; padding:0; 
 margin-top:0; background-color:#FFFABF; width:auto; overflow:hidden; height:1%; padding-top:0; margin-bottom:0; padding-left:20px; padding-right:20px;

}
#portfolioInfo span{ color:#22546F; font-size:.75em; }

#portfolioInfo h1{ color:#333;  font-family:"trebuchet ms", trebuchet, arial; font-weight:bold; margin:0px; padding:0px; margin-bottom:20px; letter-spacing:-.03em;} 

#portfolioInfo h2{ color:#01304A; font-size:1.2em; font-family:"trebuchet ms", trebuchet, arial; font-weight:bold; margin:30px 0 10px 0; padding:0px;}


#portfolioInfo p{ color:#333333; font-size:.8em; line-height:1.8em; margin:0px 0 20px 0; padding:0px; font-size:1.0em; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic;}


#portfolio h1{color:#333; font-size:2.8em; font-family:"trebuchet ms", trebuchet, arial;  margin:20px 0 10px 0; padding:0px; line-height:1em}
#portfolioNav{list-style:none; margin:0px 0 40px 50px; padding:0px; float:right;  background-position:right; background-repeat:no-repeat; border:1px solid #001E2F; background-color:#001E2F}
#portfolioNav li{ float:left; margin-left:10px; display:inline; margin-right:10px;font-size:.7em}
#portfolioNav li.active a{ color:#FFFFFF;}
#portfolioNav li a{ color:#679aae; text-decoration:none; color:#FFFFFF;}

body.portfolio{background-image:url(http://www.rmsjr.com/blog/wp-content/themes/dec07/images/bg-all-portfolio.png); background-repeat:repeat-x; background-color:#2F3436; }

#infoBottom{ background-image:url(images/bg-bottom-right-info.png); background-position:right bottom; background-repeat:no-repeat; margin-right:20px; margin-left:5px; height:5px; margin-left:25px; }
#infoBottom img{position:relative; top:0px; display:block; float:left; left:-5px;}
div .sociable { margin: 16px 0 !important; }


.blogElementBottom{ background-image:url(images/bg-side-uliulli.png); background-position:left bottom; background-repeat:no-repeat; margin-right:5px; margin-bottom:40px; height:6px; }

img.postImmage{ float:right; margin:20px;}
.blogElementBottom img{position:relative; top:0px; display:block; float:right; right:-5px;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

#retweeter{ margin-top:10px;}
.sociable ul {
	width:50px;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 2px;
	text-align:center;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;
	/*filter: alpha(opacity=100);*/
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	/*filter: alpha(opacity=100);*/
}


 #social2 span.sociable_tagline span { display: none; width: 14em; }
#social2{ margin:0 0 20px 50px; overflow:hidden; height:1%; padding:0;}
#social2 .sociable span {
	display: block;
}
#social2 .sociable ul {
	width:300px;
	margin: 0 !important;
	padding: 0 !important;
}
#social2 .sociable li {
	background: none;
	list-style-type: none;
	margin: 0 20px 5px 0;
	padding: 2px;
	float:left;
	text-align:center;
}
#social2 .sociable ul li:before { content: ""; }
#social2 .sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}





#meNavigation{ padding-bottom:0px; margin:0 20px 0 20px ; overflow:hidden; height:1%;  background-image:url(images/bg-menav-div.png); background-position:right bottom; background-repeat:no-repeat;}
#meNavigation ul{margin:0 6px 0 0; padding:0px; background-image:url(images/bg-menav-ul.png); background-position:left bottom; background-repeat:no-repeat; overflow:hidden; height:1%; list-style:none;padding-left:15px; height:25px;}
#meNavigation ul li.active{  background-image:url(images/bg-menav-li.png); background-position:left top; }

#meNavigation ul li.active span{background-image:url(images/bg-menav-span.png); background-position:right top;  }

#meNavigation ul li.active span a{ color:#FFFFFF; }
#meNavigation ul li.active a:hover{  color:#FFFFFF; }
#meNavigation ul li{  background-image:url(images/bg-menav-li-ia.png); background-position:left top; background-repeat:no-repeat;  margin-right:5px; float:left; padding:0px 5px 0px 0; margin:0px; background-repeat:no-repeat; line-height:14px;  }

#meNavigation ul li span{ display:block; margin:0 0px 0 5px; padding:0 10px 0 0; background-image:url(images/bg-menav-span-ia.png); background-position:right top; background-repeat:no-repeat;  padding:3px 10px 3px 5px; margin:0 0px 0 5px;  display:block; font-size:.75em; background-repeat:no-repeat; }

#meNavigation ul li span a{color:#4D84B2; text-decoration:none;}
#meNavigation ul li span a:hover{ color:#C7DBEC;}
#smallContactForm{ margin-top:0px;  padding:0 15px 5px 15px; background-position:bottom; background-repeat:no-repeat }
		#smallContactForm h4{ margin:0 0 10px 0; padding:0px; font-size:1.4em; font-weight:normal; color:#c7dbec; }
		#smallContactForm label{ font-size:.69em; display:block; margin:0px; padding:0px; color:#c7dbec;}
		#smallContactForm input{ display:block; margin-bottom:10px; font-size:.75em;}
		#smallContactForm textarea{ display:block; margin:0px 0 10px 0; padding:0px; width:100%; display:block;}
		#smallContactForm input#fm_verify{ float:left; width:70px;}
		#smallContactForm img{ float:left; margin-left:10px;}
		#smallContactForm div.submit{ float:left; clear:both;}
		#smallContactForm div.submit input{ cursor:pointer;}

#smallContactForm2 ul li{ font-size:.75em;}
#smallContactForm2 ul li span.ddfmerrors{ color:#CC0000; font-weight:bold;}
#smallContactForm2{ margin-top:0px; width:500px; padding:0 15px 5px 15px; margin-left:20px; float:left; }
		#smallContactForm2 h4{ margin:0 0 10px 0; padding:0px; font-size:1.4em; font-weight:normal; color:#c7dbec; }
		#smallContactForm2 label{ font-size:.75em; display:block; margin:0px; padding:0px; color:#000000;}
		#smallContactForm2 input{ display:block; margin-bottom:10px; font-size:.75em;}
		#smallContactForm2 textarea{ display:block; margin:0px 0 10px 0; padding:0px;}
		#smallContactForm2 input#fm_verify{ float:left; width:70px;}
		#smallContactForm2 img{ float:left; margin-left:10px;}
		#smallContactForm2 div.submit{ float:left; width:198px;}
		#smallContactForm2 div.submit input{ cursor:pointer;}




#robertSandyLogo{position:absolute; top:10px; left:20px;}


#topNav{ 
margin:0px; 
list-style:none; 
padding:0px; 
position:absolute; 
right:10px;
top:10px; 
z-index:10;
}

#topNav li{
font-size:.69em; 
float:left;  
margin-right:10px;
display:inline;
}

#topNav li.active{
background-image:url(images/bg-nav-left-1207.gif); 
background-repeat:no-repeat; 
background-position:left;}


#topNav li span{
padding-right:10px;  
font-weight:bold; 
text-decoration:none; 
padding:3px 5px 3px 5px;
display:block; 
}

#topNav li#portfolioNavItem.active span{
background-image:none;
}

#topNav li.active span{
background-repeat:no-repeat;
background-image:url(images/bg-nav-right-1207.gif);
background-position:right top;
background-color:#458AA5;
margin-left:5px;
padding-right:10px; 
}



#topNav li span a {
color:#FFFFFF; 
font-weight:bold; 
text-decoration:none;
}





/*GENERAL*/
body { margin: 0; font-size: 1em; font-family: Arial, Helvetica, sans-serif; background-color:#F1EEE9; background-repeat: repeat-y; background-image:url(images/bg-blog.jpg);background-repeat:repeat-x;}
img { border: 0}
.db { display: block}
form { margin: 0; padding: 0}
/*a { color:#458AA5 }*/
a { color:#458AA5 }
/*a:hover{background-color: #458AA5; color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff;}*/


fieldset { border: 0; margin: 0; padding: 0}






/*LAYOUT - portfolio only*/
#all { background-image:url(images/bg-post-1207-3.jpg); background-repeat:no-repeat; background-position:right 0; width: 100%; background-repeat:no-repeat; min-width: 990px; margin: 0 auto 0 auto; overflow: hidden;  clear:both;  }

#all.tradArt{ /*background-image:url(images/bg-traditional-art2.jpg);*/ background-image:none; background-color:#000;}
#all.tradArt #portfolioInfo p{ color:#696969}
#all.tradArt #projectList h3 a{ color:#666;}
#all.tradArt #projectList h3 a:hover{ color:#fff;}
#all.tradArt h1{color:#aaa;}

#allPortfolio{  background-position:0 0px; width: 100%; background-repeat: repeat-x; min-width: 990px; margin: 0 auto 0 auto; overflow: hidden; /* background-image:url(images/bg-portfolio-1207.jpg); */ background-repeat:repeat-x; clear:both; }


#sideBar { font-size: 0.9em; width:35%; font-family: Arial, Helvetica, sans-serif; float:left; padding-top:60px;  margin-left:-35%; overflow:hidden; /*background-color:#AFABA4/*background-image:url(images/bg-post-1207-2.jpg); background-repeat:no-repeat; background-position:right top;   /*background-image:url(images/bg-project.gif);*/}

#portfolio {/*background-image: url(images/bg-porfolio-1207.jpg);*/  
background-repeat:no-repeat; 
clear:both; 
/*background-image: url(images/bg-porfolio3.jpg);*/  
background-position: 0 0; 
padding:0px;  
margin:60px auto 20px auto; 
float:none; 
margin:0; padding:0; width:100%; 

}

#wrapper {width:100%; float:left;  clear:both; background-position:right top;    margin:0px auto 0 auto; } 
#robertsandyblog {  margin-right:35%;}

#entries { width: 100%;} 
#entries.single { width: 100%; float: left}
#entries .entry { width: 100%; float: left}

#sectionTitle img{ margin-top:5px;}
#sectionTitle { text-align: left; font-weight: bold; font-family:"trebuchet MS", trebuchet, arial; font-size: 2em; margin: 0px 0px 0px 0px; line-height:110%; color:#333; padding-left:20px; letter-spacing:-.03em; }




.sectionDescription{color:#333333; line-height:1.8em; margin:0px 0 20px 0; padding:0px 0px 0px 20px; font-size:1.0em; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic;}

#projectsContainer{ margin:auto;  overflow:hidden; height:1%;}
#portfolio .project {width:462px;  margin:0px 0 0px 0; /*border:1px solid #000000; */ overflow:hidden; height:1%;   padding:0px;  /*background-image:url(images/overlay2.png);*/ /*background-image:url(images/bg-project.gif);*/ } 

#information { padding: 10px 0 0 0;   margin:0; color:#dadada; width:auto; float:none; clear:both;  background-repeat:repeat-x;  background-position:0px 0px; background-image: url(images/img-info-bg2.png); background-color:#153c58; margin-right:20px; margin-left:20px; height:1%; overflow:hidden
 }
#information dd { margin: 0 0 3px 0; padding: 0; font-size:.75em; color:#b2d7f6;}
#information p {padding-top: 0px; color:#c7dbec;}
#information a{color:#b2d7f6;}
#information a:hover{background-color: #458AA5; color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff; color:#b2d7f6}


#blogContainer{ overflow:hidden; height:1%; margin:auto;  }












#logo { margin: 25px 0 0 25px}
#logo img { margin-left: 50px; margin-top: 0}
#logo h1 { font-size: 8px; display: inline; position: relative; bottom: 40px}





/* MAIN TOP NAVIGATION */
.mainNavigation { margin: 0 0 0 0; padding: 0; list-style: none; list-style: none; height: 25px;  padding-top: 0px;  clear: both; margin:auto; width:425px; z-index:200; position:absolute; top:30px;right:30px;}

.mainNavigation li { list-style: none; padding:5px; float: left;  text-align: center; float: left; margin: 0 0 0 15px;  }

.mainNavigation li.active { list-style: none; float: left; background-position: left 0%; background-repeat: no-repeat; background-color: #458AA5; padding:5px;}

.mainNavigation li span { background-repeat: no-repeat; display: block; text-decoration: none; font-size: 0.7em; display: block; font-weight: bold}

.mainNavigation li span a { font-weight: bold; color: #cccccc; text-decoration: none; font-size:1.2em;}

.mainNavigation li.active span a { color: #ffffff;}





/* 
///////////////////////////////////////////
///////////////// BLOG STYLES ////////
///////////////////////////////////////////
*/
/* SEARCH */


#robertSandy{top:40px; left:50px; margin-top:40px; margin-bottom:27px; margin-left:50px;}
#search { width:100%; position:absolute; top:10px; right:10px; text-align:left; width:335px;}
#searchform { margin: 0 0 20px 0; padding: 0 ; }
#search input{ vertical-align:middle; display:inline;}
#searchform #searchsubmit { background-color: #efefef; border: 1px solid #000000}
#s { font-size: 0.7em}




/* SIDEBAR */
.blogElements { overflow: hidden; list-style: none; padding: 0; margin: 40px 20px 0 20px;}
.blogElements li { margin-bottom: 0; margin: 0; padding: 0; background-image:url(images/bg-sideli.png); background-repeat:no-repeat; background-position:top right;}
.blogElements li p { font-size: 0.8em; padding: 0 20px 20px 0; margin: 0; line-height: 18px}
.blogElements li h2 { margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 1.2em;  font-family: arial, Arial, Helvetica; clear: both; color: #666666; }
.blogElements li#categories h2 { margin: 0; padding: 0; clear: both}




.blogElements li#validation{background-image:none;} 
.blogElements li#validation p{margin-top:20px;  }

.blogElements li h4{font-size:.88em; margin:0px 5px 0px 0; padding:6px; color:#FFFFFF; /*background-image:url(images/bg-h4-sidebar-1207.gif);*/ background-position:0 0px; background-repeat:no-repeat; background-image:url(images/bg-sideh4.png); background-position:top left; background-repeat:no-repeat; }
.blogElements li ul {margin-bottom:50px;}
.blogElements li ul { margin: 0 0 0px 0; padding: 0; list-style: none; clear: both; }
.blogElements li ul li { padding: 0; margin: 0 0 0px 0px; color: #666666; font-size:.8em; padding: 7px 10px 7px 35px; background-image:none; border-top:1px solid #f1eee9; background-color:#FFFFFF;}

.blogElements li ul#rssButtons li{ padding: 7px 10px 7px 10px;}

.blogElements li#categories li { background-image: url(images/bg-cats.gif); background-repeat: no-repeat; background-position: 10px 12px}
.blogElements li#mostPopular li{ background-image: url(images/bg-post-li.gif); background-repeat: no-repeat; background-position: 10px 9px}
.blogElements li#archives li{ background-image:url(images/bg-archives.gif); background-repeat: no-repeat; background-position: 10px 9px}
.blogElements li ul li img{display:block;}
.blogElements li#categories li a:hover { background-repeat: no-repeat; background-position: 0 6px}
.blogElements li#linkcat-1 li { background-image:url(images/bg-links.gif); background-repeat: no-repeat; background-position: 10px 10px}
.blogElements li#linkcat-1 li a:hover { background-repeat: no-repeat; background-position: 0 8px}

.blogElements li ul li a {  margin-bottom: 0; margin-right: 3px}
.blogElements li ul li a:hover { background-color: #ffffff}

 



/*POST STYLES */
#robertsandyblog .postContent {margin-right: 20px; background-repeat: repeat-x; background-position: top; padding: 0px 0px 0px 20px;  overflow:hidden; height:1%; width:80%; float:left; display:inline;}
#robertsandyblog .post { overflow: hidden; margin-bottom: 0; padding: 0; height: 1%; margin-bottom:30px; margin-left:20px;}
#robertsandyblog .post .entry { overflow: hidden; height: 1%; padding: 0 0 0 0;}

#robertsandyblog .post .entry p { font-size: 0.8em; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; margin: 0; margin:0 0 20px 0; padding:0px; }
#robertsandyblog .post .entry p .highlight { background-color: #ffff99; padding: 2px}
#robertsandyblog .post h2 { padding: 0; text-decoration: none; font-weight: normal; font-family:"trebuchet MS", trebuchet, arial; margin: 0 0 5px 0; font-size:1.4em; cursor: pointer;  }
#robertsandyblog .post .entry h3{  margin:0 0 0 0; padding:0px; color: #01304A; font-size:1em;}
#robertsandyblog .post .entry h4{ margin:0 0 0 0; padding:0px; color: #01304A; font-size:.8em;}
#robertsandyblog .post h2 a {font-family:"trebuchet MS", trebuchet, arial; text-decoration: none; border-bottom:0px solid #458AA5; font-weight: normal}
#robertsandyblog .post .entry code{ font-size:1.2em;}
#robertsandyblog .post h2 a:hover { color: #333; text-decoration: none; font-weight: normal;}

#robertsandyblog .post .entry ol{ margin-top:20px; margin-bottom:20px; padding-top:0px; padding-bottom:0px}
#robertsandyblog .post .entry ol li span{ font-size:.75em;}
#robertsandyblog .post .entry ol li p{}
#robertsandyblog .post .entry ul{margin-bottom:30px;}
#robertsandyblog .post .entry ul li{  font-size:.8em; line-height: 1.8em;}

/*h1#sectionTitle{ margin:0 0 10px 0; padding-left:0px; clear:both;}*/
h1#sectionTitle a{ text-decoration:none; color: #01304A} 
#robertsandyblog .post .sectionDescription{margin-left:0px; padding-left:0px; margin-bottom:20px;}

#robertsandyblog .post small { font-family: Arial, Helvetica, sans-serif; color: #949494; font-size: 0.9em; margin: 0; padding: 0}
#robertsandyblog .post p.tags img { float: left; margin-left: 50px}
#robertsandyblog .post p.tags { line-height: 1.8em; font-size: 0.75em; padding-bottom: 30px; clear: both; margin: 0px 25px 0 0; overflow: hidden; height: 1%; background-image: url(images/bg-tags-1207.png); background-repeat: no-repeat; padding-left: 50px; background-position: 11px 0}

#robertsandyblog .post p.tags span{ display:block;}

#robertsandyblog .post p.tags a{ color:#000000;}

#robertsandyblog .post h3{ font-weight:normal; font-size:1.0em; font-weight:bold; padding-bottom:0px; margin-bottom:5px;}
#robertsandyblog .post .comments { width: 50px; height: 36px; font-size: 0.8em; font-weight: bold; background-image: url(images/bg-comments-3.png); background-repeat: no-repeat; margin: 5px 0 0 0; padding-left: 0; text-transform: uppercase; background-position: top center; text-align: center; padding-top: 4px}
#robertsandyblog .post .comments a { text-decoration: none; color: #458AA5; font-size:18px; display: block; text-align: center; width: 30px; margin: 0 auto 0 auto}
#robertsandyblog .post .comments a:hover { color: #333}

#notFound{margin-left:70px;}

/* DATE STYLES */
#robertsandyblog .post .date {  height: 40px; font-size: 0.8em; font-weight: bold;  margin: 0 0 0 0px;  text-transform: uppercase;  padding-top: 4px; position:relative; left:-2px;}
#robertsandyblog .post .dateCmnt { width: 50px; float: left; display: inline; margin: 3px 0 0 0; padding: 0px 0px 0 0 ; /*background-image: url(images/bg-post.gif);*/ background-image:url(images/bg-date3.png);  background-position: top right; background-repeat:no-repeat; }
.month { display: block; color: #ffffff; text-align: center; position: relative; top: 0px; left:2px; width: 50px; font-size:.8em;  }
.day { display: block; line-height: 24px; text-align: center; color: #063046; font-size: 18px; position: relative; top: 2px; width: 50px;  left:2px;}
.year { display: block; text-align: center; color: #063046; font-size: 10px; position: relative; top: 0; width: 40px}



/*POST META INFORMATION */
.postmetadata { padding: 10px; background-color: #f8f8f8; border: 1px solid #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 18px; margin: 20px 40px 20px 50px}
.postmetadata a {}
.postmetalinks { position: relative; margin-left: 5px}

/*POST COMMENTS
#comments { color: #000000; font-weight: normal; padding-left: 50px}
.commentlist { list-style: none; list-style-image: none; padding: 0 0 0 0; margin: 0}
.commentlist li { font-size: 0.8em; overflow: hidden; height: 1%; background-color: #f8f8f8; border: 1px solid #cbcbcb; margin-bottom: 20px; padding: 10px; margin-right:0px} */

/*POST COMMENTS */
#comments { color: #000000; font-weight: normal; padding-left: 50px; margin-right:40px;}
div#comments h3{ background-color:#01304A; padding:10px; color:#ffffff; font-weight:normal;}
.commentlist { list-style: none; list-style-image: none; padding: 0 0 0 0; background-color:#f8f8f8; margin: 0; padding:10px 10px 0 10px; border: 1px solid #cbcbcb; clear:both;}
.commentlist li { font-size: 0.8em; overflow: hidden; height: 1%; background-color: #ffffff; border: 0px solid #cbcbcb; margin:0px 0 10px 0; padding: 10px; line-height:1.8em }



/*SEND COMMENTS */
#responseSection { margin-left: 50px; margin-right: 40px}
#responseSection label { display: block; font-size: 0.8em; font-weight: bold}
#responseSection h3 { color: #01304A; font-weight: normal}
#responseSection textarea { width: 100%}
/* PAGE INFORMATION I.E: BREADCRUMBS */
#pageInfo { display: block; margin:0 0 20px 0; padding:0px 0 5px 0 ; }
#pageInfo dd { font-size: .8em; padding: 0; margin: 0; display: block}





/* 
///////////////////////////////////////////
///////////////// PORTFOLIO STYLES ////////
///////////////////////////////////////////
*/


#portfolio ul{ list-style:none; margin:0px; padding:0px; }
#portfolio ul li{ }
#robertSandy a{color:#FFFFFF; text-decoration:none;}
#webDesign{font-size:.7em; margin:0px; padding:0px; position:absolute;  top:48px; left:200px;}
#webDesign a{color:#FFFFFF; text-decoration:none; font-weight:normal;}

#portfolio .completeDate{color:#679aae; font-size:.7em; display:block; padding:0 15px 10px 0px; border-bottom:1px solid #cccccc; text-transform:uppercase}
#portfolio .project dl{padding-top:0px; width:190px; float:right;  padding-left:0px; margin-left:0px;  }
#portfolio .project dt{color:#aaaaaa; margin:0px; padding:0px; font-size:.7em; line-height:1.6em; font-weight:bold;}
#portfolio .project dd{color:#666666; margin:0px; padding:0px; font-size:.7em; line-height:1.6em; margin:0px; font-weight:normal; display:inline}
#portfolio .project h3 { margin: 0 0 0 0; padding: 10px 15px 0 0px; font-size: .8em; font-family: arial, arial;  width: 400px; font-weight: bold; color: #ffffff}
#portfolio .project h3 a { text-decoration: none;  font-weight:bold; color:#666}
#portfolio .project h3 a:hover { color:#ffffff;}
#portfolio .projectImage { overflow: hidden; height: 1%; padding:0px; border:0px solid #cccccc;  background-image:url(images/bg-project.png); background-position:right bottom; width:460px; height:185px; background-repeat:no-repeat;}
#portfolio .projectImage img { border: 0px solid #515151; display: block; margin: auto; width:450px;  }
#portfolio .details { float:left; width:450px;}
#portfolio ul.specs { margin: 0; font-family: Arial, Helvetica, sans-serif; list-style: none; padding: 20px 0 10px 0; }
#portfolio ul.specs h2 { font-size: 0.8em; margin: 10px 10px 0 10px; color: #ffffff}
#portfolio ul.specs li { font-size: 0.7em; margin-bottom: 0; padding: 0px 20px 5px 0px; color: #666666 }
#portfolio ul.specs li a { color: #666666}
#portfolio ul.specs li strong{ color:#999999;}
#portfolio ul.specs li a:hover{ color:#000000;}
#portfolio .mediaInfo { width: 133px; float: left}
#portfolio .showHideDetails { width: 330px; float: left; overflow: hidden; margin-bottom: 0}
#portfolio .showHideDetails a { cursor: pointer}
.summary{padding:5px 0px 10px 0px; width:460px; float:left;}
.projectOptions { width: 120px;  float: left; padding: 0; font-size: 0.7em; margin: 0 0 0 0; list-style: none; }
.projectOptions li { margin-bottom: 4px; float:left; display:block; clear:both; width:120px }
.projectOptions li a { background-repeat: no-repeat; display: block; padding-top: 2px; padding-bottom: 2px; color: #458AA5  }
.projectOptions li a:hover{ border-bottom:0px; background-color:transparent; text-decoration:underline;}
.projectOptions li a:hover{}
.projectOptions li a.video { background-image: url(images/btn-play-video.png)}
.projectOptions li a.gallery { background-image: url(images/btn-launch.png)}
.projectOptions li a.detailsBtn { background-image: url(images/btn-details.png); background-color: transparent}
#footer { clear: left}

#projectList .projectLi{ margin-bottom:30px;}
#projectList{ width:500px; float:left;}

.project p.relatedPostLink{background-color:#222222; padding:10px 0px 10px 20px ; margin:0px;}
.projectDescription{ font-size:1em; line-height:1.6em; padding:0px; margin:0px; }











/* PRODUCT BROWSER */



#productbrowser { overflow: hidden; height:1%; left: 0; padding-bottom:50px;  }
#pb-productbrowsercontainer { float:left; width:100%; clear:both; }
#pb-productslider { top: 4px; left: 0; width:980px; margin: 0; padding: 0; }
#pb-productslider 

#pb-productslidertrack { position: absolute; top: 0px; left: 0; width:100%; overflow: hidden; height:19px; visibility: hidden; }
#pb-productsliderhandle { position: absolute; width: 213px; height: 19px; cursor: pointer; z-index: 155; left: 0; }

#pb-productsliderhandleimage { position: absolute; width: 160px; height: 19px; background: url(images/scroller.png) no-repeat; /*behavior:url(/global/scripts/lib/iepngfix.htc);*/ cursor: pointer; z-index: 5; }




#pb-leftarrow { position: absolute; left: 0px; top: 235px; width: 30px; height: 20px; z-index: 150; cursor: pointer; background: url(images/left-arrow.png) no-repeat; }

#pb-rightarrow { position: absolute; right:0px; top: 250px; width: 30px; height: 20px;  z-index: 150; cursor: pointer; background: url(images/right-arrow.png) no-repeat;}


#pb-iphone-leftarrow { position: absolute; left: 0; top: 0; height: 180px; width: 69px; z-index: 1000; cursor: pointer; background: url(http://images.apple.com/itunes/home/images/pb_arrows_04_left.png) no-repeat top; }



#pb-iphone-rightarrow { position: absolute; left: 910px; top: 0; height: 180px; width: 69px; z-index: 100000; cursor: pointer; background: url(http://images.apple.com/itunes/home/images/pb_arrows_04_right.png) no-repeat top; }



.navigation{ margin-top:0px; margin-bottom:0px; font-size:.8em; margin-left:20px;}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&  NAVIGATION &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* $$$$$$$$$$$$$$$  PADDINGS $$$$$$$$$$$$$$$ */  
#navcontainer ul, #navcontainer ul li, #navcontainer ul li.active span, #navcontainer ul li span, #navcontainer ul li.active span a, #navcontainer ul li span a{ 
padding-top:16px;
padding-bottom:16px;
}


#navcontainer ul li span, #navcontainer ul li.active span a {
padding-left:10px;
padding-right:10px;
}

#navcontainer ul li span a{
padding-left: 5px;
padding-right: 5px;  
}

#navcontainer ul li#last{
padding-right:9px;
}

#navcontainer ul li#first{
padding-left:9px;
}

#navcontainer ul li.active span, #navcontainer ul{
padding-left:0;
padding-right:0;
}

/* $$$$$$$$$$$$$$$  END PADDINGS $$$$$$$$$$$$$$$ */


#navcontainer{
}


#navcontainer ul{
font-family: Arial, Helvetica, sans-serif;
color: white;
font-size:12px;
font-weight:normal;
text-align: center;
margin: 0;
}

#navcontainer ul li{
vertical-align:middle;
display: inline;
margin:0 -3px 0 0;
}

#navcontainer ul li#first{
background-image:url(http://www.rmsjr.com/images/nav-left.png); 
background-position:left center; 
background-repeat:no-repeat;
}

#navcontainer ul li#last{
background-image:url(http://www.rmsjr.com/images/nav-right.png); 
background-position:right center; 
background-repeat:no-repeat; 
}

#navcontainer ul li#last a{ margin-right:-3px;}

#navcontainer ul li span{
background-image:url(http://www.rmsjr.com/images/bg-nav.png); 
background-repeat:repeat-x; 
background-position:right center; 
color: #b6dbec;
}

#navcontainer ul li.active span{
background-image:url(http://www.rmsjr.com/images/bg-navitem-active-right.png);
}

#navcontainer ul li span a{
color: #b6dbec;
text-decoration:none;
}

#navcontainer ul li.active span a{
background-image:url(http://www.rmsjr.com/images/bg-navitem-active-left.png);
background-repeat:no-repeat; 
background-position:left center; 
color: white;
text-decoration: none;
}

#navcontainer ul li a:hover{color: #ffffff;}

#navcontainer ul li span input{background-repeat:repeat-x; background-position:center; padding: 0px 0px 0px 0px; color: white;font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration: none; margin:0px;}
#navcontainer ul li .txtInput{display:block; display:inline; height:13px; font-size:1em;  border:1px solid #cccccc; vertical-align:middle; color:#666666; padding:0px;}

















/* %%%%%%%%%%%%%%%%%%%%%%%%%% TOP NAV %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#topnavcontainer{ width:990px; min-width:990px; margin:auto;  position:relative; top:9px; z-index:2 }
#topnavcontainer ul{font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: white;text-align: center; margin:0px 0px ; padding:0; padding-top:0px;  }
#topnavcontainer ul li{ padding-top:1px; padding-bottom:4px; display:inline; background-image:url(http://www.rmsjr.com/images/bg-top-nav-left.png); background-repeat:no-repeat; background-position:left top;  margin-left:-4px; vertical-align:baseline; }
#topnavcontainer ul li span{background-image:url(http://www.rmsjr.com/images/bg-top-nav-right.png); background-repeat:no-repeat; background-position:right top; color: white; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:.7em; text-decoration: none; padding:5px 0px 5px 0px; margin-left:5px;  vertical-align:baseline;  margin-top:-1px; margin-right:5px; }
#topnavcontainer ul li span a{color: #b6dbec; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration: none; line-height:inherit;  line-height:27px; vertical-align:baseline;  padding:2px 10px 0px 10px; vertical-align:baseline;  display:inline; margin-right:5px;}
#topnavcontainer ul li#last span{ margin-right:0px;}
#topnavcontainer ul li.active a{font-weight:bold; color:#ffffff;}
#topnavcontainer ul li.active{background-image:url(http://www.rmsjr.com/images/bg-top-nav-left-active.png); background-repeat:no-repeat;}
#topnavcontainer ul li.active span{background-image:url(http://www.rmsjr.com/images/bg-top-nav-right-active.png); background-repeat:no-repeat;}
#topnavcontainer ul li a:hover{color: white;}





#smallTitle{position:relative; top:14px; left:95px; color:#FFFFFF; font-size:12px; color:#cccccc; font-family:'trebuchet ms', trebuchet, arial; font-style:italic; line-height:12px; display:block; width:300px;}


#copyright{background-color:#cccccc; clear:both; display:block; padding:5px; font-size:.7em;}

#topBar{width:100%; height:40px; margin:0px; padding:0px; }

#portfolioNav{margin:0px; padding:2px 2px 2px 2px; top:10px; position:absolute; right:10px; /*background-image:url(images/bg-nav-right-12072.gif);*/  }


.linkss{ list-style:none; margin:0px; padding:0px; margin-bottom:10px; clear:both }
.linkss li{  margin:0 15px 5px 15px; display:block; font-size:.75em; padding:5px 5px 5px 15px; border-bottom:1px solid #001620; border-top:1px solid #29516F; }
.linkss li a{  text-decoration:none; vertical-align:middle;     }
.linkss li a:hover{  text-decoration:underline;  vertical-align:middle; background-color:transparent; text-decoration:underline; color:#FFFFFF;}
.linkss li img{  margin-right:5px; display:inline;  vertical-align:middle; width:18px; }



.links{ list-style:none; margin:0px; padding:0px; }
.links li{  margin:0 0px 0px 0; display:block; font-size:.75em; border-bottom:0px solid #cccccc; padding:10px 10px 5px 0;}
.links li a{  text-decoration:underline; vertical-align:middle; font-family:Georgia, "Times New Roman", Times, serif;  font-style:italic;   }
.links li a:hover{  text-decoration:underline;  vertical-align:middle;}
.links li img{  margin-right:5px; display:inline;  vertical-align:middle; width:18px; }


#portfolioInfo .quickLinks{color:#333333; font-size:.8em; line-height:1.8em; margin:0px 0 20px 0; padding:0px; font-size:1.0em; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; margin-top:10px; overflow:hidden; height:1%;}
#portfolioInfo .quickLinks li{ display:inline; margin-right:12px; float:left; }

#portfolioInfo .quickLinks li a{background-color:#fff; border:1px solid #efefef; padding:5px; display:block;}
#portfolioInfo .quickLinks li a:hover{ background-color:#458AA5; color:#FFFFFF; }  
#portfolioInfo .quickLinks li a:active{ background-color:#458AA5; color:#FFFFFF;} 
/*
.quickLinks li{ display:inline; margin-right:10px;}